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;}canvas{display:block;vertical-align:bottom;}.count-particles{background:rgb(0,0,34);position:absolute;top:48px;left:0px;width:80px;color:rgb(19,232,233);font-size:0.8em;text-align:left;text-indent:4px;line-height:14px;padding-bottom:2px;font-family:Helvetica,Arial,sans-serif;font-weight:bold;}.js-count-particles{font-size:1.1em;}#stats,.count-particles{user-select:none;margin-top:5px;margin-left:5px;}#stats{border-radius:3px 3px 0px 0px;overflow:hidden;}.count-particles{border-radius:0px 0px 3px 3px;}#particles-js{width:100%;height:100%;}*{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;}}#particles-js{position:fixed;inset:0;z-index:1;pointer-events:none;background:transparent !important;}.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);background:url('../picture/huaban-2475144870.js') no-repeat center 20%;background-size:100% 120%;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 10px;}.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;}#particles-js{background-color:transparent !important;background-image:none !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);}.vip-btn-wrap:hover .tip-box{display:block;animation:popup .25s ease forwards;}.top1 > .fon:nth-child(3n+1) .tip-box{left:-27px;}.top1 > .fon:nth-child(3n+1) .tip-box::after{left:15px;}.top1 > .fon:nth-child(3n+2) .tip-box{left:-58px;}.top1 > .fon:nth-child(3n+2) .tip-box::after{left:58px;}.top1 > .fon:nth-child(3n+3) .tip-box{left:auto;right:-8px;}.top1 > .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;}