*{margin:0;padding:0;box-sizing:border-box}
:root{
  --red:#E50916;--red2:#ff6b74;
  --bg:#0a0c0f;--panel:#161a21;--panel2:#1c2027;--panel3:#232936;
  --line:#2c313a;--line2:#232936;
  --txt:#e8e8e8;--dim:#9aa0ab;--dim2:#6b7280;
  --radius:10px;
}

html.lt{
  --bg:#f4f5f8;--panel:#ffffff;--panel2:#edf0f4;--panel3:#e2e7ee;
  --line:#d9dee7;--line2:#e4e8ef;
  --txt:#23272f;--dim:#414a57;--dim2:#7c8593;
}

html.lt .hero h2{color:var(--txt)}
html.lt .hero p{color:var(--dim)}
html.lt .hero .dots i{background:rgba(0,0,0,.25)}
html.lt .hero .hero-art{border-color:rgba(0,0,0,.1);box-shadow:0 20px 50px rgba(60,70,90,.3)}
html.lt .m-menu.open{box-shadow:0 18px 30px rgba(60,70,90,.25)}
html.lt .badges .dot{color:var(--line)}
html.lt .card .node{background:rgba(255,255,255,.85);color:#333}
html.lt .card .rm{background:rgba(255,255,255,.9);color:#c40812}
html.lt .result-item .pic .rm{background:rgba(255,255,255,.9);color:#c40812}
html.lt .fab button{box-shadow:0 6px 18px rgba(60,70,90,.18)}
html{-webkit-text-size-adjust:100%}
body{background:var(--bg);color:var(--txt);font-family:-apple-system,"PingFang SC","Microsoft YaHei",sans-serif;font-size:14px;line-height:1.6;min-width:320px}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
ul,ol{list-style:none}
button,input,select{font-family:inherit;font-size:inherit;outline:none;border:0;background:none;color:inherit}
.wrap{max-width:1280px;margin:0 auto;padding:0 16px}

.hdr{position:sticky;top:0;z-index:100;background:rgba(10,12,15,.92);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--line2)}
html.lt .hdr{background:rgba(255,255,255,.94)}
.hdr-in{display:flex;align-items:center;gap:22px;height:58px}
.logo{display:flex;align-items:center;gap:8px;color:var(--red);font-weight:800;font-size:21px;letter-spacing:1px;white-space:nowrap;flex:0 0 auto}
.logo .mark{width:26px;height:26px;border-radius:7px;background:linear-gradient(135deg,var(--red),#8b0006);display:flex;align-items:center;justify-content:center;flex:0 0 26px}
.logo .mark::after{content:"";border-left:9px solid #fff;border-top:5.5px solid transparent;border-bottom:5.5px solid transparent;margin-left:2px}
.hdr-search{display:flex;align-items:center;gap:8px;background:var(--panel2);border:1px solid var(--line);border-radius:20px;padding:6px 13px;width:200px;flex:0 1 200px;transition:.2s}
.hdr-search:focus-within{border-color:rgba(229,9,22,.6)}
.hdr-search input{flex:1;min-width:0;color:var(--txt);font-size:13px;background:none}
.hdr-search input::placeholder{color:var(--dim2)}
.hdr-search button{display:flex;align-items:center;color:var(--dim2);cursor:pointer;padding:0;flex:0 0 auto}
.hdr-search button:hover{color:var(--red)}
.nav{display:flex;align-items:center;gap:4px;flex:1;min-width:0;overflow:visible}
.nav a{color:var(--dim);font-size:13.5px;padding:6px 11px;border-radius:7px;white-space:nowrap;transition:.15s}
.nav a:hover{color:var(--txt);background:var(--panel2)}
.nav a.on{color:#fff;background:var(--red);font-weight:600}
.hdr-r{display:flex;align-items:center;gap:9px;flex:0 0 auto;margin-left:auto}
.btn-login{display:inline-flex;align-items:center;font-size:13px;color:var(--dim);border:1px solid var(--line);padding:6px 14px;border-radius:18px;white-space:nowrap;transition:.15s}
.btn-login:hover{color:var(--red);border-color:rgba(229,9,22,.5)}
.btn-app{display:inline-flex;align-items:center;background:linear-gradient(135deg,var(--red),#b00610);color:#fff;font-size:13px;font-weight:600;padding:7px 15px;border-radius:18px;white-space:nowrap;box-shadow:0 3px 14px rgba(229,9,22,.35)}
.m-btn{display:none;width:36px;height:36px;border-radius:8px;background:var(--panel2);align-items:center;justify-content:center;cursor:pointer;flex:0 0 36px}
.m-btn span{display:block;width:17px;height:2px;background:var(--dim);border-radius:2px;position:relative}
.m-btn span::before,.m-btn span::after{content:"";position:absolute;left:0;width:17px;height:2px;background:var(--dim);border-radius:2px}
.m-btn span::before{top:-5.5px}.m-btn span::after{top:5.5px}
.m-menu{display:none;border-top:1px solid var(--line2);padding:8px 16px 14px;grid-template-columns:repeat(3,1fr);gap:8px}
.m-menu a{display:block;text-align:center;padding:10px 0;background:var(--panel2);border-radius:8px;color:var(--dim);font-size:13.5px}
.m-menu a.on{color:#fff;background:var(--red)}
.m-menu.open{display:grid}

.nav-all{position:relative;flex:0 0 auto}
.nav-all>a{display:inline-flex;align-items:center;gap:5px;font-size:13.5px;color:var(--dim);padding:6px 12px;border-radius:7px;cursor:pointer;white-space:nowrap}
.nav-all>a:hover{color:var(--txt);background:var(--panel2)}
.nav-all .ar{display:none;font-style:normal;font-size:10px;line-height:1}
.nav-all.open>a{color:#fff;background:var(--red)}
.nav-all.open .ar{display:inline-block;transform:rotate(180deg)}
.nav-drop{position:absolute;right:0;top:calc(100% + 8px);width:236px;background:var(--panel);border:1px solid var(--line2);border-radius:12px;padding:10px;display:none;grid-template-columns:1fr 1fr;gap:4px;box-shadow:0 18px 44px rgba(0,0,0,.5);z-index:120}
html.lt .nav-drop{box-shadow:0 18px 44px rgba(60,70,90,.25)}
.nav-all.open .nav-drop{display:grid}
.nav-drop a{padding:8px 10px;border-radius:7px;font-size:13px;color:var(--dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nav-drop a:hover{background:var(--panel2);color:var(--txt)}

.spot{height:80px;border:1px dashed #3a4150;border-radius:var(--radius);display:flex;align-items:center;justify-content:center;color:var(--dim2);font-size:12.5px;letter-spacing:1px;margin:14px 0;background:repeating-linear-gradient(45deg,#12151b,#12151b 12px,#141821 12px,#141821 24px)}
html.lt .spot{border-color:#c9d0dc;background:repeating-linear-gradient(45deg,#eef0f4,#eef0f4 12px,#f6f7fa 12px,#f6f7fa 24px)}

.spot.nob{height:auto;min-height:0;border:0;background:none;padding:0;border-radius:var(--radius);overflow:hidden}
.spot.nob img{border-radius:0}

.topad{margin-top:14px}

.promo-slot{border-radius:var(--radius);overflow:hidden}
html.lt .spot.nob{background:none}

.hero{position:relative;border-radius:14px;overflow:hidden;aspect-ratio:16/5.4;min-height:186px;background:#0d0f14}
html.lt .hero{background:#eceef3}
.hero .slides{position:absolute;inset:0}
.hero .slide{position:absolute;inset:0;opacity:0;transition:opacity .6s ease;pointer-events:none}
.hero .slide.on{opacity:1;pointer-events:auto}
.hero .slide .sbg{position:absolute;inset:0}
.hero .slide .hero-txt{position:absolute;left:44px;top:50%;transform:translateY(-50%);max-width:46%}
.hero .hero-k{display:inline-block;background:var(--red);color:#fff;font-size:11px;font-weight:700;padding:3px 10px;border-radius:4px;letter-spacing:2px;margin-bottom:12px}
.hero h2{font-size:clamp(20px,3.2vw,34px);font-weight:800;color:#fff;line-height:1.3;margin-bottom:10px}
.hero p{color:#b9bec8;font-size:clamp(12px,1.2vw,14px);line-height:1.8;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.hero .hero-go{display:inline-flex;align-items:center;gap:7px;margin-top:18px;background:var(--red);color:#fff;font-weight:600;font-size:14px;padding:10px 26px;border-radius:24px;box-shadow:0 6px 22px rgba(229,9,22,.45)}
.hero .hero-art{position:absolute;right:5%;top:50%;transform:translateY(-50%);width:28%;max-width:320px;aspect-ratio:16/9;border-radius:12px;overflow:hidden;border:1px solid rgba(255,255,255,.12);box-shadow:0 20px 50px rgba(0,0,0,.55)}
.hero .hero-art img{width:100%;height:100%;object-fit:cover}
.hero .dots{position:absolute;right:24px;bottom:16px;display:flex;gap:7px;z-index:3}
.hero .dots i{width:8px;height:8px;border-radius:4px;background:rgba(255,255,255,.3);cursor:pointer;transition:.25s}
.hero .dots i.on{width:22px;background:var(--red)}

.sec{margin-top:34px}
.sec-hd{display:flex;align-items:baseline;gap:12px;margin-bottom:15px}
.sec-hd h3{font-size:19px;font-weight:700;color:var(--txt);display:flex;align-items:center;gap:9px}
.sec-hd h3::before{content:"";width:4px;height:18px;border-radius:2px;background:var(--red)}
.sec-hd .sub{color:var(--dim2);font-size:12.5px}
.sec-hd .more{margin-left:auto;color:var(--dim);font-size:13px}
.sec-hd .more:hover{color:var(--red)}

.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px 16px}
.card{position:relative;border-radius:var(--radius);overflow:hidden;background:var(--panel);transition:.2s}
.card:hover{transform:translateY(-4px);box-shadow:0 12px 30px rgba(0,0,0,.5)}
html.lt .card:hover{box-shadow:0 12px 30px rgba(60,70,90,.22)}
.card .pic{position:relative;aspect-ratio:16/9;background:linear-gradient(160deg,#241019,#171016 70%);overflow:hidden}
html.lt .card .pic{background:#e8e4e6}
.card .pic img{width:100%;height:100%;object-fit:cover}
.card .node{position:absolute;left:7px;top:7px;max-width:70%;background:rgba(0,0,0,.62);color:#eee;font-size:11px;font-style:normal;padding:2.5px 9px;border-radius:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;backdrop-filter:blur(3px)}
.card .rm{position:absolute;right:7px;bottom:7px;background:rgba(0,0,0,.72);color:#ffd9db;font-size:11px;font-style:normal;padding:2px 8px;border-radius:5px;font-variant-numeric:tabular-nums}
.card .play-ico{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;opacity:0;background:rgba(0,0,0,.34);transition:.2s}
.card:hover .play-ico{opacity:1}
.card .play-ico i{width:44px;height:44px;border-radius:50%;background:rgba(229,9,22,.92);position:relative}
.card .play-ico i::after{content:"";border-left:14px solid #fff;border-top:9px solid transparent;border-bottom:9px solid transparent;margin-left:4px}

.card .play-ico img{width:58px;height:58px;object-fit:contain;filter:drop-shadow(0 4px 14px rgba(0,0,0,.5))}
.card h4{font-size:13.5px;font-weight:600;color:var(--txt);padding:10px 10px 2px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;min-height:31px;word-break:break-all;white-space:normal}

@supports not (-webkit-line-clamp:1){.card h4{display:block;white-space:nowrap;text-overflow:ellipsis}}
.card .meta{display:flex;gap:6px;align-items:center;padding:0 10px 11px;font-size:11.5px;color:var(--dim2);white-space:nowrap;overflow:hidden}
.card .meta .sc{color:#f5a623;font-weight:700}
.card .meta .tag{color:#8f6bd8}

.crumbs{color:var(--dim2);font-size:12.5px;margin:18px 0 4px}
.crumbs a{color:var(--dim)}
.crumbs a:hover{color:var(--red)}
.cb{color:var(--txt);font-weight:600}

.chip-groups{display:grid;grid-template-columns:minmax(0,1fr);gap:4px;margin-top:12px}
.cg{display:flex;align-items:flex-start;gap:10px;position:relative}

.cg::after{content:"";position:absolute;right:52px;top:2px;bottom:2px;width:36px;background:linear-gradient(90deg,transparent,var(--bg));pointer-events:none;opacity:0;transition:.2s}
.cg.can::after{opacity:1}
.cg-k{flex:0 0 42px;color:var(--dim2);font-size:13px;padding:7px 0;font-weight:600}
.cg-hint{flex:0 0 auto;color:var(--dim2);font-size:12px;padding:7px 0 7px 6px;transition:.2s;white-space:nowrap}
.chip-scroll{display:flex;flex-wrap:nowrap;flex:1;min-width:0;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;cursor:grab;user-select:none;-webkit-user-select:none}
.chip-scroll.dragging{cursor:grabbing}
.chip-scroll.dragging *{pointer-events:none}
.chip-scroll::-webkit-scrollbar{display:none}

.chip-scroll .chip-row{flex:0 0 auto;flex-wrap:nowrap;width:auto;min-width:0;margin:4px 0}
.chip-scroll .chip-row a{flex:0 0 auto;white-space:nowrap}
.chip-row{display:flex;flex-wrap:wrap;gap:8px;margin:4px 0}
.chip-row a{padding:6px 16px;border-radius:18px;font-size:13px;color:var(--dim);background:var(--panel2);border:1px solid transparent;transition:.15s;white-space:nowrap}
.chip-row a:hover{color:var(--txt);border-color:var(--line)}
.chip-row a.on{color:#fff;background:var(--red);font-weight:600;box-shadow:0 3px 12px rgba(229,9,22,.35)}
.filter{display:flex;flex-wrap:wrap;gap:6px 18px;padding:13px 16px;background:var(--panel);border-radius:var(--radius);margin-top:12px;border:1px solid var(--line2)}
.filter .frow{display:flex;align-items:center;gap:8px;flex-wrap:wrap;flex:1;min-width:260px}
.filter .fk{color:var(--dim2);font-size:12.5px;flex:0 0 44px}
.filter a{font-size:12.5px;color:var(--dim);padding:2px 9px;border-radius:5px}
.filter a.on{color:#fff;background:var(--red);font-weight:600}

.pagebar{display:flex;justify-content:center;align-items:center;gap:8px;margin:30px 0 10px;flex-wrap:wrap}
.pagebar a,.pagebar span.cur{min-width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;padding:0 12px;border-radius:8px;background:var(--panel2);color:var(--dim);font-size:13.5px;border:1px solid transparent;white-space:nowrap}
.pagebar a:hover{color:var(--txt);border-color:var(--line)}
.pagebar span.cur{background:var(--red);color:#fff;font-weight:700;box-shadow:0 4px 14px rgba(229,9,22,.4)}
.pagebar .dis{opacity:.35;pointer-events:none}
.pagebar .ell{min-width:20px;padding:0 2px;background:none;border:0;color:var(--dim2);pointer-events:none;font-size:14px}

.play-grid .promo-slot,.play-grid .spot{margin-top:22px}

html.ts,html.ts *{transition:none!important}
.pagebar .info{color:var(--dim2);font-size:12.5px;margin-left:4px}

.play-grid{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:16px;align-items:stretch;margin-top:16px}
.player-box{background:#000;border-radius:var(--radius);overflow:hidden;position:relative;aspect-ratio:16/9.6}
.player-box .fake-video{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 40%,#1a1f29 0%,#000 75%);cursor:pointer}
.player-box .fake-video.playing{background:radial-gradient(ellipse at 50% 40%,#232b3a 0%,#0a0d12 80%)}
.player-box .big-btn{position:absolute;left:50%;top:44%;transform:translate(-50%,-50%);width:64px;height:64px;border-radius:50%;background:rgba(229,9,22,.9);display:flex;align-items:center;justify-content:center;box-shadow:0 6px 30px rgba(229,9,22,.4);cursor:pointer;z-index:4}
.player-box .big-btn::after{content:"";border-left:20px solid #fff;border-top:12px solid transparent;border-bottom:12px solid transparent;margin-left:5px}

.pbar-top{position:absolute;top:0;left:0;right:0;z-index:5;display:flex;align-items:center;gap:8px;padding:9px 14px;background:linear-gradient(180deg,rgba(0,0,0,.6),transparent);font-size:12.5px;color:#e5e5e5}
.pbar-top .x{margin-left:auto;cursor:pointer;color:#999;font-size:15px;line-height:1}
.pbar-top .x:hover{color:#fff}

.p-ad{position:absolute;inset:0;z-index:8;background:#000}
.p-ad img{width:100%;height:100%;object-fit:cover;opacity:.94}
.p-ad .ad-tag{position:absolute;left:12px;top:40px;background:rgba(229,9,22,.85);color:#fff;font-size:11px;padding:2px 9px;border-radius:4px}
.p-ad .ad-info{position:absolute;left:12px;bottom:56px;background:rgba(0,0,0,.65);color:#ddd;font-size:12px;padding:5px 10px;border-radius:6px}
.p-ad .skip{position:absolute;right:14px;bottom:52px;background:rgba(0,0,0,.72);border:1px solid rgba(255,255,255,.4);color:#fff;font-size:12.5px;padding:6px 14px;border-radius:16px;cursor:pointer;z-index:2}
.p-ad .skip:hover{border-color:#fff}

.p-pause{position:absolute;inset:0;z-index:7;display:none;background:rgba(0,0,0,.6);align-items:center;justify-content:center}
.p-pause.show{display:flex}
.p-pause .pad-box{width:44%;max-width:340px;aspect-ratio:16/9;border-radius:8px;overflow:hidden;position:relative;border:1px solid rgba(255,255,255,.25);box-shadow:0 16px 50px rgba(0,0,0,.6)}
.p-pause .pad-box img{width:100%;height:100%;object-fit:cover}
.p-pause .pad-box em{position:absolute;left:0;right:0;bottom:0;background:rgba(0,0,0,.72);color:#fff;font-size:12px;font-style:normal;padding:6px 10px}
.p-pause .resume{position:absolute;right:14px;top:12px;background:rgba(0,0,0,.7);border:1px solid rgba(255,255,255,.4);color:#fff;font-size:12.5px;padding:6px 14px;border-radius:16px;cursor:pointer}

.pbar{position:absolute;left:0;right:0;bottom:0;z-index:6;background:linear-gradient(180deg,transparent,rgba(0,0,0,.88) 62%);padding:26px 12px 10px}
.pbar .seek{height:4px;border-radius:2px;background:rgba(255,255,255,.22);position:relative;margin-bottom:9px;cursor:pointer}
.pbar .seek .done{position:absolute;left:0;top:0;bottom:0;width:34%;background:var(--red);border-radius:2px}
.pbar .seek .dot{position:absolute;left:34%;top:50%;transform:translate(-50%,-50%);width:13px;height:13px;border-radius:50%;background:#fff;border:2px solid var(--red)}
.pbar .row{display:flex;align-items:center;gap:6px;flex-wrap:nowrap}
.pbar .b{background:#1c2027;border:1px solid #2c313a;color:#ddd;border-radius:5px;height:26px;min-width:36px;font-size:12px;display:inline-flex;align-items:center;justify-content:center;padding:0 6px;cursor:pointer;flex:0 0 auto}
.pbar .b.pp{min-width:40px}
.pbar .b svg{display:block}
.pbar .t{color:#ccc;font-size:12px;font-variant-numeric:tabular-nums;margin:0 4px;white-space:nowrap}
.pbar .sp{flex:1}
.pbar .sel{background:#1c2027;border:1px solid #2c313a;color:#ddd;border-radius:5px;height:26px;font-size:12px;padding:0 9px;display:inline-flex;align-items:center;gap:4px;white-space:nowrap;flex:0 0 auto;cursor:pointer}
.pbar .sel.hot{border-color:rgba(229,9,22,.55);color:#fff}
.pbar .sel.hot::after{content:"▾";font-size:10px;color:#8b93a1}

.vol-wrap{position:relative;display:inline-flex;align-items:center;flex:0 0 auto}
.vol-wrap .b{position:relative;z-index:2}
.vol-pop{position:absolute;bottom:32px;left:50%;transform:translateX(-50%) translateY(4px);background:rgba(18,21,27,.96);border:1px solid #2c313a;border-radius:9px;padding:12px 8px;display:none;flex-direction:column;align-items:center;gap:10px;opacity:0;transition:.15s;pointer-events:none}
.vol-wrap:hover .vol-pop{display:flex;opacity:1;transform:translateX(-50%);pointer-events:auto}
.vol-pop::after{content:"";position:absolute;left:50%;bottom:-5px;transform:translateX(-50%) rotate(45deg);width:9px;height:9px;background:#12151b;border-right:1px solid #2c313a;border-bottom:1px solid #2c313a}
.vol-track{display:block;width:5px;height:78px;border-radius:3px;background:rgba(255,255,255,.25);position:relative}
.vol-track i{position:absolute;left:0;right:0;bottom:0;height:72%;background:#fff;border-radius:3px}
.vol-track i::after{content:"";position:absolute;left:50%;bottom:100%;transform:translate(-50%,50%);width:13px;height:13px;border-radius:50%;background:#fff;border:2px solid var(--red)}
.vol-pct{color:#ccc;font-size:10.5px;font-variant-numeric:tabular-nums}
.vol-pop input[type=range]{width:6px;height:76px;-webkit-appearance:slider-vertical;appearance:slider-vertical;writing-mode:vertical-lr;direction:rtl;background:transparent;cursor:pointer}
.vol-pop input[type=range]::-webkit-slider-runnable-track{width:5px;border-radius:3px;background:rgba(255,255,255,.25)}
.vol-pop input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:13px;height:13px;border-radius:50%;background:#fff;border:2px solid var(--red);margin-left:-4px}

.pbar select.psel{background:#1c2027;border:1px solid #2c313a;color:#ddd;border-radius:5px;height:26px;font-size:12px;padding:0 20px 0 9px;appearance:none;-webkit-appearance:none;cursor:pointer;flex:0 0 auto;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='5'%3E%3Cpath d='M0 0l4 5 4-5z' fill='%238b93a1'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center}
.pbar select.psel.hot{border-color:rgba(229,9,22,.55);color:#fff}
.pbar select.psel option{background:#1c2027;color:#ddd}

.pset-pop{position:absolute;right:44px;bottom:44px;z-index:9;background:rgba(18,21,27,.97);border:1px solid #2c313a;border-radius:9px;padding:12px 14px;display:none;flex-direction:column;gap:9px;font-size:12.5px;color:#ccc}
.pset-pop.show{display:flex}
.pset-pop label{display:flex;align-items:center;gap:8px;cursor:pointer}
.pset-pop input{accent-color:var(--red)}

.player-box video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center top;background:#000;z-index:1}

.card-p.info .meta-list{margin-bottom:14px}

.side{display:flex;flex-direction:column;gap:12px;min-width:0}
.card-p{background:var(--panel);border:1px solid var(--line2);border-radius:var(--radius);padding:16px}
.card-p.info{flex:1;display:flex;flex-direction:column}
.side h2.pt{font-size:16.5px;line-height:1.5;color:var(--txt);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-all}
.badges{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:10px;font-size:12px;color:var(--dim)}
.badges .hot{background:rgba(229,9,22,.16);color:var(--red2);padding:2px 9px;border-radius:4px;font-weight:600}
.badges .dot{color:#3a4150}
.badges a{color:var(--dim)}
.badges a:hover{color:var(--red)}
.meta-list{margin-top:12px;border-top:1px solid var(--line2);padding-top:12px;display:grid;gap:9px;font-size:13px}
.meta-list .r{display:flex;gap:10px;line-height:1.55}
.meta-list .k{flex:0 0 64px;color:var(--dim2)}
.meta-list .v{color:var(--txt);min-width:0}
.meta-list .v a{color:var(--txt);border-bottom:1px dashed #4a5568}
.meta-list .v a:hover{color:var(--red);border-bottom-color:var(--red)}
.chips{display:flex;flex-wrap:wrap;gap:6px}
.chip{background:var(--panel3);color:var(--dim);font-size:12px;padding:2px 10px;border-radius:12px;white-space:nowrap}
.chip:hover{background:var(--red);color:#fff}
.code{font-variant-numeric:tabular-nums;letter-spacing:.4px;cursor:pointer}
.code::after{content:"⧉";font-size:11px;color:var(--dim2);margin-left:5px}
.tools{display:flex;border:1px solid var(--line2);border-radius:var(--radius);overflow:hidden;background:var(--panel)}
.tools a{flex:1;text-align:center;padding:11px 0;color:var(--dim);font-size:13px;border-right:1px solid var(--line2)}
.tools a:last-child{border-right:0}
.tools a:hover{color:var(--txt);background:var(--panel2)}
.eps{display:grid;grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:8px;max-height:170px;overflow-y:auto}
.eps a{display:block;text-align:center;padding:8px 0;font-size:12px;color:var(--dim);background:var(--panel2);border-radius:6px;border:1px solid transparent}
.eps a.on{border-color:var(--red);color:#fff;background:#2a1114}
html.lt .eps a.on{background:#fdecee;color:#c40812}
.eps::-webkit-scrollbar{width:5px}
.eps::-webkit-scrollbar-thumb{background:var(--panel3);border-radius:3px}
.spot-slim{height:64px;border:1px dashed #333c4c;border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--dim2);font-size:12px;margin:14px 0}
html.lt .spot-slim{border-color:#c9d0dc}

.search-hero{padding:30px 0 4px;text-align:center}
.search-hero h1{font-size:24px;color:var(--txt);font-weight:800;margin-bottom:6px}
.search-hero h1 b{color:var(--red)}
.search-hero p{color:var(--dim2);font-size:13px}
.big-search{display:flex;max-width:640px;margin:18px auto 0;border:2px solid var(--line);border-radius:28px;background:var(--panel);overflow:hidden;transition:.2s}
.big-search:focus-within{border-color:var(--red)}
.big-search input{flex:1;padding:13px 22px;font-size:15px;color:var(--txt);min-width:0}
.big-search input::placeholder{color:var(--dim2)}
.big-search button{background:var(--red);color:#fff;padding:0 30px;font-size:15px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:7px}
.hot-words{display:flex;flex-wrap:wrap;gap:9px;justify-content:center;margin-top:14px;font-size:12.5px}
.hot-words .hw{color:var(--dim2)}
.hot-words a{color:var(--dim);background:var(--panel2);padding:4px 13px;border-radius:14px}
.hot-words a:hover{color:#fff;background:var(--red)}
.result-list{display:grid;gap:13px;margin-top:20px}
.result-item{display:flex;gap:16px;background:var(--panel);border:1px solid var(--line2);border-radius:var(--radius);padding:14px;transition:.2s}
.result-item:hover{border-color:rgba(229,9,22,.4);transform:translateY(-2px)}
.result-item .pic{flex:0 0 168px;aspect-ratio:16/9;border-radius:8px;overflow:hidden;background:linear-gradient(160deg,#241019,#171016 70%);position:relative}
html.lt .result-item .pic{background:#e8e4e6}
.result-item .pic img{width:100%;height:100%;object-fit:cover}
.result-item .pic .rm{position:absolute;right:5px;bottom:5px;background:rgba(0,0,0,.72);color:#ffd9db;font-size:10.5px;padding:1px 7px;border-radius:4px}
.result-item .info{min-width:0;display:flex;flex-direction:column}
.result-item h4{font-size:15.5px;color:var(--txt);font-weight:600;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.result-item h4 mark{background:none;color:var(--red)}
.result-item .rows{margin-top:8px;display:grid;gap:4px;font-size:12.5px;color:var(--dim)}
.result-item .rows b{color:var(--dim2);font-weight:400;margin-right:8px}
.result-item .chips{margin-top:auto;padding-top:10px}

.app-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;margin-top:30px}
.app-info h1{font-size:30px;color:var(--txt);font-weight:800;line-height:1.35;margin-bottom:12px}
.app-info h1 b{color:var(--red)}
.app-info .lead{color:var(--dim);font-size:14.5px;line-height:1.9;margin-bottom:26px}
.dl-btns{display:flex;gap:14px;flex-wrap:wrap}
.dl-btn{display:flex;align-items:center;gap:12px;padding:13px 24px;border-radius:12px;font-size:14px;font-weight:600;min-width:180px}
.dl-btn small{display:block;font-size:11px;font-weight:400;color:rgba(255,255,255,.75)}
.dl-btn.and{background:linear-gradient(135deg,#2ea24a,#1d7d36);color:#fff;box-shadow:0 6px 20px rgba(46,162,74,.3)}
.dl-btn.ios{background:linear-gradient(135deg,#4a5568,#2d3644);color:#fff;box-shadow:0 6px 20px rgba(74,85,104,.3)}
.dl-btn svg{flex:0 0 26px}
.feat-list{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:30px}
.feat{display:flex;gap:11px;align-items:flex-start;background:var(--panel);border:1px solid var(--line2);border-radius:var(--radius);padding:14px}
.feat .ic{flex:0 0 38px;height:38px;border-radius:10px;background:rgba(229,9,22,.14);display:flex;align-items:center;justify-content:center;font-size:18px}
.feat b{display:block;font-size:13.5px;color:var(--txt);margin-bottom:2px}
.feat p{font-size:12px;color:var(--dim2);line-height:1.6}
.phone-mock{justify-self:center;width:min(300px,80%)}
.phone{border:8px solid #1d222c;border-radius:36px;background:#0d0f13;overflow:hidden;box-shadow:0 30px 70px rgba(0,0,0,.6);aspect-ratio:9/18.5;position:relative}
.phone .notch{position:absolute;left:50%;top:8px;transform:translateX(-50%);width:34%;height:16px;background:#1d222c;border-radius:10px;z-index:2}
.phone .screen{position:absolute;inset:0;display:flex;flex-direction:column}
.phone .p-hd{padding:30px 14px 10px;display:flex;align-items:center;gap:8px;font-size:11px;color:#9aa0ab}
.phone .p-hd .lg{color:var(--red);font-weight:800;font-size:13px}
.phone .p-banner{margin:2px 12px;border-radius:10px;aspect-ratio:16/7;background:radial-gradient(ellipse at 30% 40%,#3d1220,#150a10);display:flex;align-items:center;padding:0 12px}
.phone .p-banner b{font-size:11px;color:#fff}
.phone .p-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:12px}
.phone .p-card{aspect-ratio:16/9;border-radius:8px;background:linear-gradient(160deg,#241019,#171016 70%)}
.phone .p-sec{display:flex;justify-content:space-between;padding:4px 12px 8px;font-size:10px;color:#9aa0ab}
.phone .p-sec b{color:#fff}
.app-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:44px}
.step{background:var(--panel);border:1px solid var(--line2);border-radius:var(--radius);padding:20px 18px;text-align:center}
.step .no{width:34px;height:34px;margin:0 auto 12px;border-radius:50%;background:rgba(229,9,22,.16);color:var(--red2);font-weight:800;font-size:15px;display:flex;align-items:center;justify-content:center}
.step b{display:block;color:var(--txt);font-size:14.5px;margin-bottom:5px}
.step p{font-size:12.5px;color:var(--dim);line-height:1.7}

.login-stage{min-height:calc(100dvh - 58px);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;padding:24px 16px}
.login-stage::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 18% 22%,rgba(229,9,22,.14) 0%,transparent 45%),radial-gradient(ellipse at 82% 78%,rgba(64,80,255,.08) 0%,transparent 45%)}
.login-card{position:relative;width:100%;max-width:400px;background:var(--panel);border:1px solid var(--line2);border-radius:18px;padding:32px 32px;box-shadow:0 30px 80px rgba(0,0,0,.45)}
html.lt .login-card{box-shadow:0 30px 80px rgba(80,90,110,.16)}
.login-card .l-logo{display:flex;align-items:center;justify-content:center;gap:9px;color:var(--red);font-weight:800;font-size:23px;letter-spacing:1px;margin-bottom:6px}
.login-card .l-logo .mark{width:30px;height:30px;border-radius:8px;background:linear-gradient(135deg,var(--red),#8b0006);display:flex;align-items:center;justify-content:center}
.login-card .l-logo .mark::after{content:"";border-left:10px solid #fff;border-top:6px solid transparent;border-bottom:6px solid transparent;margin-left:2px}
.login-card .sub{text-align:center;color:var(--dim2);font-size:12.5px;margin-bottom:22px}
.l-tabs{display:flex;background:var(--bg);border-radius:10px;padding:4px;margin-bottom:20px}
.l-tabs a{flex:1;text-align:center;padding:9px 0;border-radius:8px;color:var(--dim);font-size:14px;font-weight:600}
.l-tabs a.on{background:var(--red);color:#fff;box-shadow:0 4px 14px rgba(229,9,22,.35)}
.l-field{margin-bottom:14px}
.l-field label{display:block;font-size:12.5px;color:var(--dim);margin-bottom:7px}
.l-input{display:flex;align-items:center;gap:10px;background:var(--bg);border:1px solid var(--line);border-radius:10px;padding:0 14px;transition:.2s}
.l-input:focus-within{border-color:rgba(229,9,22,.6);box-shadow:0 0 0 3px rgba(229,9,22,.12)}
.l-input svg{flex:0 0 16px;color:var(--dim2)}
.l-input input{flex:1;height:44px;color:var(--txt);font-size:14px;min-width:0}
.l-extra{display:flex;justify-content:space-between;align-items:center;font-size:12.5px;color:var(--dim);margin:2px 0 18px}
.l-extra a:hover{color:var(--red)}
.l-extra .ck{display:flex;align-items:center;gap:6px;cursor:pointer}
.l-extra .ck i{width:15px;height:15px;border-radius:4px;border:1.5px solid var(--line);display:inline-flex;align-items:center;justify-content:center;font-style:normal}
.l-extra .ck i.on{background:var(--red);border-color:var(--red)}
.l-extra .ck i.on::after{content:"✓";font-size:10px;color:#fff}
.l-btn{width:100%;height:46px;border-radius:10px;background:linear-gradient(135deg,var(--red),#b00610);color:#fff;font-size:15px;font-weight:700;cursor:pointer;box-shadow:0 8px 24px rgba(229,9,22,.35);letter-spacing:4px}
.l-btn:hover{filter:brightness(1.1)}
.l-foot{text-align:center;color:var(--dim2);font-size:12.5px;margin-top:16px}
.l-foot a{color:var(--red2)}

.nf-stage{min-height:calc(100dvh - 58px);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;padding:40px 16px}
.nf-stage::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 35%,rgba(229,9,22,.15) 0%,transparent 55%)}
.nf-box{position:relative;text-align:center}
.nf-code{font-size:clamp(110px,22vw,190px);font-weight:900;line-height:1;letter-spacing:6px;background:linear-gradient(180deg,#ff4650,#7a040b);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 10px 40px rgba(229,9,22,.35))}
.nf-box .en{color:var(--dim);font-size:15px;letter-spacing:5px;text-transform:uppercase;margin:8px 0 4px}
.nf-box .zh{color:var(--dim2);font-size:13.5px;margin-bottom:30px}
.nf-act{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}
.nf-act .go{display:inline-flex;align-items:center;gap:8px;background:var(--red);color:#fff;font-weight:600;font-size:14px;padding:12px 30px;border-radius:26px;box-shadow:0 8px 26px rgba(229,9,22,.4)}
.nf-act .back{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);color:var(--dim);font-size:14px;padding:12px 30px;border-radius:26px}
.nf-act .back:hover{color:var(--txt);border-color:var(--dim)}
.nf-search{max-width:420px;margin:30px auto 0;display:flex;border:1px solid var(--line);border-radius:24px;background:var(--panel);overflow:hidden}
.nf-search input{flex:1;padding:11px 20px;color:var(--txt);font-size:13.5px;min-width:0}
.nf-search button{background:var(--panel2);color:var(--dim);padding:0 20px;cursor:pointer}

.ftr{margin-top:56px;border-top:1px solid var(--line2);background:#0c0e12}
html.lt .ftr{background:#fff}
.f-links{display:block;border-top:0;padding:18px 0 4px;font-size:12.5px;color:var(--dim2);line-height:2}
.f-links b{color:var(--dim);margin-right:12px;font-size:13px}
.f-links a{color:var(--dim2);margin-right:14px;white-space:nowrap}
.f-links a:hover{color:var(--red)}
.ftr .copy{text-align:center;color:var(--dim2);font-size:12px;padding:16px 0}

.fab{position:fixed;right:max(10px,calc(50% - 676px));bottom:96px;z-index:300;display:flex;flex-direction:column;gap:9px}
.fab button{width:40px;height:40px;border-radius:50%;background:var(--panel2);border:1px solid var(--line);color:var(--dim);font-size:15px;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 18px rgba(0,0,0,.35);transition:.2s;padding:0}
.fab button:hover{color:#fff;background:var(--red);border-color:var(--red)}
.fab button svg{width:18px;height:18px;display:block}
.fab .top{opacity:0;pointer-events:none;transform:translateY(6px)}
.fab .top.show{opacity:1;pointer-events:auto;transform:none}

.m-tabbar{display:none;position:fixed;left:0;right:0;bottom:0;z-index:200;background:rgba(13,15,19,.97);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--line2);box-shadow:0 -6px 24px rgba(0,0,0,.45);padding-bottom:env(safe-area-inset-bottom)}
html.lt .m-tabbar{background:rgba(255,255,255,.97);box-shadow:0 -6px 24px rgba(60,70,90,.12)}
.m-tabbar ul{display:grid;grid-template-columns:repeat(5,1fr);margin:0}
.m-tabbar a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:54px;padding:6px 0;color:var(--dim2);font-size:10.5px}
.m-tabbar a svg{width:22px;height:22px;display:block}
.m-tabbar a.on{color:var(--red);font-weight:600}

@media (max-width:1240px){
  
  .nav,.nav-all{display:none}
  .m-btn{display:flex}
  body{padding-bottom:56px}
  .m-tabbar{display:block}
  .hdr-in{gap:6px;height:52px}
  .logo{font-size:15px;gap:6px;min-width:0}
  .logo .mark{width:22px;height:22px;flex:0 0 22px;border-radius:6px}
  .logo .mark::after{border-left-width:7px;border-top-width:4.5px;border-bottom-width:4.5px;margin-left:1px}
  .hdr-r{gap:5px}
  .btn-login{padding:5px 9px;font-size:11.5px}
  .btn-app{padding:5.5px 9px;font-size:11.5px}
  .m-btn{width:32px;height:32px;flex:0 0 32px}
  .hdr-search{flex:1 1 60px;width:auto;flex-basis:auto;min-width:0;padding:4px 9px;gap:6px}
  .hdr-search input{font-size:12.5px}
}
@media (max-width:1024px){
  .play-grid{grid-template-columns:1fr}
  .side{order:2}
  .app-grid{grid-template-columns:1fr;gap:30px}
  .phone-mock{order:-1}
}
@media (max-width:768px){
  
  html,body{overflow-x:hidden;width:100%}
  
  .hdr{position:fixed;left:0;right:0;top:0;z-index:100}
  body{padding-top:53px}
  .nav{display:none}
  .nav-all{display:none}
  .m-menu.open{box-shadow:0 18px 30px rgba(0,0,0,.5)}
  
  .ftr{margin-top:34px}
  .f-links{display:none}
  
  .pagebar{flex-wrap:nowrap;overflow-x:auto;justify-content:flex-start;scrollbar-width:none;padding:4px 0}
  .pagebar>*:first-child{margin-left:auto}
  .pagebar>*:last-child{margin-right:auto}
  .pagebar::-webkit-scrollbar{display:none}
  .pagebar .info{display:none}
  .pagebar a,.pagebar span.cur{min-width:32px;height:32px;padding:0 9px;font-size:13px;flex:0 0 auto}
  
  .pbar .row{gap:4px}
  .pbar .b{min-width:30px;height:24px;padding:0 4px;font-size:11px}
  .pbar .b.hide-m,.pbar .sel.hide-m{display:none}
  .pbar .t{font-size:11px;margin:0 2px}
  .pbar .sel{height:24px;padding:0 7px;font-size:11px}
  .player-box{aspect-ratio:16/9;min-height:0}
  .spot{height:58px;margin:10px 0}
  .spot-slim{height:48px}
  .sec{margin-top:26px}
  .sec-hd h3{font-size:17px}
  .grid{grid-template-columns:repeat(2,1fr);gap:12px 9px}
  .card h4{font-size:12.5px;min-height:29px;padding:8px 9px 2px}
  .card .meta{padding:0 9px 9px;font-size:11px}
  .hero{aspect-ratio:16/8.6;min-height:168px}
  .hero .hero-txt{left:20px;max-width:74%}
  .hero .hero-art{display:none}
  .hero .hero-go{padding:8px 20px;margin-top:12px}
  .hero .dots{right:14px;bottom:10px}
  
  .cg{display:flex;align-items:center;position:relative;padding-right:60px}
  .cg-k{position:absolute;right:0;top:50%;transform:translateY(-50%);width:52px;text-align:center;font-size:12px;color:var(--dim2);background:var(--panel2);border-radius:14px;padding:4px 0}
  .cg-hint{position:absolute;right:62px;top:50%;transform:translateY(-50%);font-size:11px;color:var(--dim2);background:var(--bg);border-radius:10px;padding:2px 7px;z-index:2;pointer-events:none;white-space:nowrap}
  .chip-scroll{flex:1 1 auto;width:auto;min-width:0;overflow-x:auto;-webkit-overflow-scrolling:touch}
  .cg::after{right:56px;top:0;bottom:0;width:26px}
  .chip-row a{padding:5px 13px;font-size:12.5px}
  .filter{padding:10px 12px}
  .result-item{padding:11px;gap:12px}
  .result-item .pic{flex:0 0 126px}
  .result-item h4{font-size:14px}
  .big-search input{padding:13px 16px;font-size:14px}
  .big-search button{padding:0 20px}
  .feat-list{grid-template-columns:1fr 1fr;gap:9px}
  .feat{padding:11px}
  .feat .ic{flex:0 0 32px;height:32px;font-size:16px}
  .app-info h1{font-size:22px}
  .dl-btn{min-width:0;flex:1;justify-content:center;padding:12px 14px}
  .app-steps{grid-template-columns:1fr;gap:10px;margin-top:30px}
  .step{padding:16px 14px}
  .phone-mock{width:min(240px,70%)}
  .play-grid{margin-top:12px;gap:12px}
  .login-card{padding:26px 22px;margin-bottom:16px}
  .login-stage{min-height:calc(100dvh - 54px - 54px)}
  .nf-act .go,.nf-act .back{padding:11px 22px}
  .meta-list .k{flex:0 0 58px;font-size:12.5px}
  .fab{right:16px;bottom:74px}
  .fab button{width:38px;height:38px}
}
@media (max-width:420px){
  .pbar .b{min-width:28px;padding:0 3px}
  .pbar .t{font-size:10.5px}
  .card h4{min-height:27px}
}

.l-code{display:flex;align-items:center;gap:8px;background:var(--bg);border:1px solid var(--line);border-radius:10px;padding:0 12px;margin-bottom:14px;transition:.2s}
.l-code:focus-within{border-color:rgba(229,9,22,.6)}
.l-code input{flex:1;height:44px;color:var(--txt);font-size:14px;min-width:0;background:none}
.l-code .cap{flex:0 0 auto;font-size:12.5px;color:var(--red2);cursor:pointer;white-space:nowrap}
.l-code .cap.off{color:var(--dim2);cursor:not-allowed}
.l-agree{display:flex;align-items:center;gap:7px;font-size:12px;color:var(--dim2);margin:12px 0 16px;text-align:left}
.l-agree i{width:14px;height:14px;border-radius:4px;border:1.5px solid var(--line);display:inline-flex;align-items:center;justify-content:center;font-style:normal;flex:0 0 14px;cursor:pointer}
.l-agree i.on{background:var(--red);border-color:var(--red)}
.l-agree i.on::after{content:"✓";font-size:9px;color:#fff}
.l-agree a{color:var(--red2)}

.uc-top{margin-top:16px;background:linear-gradient(135deg,#1b1016,var(--panel));border:1px solid var(--line2);border-radius:14px;padding:18px;display:flex;align-items:center;gap:14px;flex-wrap:wrap}
html.lt .uc-top{background:linear-gradient(135deg,#fff,#f7f8fa)}
.uc-ava{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,var(--red),#8b0006);color:#fff;font-size:22px;font-weight:800;display:flex;align-items:center;justify-content:center;flex:0 0 56px}
.uc-info{min-width:0;flex:1}
.uc-info b{display:block;color:var(--txt);font-size:16.5px}
.uc-info span{color:var(--dim2);font-size:12px}
.uc-vip{background:linear-gradient(135deg,#3a2a05,#241b02);color:#ffd76a;border:1px solid #5a4510;font-size:11.5px;padding:3px 10px;border-radius:14px;white-space:nowrap}
html.lt .uc-vip{background:#fff7e0}
.uc-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:12px}
.uc-stat{background:var(--panel);border:1px solid var(--line2);border-radius:12px;padding:14px;text-align:center}
.uc-stat b{display:block;font-size:20px;color:var(--txt);font-variant-numeric:tabular-nums}
.uc-stat b i{font-style:normal;font-size:12px;color:var(--dim2);font-weight:400;margin-left:3px}
.uc-stat span{font-size:12px;color:var(--dim2)}
.uc-card{background:var(--panel);border:1px solid var(--line2);border-radius:14px;padding:18px;margin-top:14px}
.uc-card h3{font-size:15.5px;color:var(--txt);display:flex;align-items:center;gap:8px;margin-bottom:12px}
.uc-card h3::before{content:"";width:4px;height:15px;border-radius:2px;background:var(--red)}
.uc-card h3 .r{margin-left:auto;font-size:12px;color:var(--dim2);font-weight:400}
.uc-card .tip{font-size:12px;color:var(--dim2);line-height:1.9;margin-top:12px;padding-top:10px;border-top:1px dashed var(--line)}
.inv-link{display:flex;gap:8px;margin-bottom:12px}
.inv-link input{flex:1;min-width:0;background:var(--bg);border:1px solid var(--line);border-radius:10px;padding:10px 12px;color:var(--txt);font-size:13px}
.inv-link button{flex:0 0 auto;background:var(--red);color:#fff;border-radius:10px;padding:0 18px;font-size:13px;font-weight:600;cursor:pointer}
.inv-link button:hover{filter:brightness(1.1)}
.uc-grid2{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.uc-mini{background:var(--bg);border:1px solid var(--line2);border-radius:10px;padding:12px;text-align:center}
.uc-mini b{display:block;font-size:19px;color:var(--txt)}
.uc-mini b i{font-style:normal;font-size:11px;color:var(--dim2);font-weight:400}
.uc-mini span{font-size:11.5px;color:var(--dim2)}
.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.plan{position:relative;background:var(--bg);border:1px solid var(--line2);border-radius:12px;padding:16px 12px;text-align:center;transition:.2s}
.plan:hover{transform:translateY(-3px)}
.plan.hot{border-color:rgba(229,9,22,.55)}
.plan .badge{position:absolute;top:-9px;left:50%;transform:translateX(-50%);background:var(--red);color:#fff;font-size:10.5px;padding:2px 10px;border-radius:10px;white-space:nowrap}
.plan b.nm{display:block;color:var(--txt);font-size:14px;margin-bottom:6px}
.plan .usdt{font-size:22px;font-weight:800;color:var(--red);font-variant-numeric:tabular-nums}
.plan .usdt i{font-style:normal;font-size:12px;font-weight:600;margin-right:2px}
.plan .pts{display:block;color:var(--dim);font-size:12px;margin:4px 0 10px}
.plan .buy{display:block;background:var(--panel2);color:var(--txt);font-size:12.5px;border-radius:8px;padding:8px 0;margin-bottom:6px;cursor:pointer;text-align:center;border:0;width:100%}
.plan .buy:hover{background:var(--panel3)}
.plan .buy.usd{background:linear-gradient(135deg,var(--red),#b00610);color:#fff}
.plan .buy.usd:hover{filter:brightness(1.1);background:linear-gradient(135deg,var(--red),#b00610)}
.addr{display:flex;gap:8px;margin-bottom:10px}
.addr code{flex:1;min-width:0;background:var(--bg);border:1px dashed var(--line);border-radius:10px;padding:10px 12px;color:var(--red2);font-size:12px;word-break:break-all;font-family:Consolas,monospace}
.addr button{flex:0 0 auto;background:var(--panel2);border:1px solid var(--line);color:var(--dim);border-radius:10px;padding:0 14px;font-size:12.5px;cursor:pointer}
.addr button:hover{color:#fff;background:var(--red);border-color:var(--red)}
.qr{width:128px;height:128px;margin:0 auto 12px;border-radius:10px;background:#fff;display:flex;align-items:center;justify-content:center;color:#333;font-size:11px;text-align:center;line-height:1.7}
.uform{display:grid;gap:10px}
.uinput{display:flex;align-items:center;gap:8px;background:var(--bg);border:1px solid var(--line);border-radius:10px;padding:0 12px;transition:.2s}
.uinput:focus-within{border-color:rgba(229,9,22,.6)}
.uinput input,.uinput select{flex:1;height:42px;color:var(--txt);font-size:13.5px;min-width:0;background:none}
.uinput .cap{flex:0 0 auto;font-size:12.5px;color:var(--red2);cursor:pointer;white-space:nowrap}
.ubtn{width:100%;height:44px;border-radius:10px;background:linear-gradient(135deg,var(--red),#b00610);color:#fff;font-size:14.5px;font-weight:700;cursor:pointer;letter-spacing:2px;border:0}
.ubtn.gray{background:var(--panel2);color:var(--dim)}
.ubtn:hover{filter:brightness(1.08)}
.tx-list{display:grid;gap:8px}
.tx{display:flex;align-items:center;gap:10px;background:var(--bg);border:1px solid var(--line2);border-radius:10px;padding:10px 12px;font-size:12.5px}
.tx .ic{flex:0 0 30px;height:30px;border-radius:8px;display:flex;align-items:center;justify-content:center;background:rgba(229,9,22,.14);font-size:14px}
.tx .m{min-width:0;flex:1}
.tx .m b{display:block;color:var(--txt);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tx .m span{color:var(--dim2);font-size:11px}
.tx .amt{font-variant-numeric:tabular-nums;font-weight:700;white-space:nowrap}
.tx .amt.plus{color:#4caf7d}
.tx .amt.minus{color:var(--red2)}
.tx .st{font-size:11px;color:var(--dim2);white-space:nowrap}
.net-chips{display:flex;gap:8px;margin-bottom:10px}
.net-chips a{padding:5px 14px;border-radius:14px;font-size:12px;color:var(--dim);background:var(--panel2)}
.net-chips a.on{color:#fff;background:var(--red);font-weight:600}
@media (max-width:640px){
  .plans{grid-template-columns:1fr}
  .uc-grid2{grid-template-columns:1fr 1fr}
  .uc-top{padding:14px}
}

.uc-nav{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;margin-top:14px;background:var(--panel);border:1px solid var(--line2);border-radius:12px;padding:8px}
.uc-nav::-webkit-scrollbar{display:none}
.uc-nav a{flex:0 0 auto;padding:8px 16px;border-radius:9px;font-size:13px;color:var(--dim);white-space:nowrap}
.uc-nav a.on{background:var(--red);color:#fff;font-weight:600}
.uc-menu{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.uc-menu a{display:flex;flex-direction:column;align-items:center;gap:8px;background:var(--bg);border:1px solid var(--line2);border-radius:12px;padding:16px 8px;text-align:center;transition:.2s}
.uc-menu a:hover{border-color:rgba(229,9,22,.5);transform:translateY(-2px)}
.uc-menu .ic{width:44px;height:44px;border-radius:12px;background:rgba(229,9,22,.14);display:flex;align-items:center;justify-content:center;font-size:20px}
.uc-menu b{color:var(--txt);font-size:13px}
.uc-menu span{color:var(--dim2);font-size:11px}
.l-modal{position:fixed;inset:0;z-index:400;background:rgba(0,0,0,.62);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:none;align-items:center;justify-content:center;padding:16px}
.l-modal.show{display:flex}
.l-modal .box{width:100%;max-width:380px;background:var(--panel);border:1px solid var(--line2);border-radius:16px;padding:26px 24px;position:relative}
.l-modal .bt{color:var(--txt);font-size:17px;font-weight:700;margin-bottom:4px}
.l-modal .bd{color:var(--dim2);font-size:12.5px;margin-bottom:18px}
.l-modal .x{position:absolute;right:14px;top:12px;color:var(--dim2);cursor:pointer;font-size:17px;line-height:1}
.l-modal .x:hover{color:var(--txt)}