html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0px;padding:0px;border:0px;outline:0px;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}nav ul{list-style:none}blockquote,q{quotes:none}blockquote::before,blockquote::after,q::before,q::after{content:none}mark{background-color:rgb(255,255,153);color:rgb(0,0,0);font-style:italic;font-weight:bold}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0px}hr{display:block;height:1px;border-width:1px 0px 0px;border-right-style:initial;border-bottom-style:initial;border-left-style:initial;border-right-color:initial;border-bottom-color:initial;border-left-color:initial;border-image:initial;border-top-style:solid;border-top-color:rgb(204,204,204);margin:1em 0px;padding:0px}input,select{vertical-align:middle}li{list-style:none}html,body{width:100%;height:100%}html{-webkit-tap-highlight-color:rgba(0,0,0,0)}body{font:75% Arial,Helvetica,sans-serif}*{margin:0;padding:0;box-sizing:border-box}html{width:100%;height:100%;background:#0d0d0d}body{width:100%;min-height:100vh;font-family:Arial,Helvetica,sans-serif;overflow-x:hidden;background:transparent;background-image:url('../picture/oii.js');background-repeat:no-repeat;background-position:center 8%;background-size:cover}@media(min-width:768px){body{background-size:contain;background-attachment:fixed}}.content-wrapper{position:relative;z-index:2;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:19px 3px 16px;max-width:400px;margin:0 auto}.logo1{width:230px;max-width:16rem;margin:0 auto 6px;filter:drop-shadow(0 2px 12px rgba(0,0,0,0.5))}.logo1 img{width:100%;display:block}.logo2{width:320px;max-width:85%;margin:0 auto 25px;filter:drop-shadow(0 2px 12px rgba(0,0,0,0.4))}.logo2 img{width:100%;display:block}.top1{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;width:100%;max-width:540px;margin:0 auto 30px;padding:22px;background:transparent;border-radius:24px;box-shadow:0 8px 40px rgba(0,0,0,0)}@media(min-width:500px){.top1{position:relative;left:0px}}.fon{aspect-ratio:1 / 1;border-radius:18px;overflow:hidden;position:relative;transition:all 0.35s cubic-bezier(0.25,0.46,0.45,0.94);box-shadow:0 4px 15px rgba(0,0,0,0.25);cursor:pointer}.fon::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(105deg,transparent 18%,rgba(255,255,255,.08)36%,rgba(255,255,255,.08)40%,transparent 58%);background-size:200% 100%;background-position:100% 0;pointer-events:none;transition:background-position .5s ease}.fon:hover::after{background-position:0% 0}.fon a{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:18%}.fon a img{width:160%;max-width:112px;max-width:140px;aspect-ratio:1 / 1;object-fit:contain;display:block;transform:translateY(5px);margin:0 auto;transition:transform 0.3s ease}.img2{text-align:center;margin-top:auto;padding:15px 0 30px}.img2 h1{font-size:1.05rem;color:#e4be71;margin-top:12px;font-weight:400;text-shadow:0 2px 10px rgba(0,0,0,0.6);letter-spacing:0.03em}.img2 a.kf-btn{display:inline-flex;align-items:center;justify-content:center;position:relative;max-width:200px;width:100%;height:56px;border-radius:999px;border:1px solid rgba(255,210,100,0.7);background:radial-gradient(circle at top,#5a3b00,#111 60%);box-shadow:0 0 22px rgba(255,210,100,0.45);text-decoration:none;color:#ffe9a8;font-size:1.1rem;font-weight:700;letter-spacing:3px;cursor:pointer;transition:all 0.3s ease;overflow:hidden}.img2 a.kf-btn::before{content:'';position:absolute;inset:0;background:radial-gradient(circle,#fff6c8 1px,transparent 2px)20px 18px / 55px 35px,radial-gradient(circle,#ffd66b 1px,transparent 2px)45px 40px / 70px 45px;animation:kfSpark 2s linear infinite;opacity:0.65;pointer-events:none}.img2 a.kf-btn::after{content:'';position:absolute;top:-40%;width:70px;height:180%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.75),transparent);transform:rotate(25deg);animation:kfShine 2.8s infinite;pointer-events:none}@keyframes kfShine{0%{left:-100px}60%{left:360px}100%{left:360px}}@keyframes kfSpark{from{background-position:0 0,0 0}to{background-position:80px 40px,-80px -40px}}.img2 a.kf-btn:hover{box-shadow:0 0 30px rgba(255,210,100,0.65);border-color:rgba(255,210,100,0.9)}.img2 a.kf-btn .kf-btn-text{position:relative;z-index:2}@media screen and(max-width:500px){.top1{gap:12px;padding:16px;max-width:400px}.logo1{width:180px}.logo2{width:260px;margin-bottom:18px}.img2 h1{font-size:0.95rem}.tip-box{width:180px;font-size:10px}}@media screen and(max-width:390px){.top1{gap:10px;padding:14px;border-radius:18px}.fon{border-radius:14px}.logo1{width:150px}.logo2{width:220px}.img2 a.kf-btn{max-width:170px;height:48px;font-size:0.85rem}.tip-box{width:160px;font-size:9px}}@media screen and(max-width:340px){.top1{gap:8px;padding:10px}.logo1{width:130px}.logo2{width:180px}.img2 h1{font-size:0.85rem}.tip-box{width:140px;font-size:8px}}.badge-icon{position:absolute;top:71px;right:16px;width:22px;height:22px;border-radius:6px;object-fit:cover;pointer-events:none;z-index:3}.vip-fon .badge-icon{display:none}.main{position:static !important}.vip-fon{position:relative;overflow:visible}.vip-btn-wrap{position:absolute;bottom:3px;left:50%;transform:translateX(-50%);z-index:10}.help-icon{position:absolute;top:-16px;left:-8px;width:20px;height:20px;border-radius:50%;background:linear-gradient(180deg,#f5d684,#e8b830);color:#5a3e0a;font-size:11px;font-weight:bold;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:20;box-shadow:0 0 4px rgba(200,160,60,.4),inset 0 1px 2px rgba(255,255,255,.4);transition:.2s;pointer-events:auto}.help-icon:active{transform:scale(.92)}.tip-box{position:absolute;bottom:calc(100% + 28px);left:-8px;width:220px;padding:10px 12px;border-radius:14px;background:#fff;color:#5a3e0a;font-size:11px;line-height:1.6;box-shadow:0 8px 24px rgba(0,0,0,.25);display:none;z-index:100;pointer-events:auto;border:1.5px solid #8b6914}.tip-box::after{content:'';position:absolute;bottom:-8px;left:25%;width:0;height:0;border-left:7px solid transparent;border-right:7px solid transparent;border-top:7px solid #fff;filter:drop-shadow(0 1.5px 0 #8b6914)}.tip-box.show{display:block;animation:popup .25s ease forwards}.fon:nth-child(3n+1) .tip-box{left:-27px}.fon:nth-child(3n+1) .tip-box::after{left:15px}.fon:nth-child(3n+2) .tip-box{left:-58px}.fon:nth-child(3n+2) .tip-box::after{left:58px}.fon:nth-child(3n+3) .tip-box{left:auto;right:-8px}.fon:nth-child(3n+3) .tip-box::after{left:auto;right:25%}.vip-btn{width:66px;height:20px;border:none;outline:none;cursor:pointer;border-radius:20px;position:relative;overflow:hidden;font-size:6px;font-weight:700;letter-spacing:0.5px;color:#4a3410;background:linear-gradient(180deg,#f7d98a 0%,#e8b830 45%,#f0ca5a 100%);box-shadow:inset 0 1px 4px rgba(255,255,255,.4),inset 0 -2px 4px rgba(200,160,60,.3),0 0 6px rgba(200,160,60,.3);animation:floatBtn 2.8s ease-in-out infinite;transition:.25s;z-index:11;pointer-events:auto}.vip-btn:hover{transform:scale(1.03)}.vip-btn::before{content:'';position:absolute;inset:2px;border-radius:18px;border:1px solid rgba(200,160,60,.5);box-shadow:inset 0 0 2px rgba(255,255,255,.3)}.vip-btn::after{content:'';position:absolute;inset:0;background:linear-gradient(105deg,transparent 20%,rgba(255,255,255,.12)40%,rgba(255,255,255,.12)60%,transparent 80%);transform:translateX(-100%);animation:shineBtn 3.5s ease infinite;pointer-events:none}@keyframes shineBtn{0%{transform:translateX(-100%)}45%{transform:translateX(100%)}100%{transform:translateX(100%)}}@keyframes floatBtn{0%,100%{transform:translateY(0px)}50%{transform:translateY(-5px)}}@keyframes popup{from{opacity:0;transform:translateY(-10px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.img2{text-align:center}.img2 .btn-group{display:flex;justify-content:center;align-items:center;gap:10px}.img2 .btn-group .kf-btn{width:180px;max-width:180px;flex:0 0 180px}.kf-btn{display:flex;flex-direction:column;justify-content:center;align-items:center;text-decoration:none}.kf-btn .title{font-size:16px;font-weight:700;line-height:1.2}.kf-btn .sub-title{font-size:10px;font-weight:400;line-height:1.2;margin-top:2px;opacity:0.9;letter-spacing:0}