:root{
  color-scheme:dark;
  --bg:#050911;--bg2:#0a0e16;--panel:#12151b;--panel2:#1a1d24;--panel3:#24272d;
  --line:rgba(255,255,255,.07);--line2:rgba(255,255,255,.12);
  --t1:#fff;--t2:#e3e4e7;--t3:#c3c5ca;--t4:#8f949c;
  --gold:#ffc43a;--gold2:#ffad30;--goldt:#fec61c;--ink:#201c13;--goldsoft:#33270f;--goldline:rgba(254,198,28,.38);
  --red:#ff8a90;--blue:#9ad4ff;--green:#7fe0a8;
  --tabh:54px;--safe:env(safe-area-inset-bottom,0px);--pad:12px;
}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html,body{margin:0;background:var(--bg);color:var(--t1)}
body{font:14px/1.5 "PingFang SC","Hiragino Sans GB","Microsoft YaHei","Noto Sans SC",system-ui,sans-serif;-webkit-font-smoothing:antialiased;overscroll-behavior-y:none}
a{color:var(--goldt);text-decoration:none}
button{font:inherit;color:inherit;cursor:pointer}
img{display:block;max-width:100%}
[hidden]{display:none!important}
#app{min-height:100vh;padding-bottom:calc(var(--tabh) + var(--safe) + 12px)}
body.notabs #app{padding-bottom:calc(var(--safe) + 20px)}
.boot{min-height:70vh;display:grid;place-items:center}
.spin{width:24px;height:24px;border-radius:50%;border:3px solid var(--panel3);border-top-color:var(--gold);animation:sp 1s linear infinite}
@keyframes sp{to{transform:rotate(360deg)}}
.pg{padding:var(--pad);display:flex;flex-direction:column;gap:16px}
.pg.tight{gap:12px}

/* 首页头部：一行 */
.hero{margin:calc(var(--pad) * -1) calc(var(--pad) * -1) -6px;padding:12px var(--pad) 8px;display:flex;align-items:center;gap:10px;background:radial-gradient(90% 160% at 90% 0%,#3a2c0e 0%,rgba(5,9,17,0) 62%),var(--bg)}
.hero .logo{width:34px;height:34px;flex:none;border-radius:10px;background:#0b0b0d;border:1px solid var(--line2);display:grid;place-items:center;font-size:17px;font-weight:800;color:var(--gold)}
.hero .ht{min-width:0;flex:1}
.hero h1{margin:0;font-size:16px;line-height:1.25}
.hero p{margin:0;color:var(--t4);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.notice{display:flex;align-items:center;gap:8px;padding:7px 10px;border-radius:10px;background:var(--goldsoft);border:1px solid var(--goldline);color:#f3dfa6;font-size:12px;line-height:1.4;width:100%;text-align:left}
.notice svg{flex:none;color:var(--goldt)}
.notice span{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.notice b{color:var(--goldt);font-weight:600}

/* 横幅 */
.bns{display:flex;gap:8px;overflow-x:auto;scroll-snap-type:x mandatory;margin:0 calc(var(--pad) * -1);padding:0 var(--pad);scroll-padding:0 var(--pad);scrollbar-width:none}
.bns::-webkit-scrollbar{display:none}
.bn{flex:none;width:100%;padding:0;border:0;border-radius:12px;overflow:hidden;background:var(--panel2);scroll-snap-align:center;aspect-ratio:8/3}
.bns .bn:not(:only-child){width:88%}
.bn img{width:100%;height:100%;object-fit:cover}

/* 区块标题 */
.sec{display:flex;flex-direction:column;gap:8px}
.sh{display:flex;align-items:center;justify-content:space-between;gap:10px}
.sh h2{margin:0;font-size:15px;font-weight:600}
.sh h3{margin:0}
.sh a,.sh .more{display:inline-flex;align-items:center;gap:1px;font-size:12px;color:var(--t4);background:none;border:0;padding:4px 0}
.more.gold{color:var(--goldt)}
.panel{border-radius:12px;background:var(--panel);border:1px solid var(--line)}
.list>*{border-top:1px solid var(--line)}.list>*:first-child{border-top:0}
.tag{flex:none;padding:1px 6px;border-radius:5px;font-size:11px;line-height:1.5;background:var(--panel3);color:var(--t3)}
.tag.k-上新{background:var(--goldsoft);color:var(--goldt)}.tag.k-优惠,.tag.k-活动{background:rgba(232,65,75,.18);color:var(--red)}.tag.k-维护,.tag.k-地址{background:rgba(124,196,255,.16);color:var(--blue)}

/* 剧集卡 */
.hs{display:flex;gap:8px;overflow-x:auto;margin:0 calc(var(--pad) * -1);padding:0 var(--pad) 2px;scroll-padding:0 var(--pad);scrollbar-width:none;scroll-snap-type:x proximity}
.hs::-webkit-scrollbar{display:none}
.hs .dr{flex:none;width:calc((100% - 16px) / 3.3);scroll-snap-align:start}
.grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 8px}
.dr{display:flex;flex-direction:column;gap:3px;min-width:0;background:none;border:0;padding:0;text-align:left}
.cv{position:relative;width:100%;aspect-ratio:3/4;border-radius:8px;overflow:hidden;background:linear-gradient(160deg,#2a2112,#0d1017)}
.cv img{width:100%;height:100%;object-fit:cover}
.cv .ph0{position:absolute;inset:0;display:grid;place-items:center;color:var(--goldt);font-size:18px;font-weight:700}
.cv .tg{position:absolute;left:4px;top:4px;padding:0 5px;border-radius:4px;background:rgba(13,16,23,.8);color:var(--goldt);font-size:10.5px;line-height:1.6}
.cv .sti{position:absolute;right:4px;top:4px;padding:0 5px;border-radius:4px;font-size:10.5px;line-height:1.6;background:rgba(13,16,23,.8);color:var(--t3)}
.cv .sti.s-soon{color:var(--blue)}.cv .sti.s-done{color:var(--green)}
.dr b{font-size:12.5px;font-weight:500;color:var(--t1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}
.dr span{font-size:11px;color:var(--t4);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.empty{padding:18px 12px;text-align:center;color:var(--t4);font-size:13px;display:flex;flex-direction:column;gap:10px;align-items:center}

/* 头像 */
.av{width:32px;height:32px;flex:none;border-radius:50%;background:var(--goldsoft);color:var(--goldt);display:grid;place-items:center;font-weight:600;font-size:14px;overflow:hidden}
.av img{width:100%;height:100%;object-fit:cover}
.av.s{width:28px;height:28px;font-size:12px}
.av.off{background:linear-gradient(135deg,var(--gold),var(--gold2));color:var(--ink);font-weight:800}

/* 首页动态行 */
.fi{display:flex;align-items:flex-start;gap:8px;padding:9px 10px;width:100%;background:none;border:0;text-align:left;color:var(--t1)}
.fi .fb{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.fhd{display:flex;align-items:center;gap:6px;min-width:0;font-size:12px}
.fhd b{font-weight:600;font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fhd em{margin-left:auto;font-style:normal;color:var(--t4);font-size:11px;flex:none}
.fi p{margin:0;font-size:13px;line-height:1.45;color:var(--t2);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word}
.fi .th{width:52px;height:52px;flex:none;border-radius:8px;object-fit:cover}
.mini{height:3px;border-radius:2px;background:var(--panel3);overflow:hidden;margin-top:3px;max-width:160px}.mini i{display:block;height:100%;background:linear-gradient(90deg,var(--gold),var(--gold2))}
.pin{display:inline-flex;align-items:center;gap:2px;font-style:normal;color:var(--goldt);font-size:11px;flex:none}

/* 动态完整卡 */
.feed{display:flex;flex-direction:column;gap:10px}
.fc{padding:11px 12px;border-radius:12px;background:var(--panel);border:1px solid var(--line);display:flex;flex-direction:column;gap:8px}
.fh{display:flex;align-items:center;gap:8px}
.fh .nm{flex:1;display:flex;flex-direction:column;min-width:0;line-height:1.35}
.fh .nm b{font-size:13.5px;display:flex;align-items:center;gap:5px;white-space:nowrap;overflow:hidden}
.fh .nm b small{font-size:11px;font-weight:400;color:var(--t4)}
.fh .nm span{font-size:11px;color:var(--t4)}
.vf{font-style:normal;font-size:10px;padding:0 4px;border-radius:3px;background:var(--goldsoft);color:var(--goldt);font-weight:500}
.fc h3{margin:0;font-size:14.5px;font-weight:600;line-height:1.4}
.fc p{margin:0;font-size:13.5px;line-height:1.6;color:#eceef1;white-space:pre-wrap;word-break:break-word}
.pimg{display:block;width:100%;padding:0;border:0;border-radius:10px;overflow:hidden;background:var(--panel2)}
.pimg img{width:100%;max-height:260px;object-fit:cover}
.prog{display:flex;flex-direction:column;gap:4px}
.prog .l{display:flex;justify-content:space-between;font-size:11.5px;color:var(--t3)}.prog .l em{font-style:normal;color:var(--goldt)}
.track{height:5px;border-radius:3px;background:var(--panel3);overflow:hidden}.track i{display:block;height:100%;border-radius:3px;background:linear-gradient(90deg,var(--gold),var(--gold2))}
.acts{display:flex;align-items:center;gap:4px;margin:0 -4px -4px}
.acts .sp{flex:1}
.act{display:inline-flex;align-items:center;gap:4px;min-height:30px;padding:0 8px;border:0;border-radius:8px;background:none;color:var(--t4);font-size:12px}
.act.on{color:#ff7a86}.act.on svg{fill:currentColor}
.dchip{display:inline-flex;align-items:center;gap:4px;max-width:58%;min-height:26px;padding:0 8px;border:0;border-radius:6px;background:var(--panel2);color:var(--t3);font-size:11.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* 切换条 */
.segs{display:flex;align-items:center;gap:6px;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}
.segs::-webkit-scrollbar{display:none}
.segs button{flex:none;min-height:30px;padding:0 12px;border-radius:100px;border:1px solid var(--line2);background:none;color:var(--t3);font-size:12.5px}
.segs button.on{border-color:var(--goldt);background:var(--goldsoft);color:var(--goldt)}
.segs .cnt{margin-left:auto;flex:none;font-size:12px;color:var(--t4)}
.segs.sticky{position:sticky;top:0;z-index:5;margin:calc(var(--pad) * -1) calc(var(--pad) * -1) 0;padding:8px var(--pad);background:rgba(5,9,17,.94);backdrop-filter:blur(8px)}
.pills{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;margin:0 calc(var(--pad) * -1);padding:0 var(--pad)}
.pills::-webkit-scrollbar{display:none}
.pills button{flex:none;min-height:28px;padding:0 10px;border-radius:7px;border:0;background:var(--panel2);color:var(--t3);font-size:12px}
.pills button.on{background:var(--goldsoft);color:var(--goldt)}
.srch{display:flex;align-items:center;gap:6px;position:relative}
.srch>span{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:var(--t4);display:flex}
.srch .in{min-height:36px;padding:6px 10px 6px 32px;border-radius:10px}
.srch button{flex:none;border:0;background:none;color:var(--t3);font-size:13px;padding:0 4px}
.chips{display:flex;gap:10px;overflow-x:auto;scrollbar-width:none}
.chips::-webkit-scrollbar{display:none}
.chip{flex:none;display:flex;flex-direction:column;align-items:center;gap:1px;width:54px;background:none;border:0;padding:0;color:var(--t2)}
.chip .av{width:42px;height:42px;font-size:16px;border:2px solid transparent;background:var(--panel3);color:var(--t2);margin-bottom:2px}
.chip.on .av{border-color:var(--goldt);background:var(--goldsoft);color:var(--goldt)}
.chip span{font-size:11.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:54px}
.chip small{font-size:10px;color:var(--t4);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:54px}

/* 快捷入口 */
.qk{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
.qk button{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 2px;border:0;border-radius:10px;background:var(--panel);color:var(--t2);font-size:12px}
.qk .ic{width:34px;height:34px;border-radius:10px;background:var(--goldsoft);display:grid;place-items:center;color:var(--goldt)}

/* 会员 */
.plans{display:grid;gap:8px}
.plan{padding:10px;border-radius:10px;background:var(--panel);border:1px solid var(--line);display:flex;flex-direction:column;gap:1px}
.plan.hot{border-color:var(--goldline);background:#17140c}
.plan span{font-size:12px;color:var(--t3)}.plan b{font-size:18px;font-weight:700;color:var(--t1)}.plan small{font-size:11px;color:var(--t4);line-height:1.4}
.vipcard{padding:12px;border-radius:12px;background:#1c1a12;border:1px solid var(--goldline);display:flex;flex-direction:column;gap:6px}
.vipcard h2{margin:0;font-size:15px;color:var(--goldt);display:flex;align-items:center;gap:6px}
.vipcard p{margin:0;font-size:13px;color:var(--t2)}

/* 按钮 */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:40px;padding:0 14px;border-radius:10px;border:1px solid var(--line2);background:none;color:var(--t1);font-size:14px;font-weight:500}
.btn.gold{border:0;background:linear-gradient(90deg,var(--gold),var(--gold2));color:var(--ink);font-weight:600}
.btn.line{border-color:var(--goldt);color:var(--goldt)}
.btn.soft{border:0;background:var(--goldsoft);color:var(--goldt)}
.btn.full{width:100%}
.btn.sm{min-height:32px;padding:0 12px;font-size:13px;border-radius:8px}
.btn[disabled]{opacity:.55}
.btns{display:flex;gap:8px}.btns .btn{flex:1}

/* 卡片与表单 */
.card{padding:12px;border-radius:12px;background:var(--panel);border:1px solid var(--line);display:flex;flex-direction:column;gap:10px}
.card.gold{border-color:var(--goldline);background:#1a170e}.card.gold h3{color:var(--goldt)}
.card h2,.card h3{margin:0;font-size:15px;font-weight:600}
.card .sub{margin:-4px 0 0;font-size:12.5px;color:var(--t4)}
.card .row{display:flex;gap:8px}.card .row .in{flex:1}
.poll{gap:7px}
.opt{min-height:40px;display:flex;align-items:center;gap:8px;padding:0 12px;border-radius:10px;background:var(--panel2);border:1px solid var(--line);color:var(--t1);width:100%;text-align:left;font-size:14px;position:relative;overflow:hidden}
.opt.res{cursor:default}
.opt .fill{position:absolute;left:0;top:0;bottom:0;background:rgba(255,196,58,.16)}
.opt .lb{position:relative;flex:1}
.opt .pc{position:relative;font-size:12px;color:var(--t3)}
.opt.mine{border-color:var(--goldline)}.opt.mine .lb{color:var(--goldt)}
.f{display:flex;flex-direction:column;gap:4px}
.f>span{font-size:12.5px;color:var(--t3)}
.in,textarea.in,select.in{width:100%;min-height:40px;padding:8px 10px;border-radius:10px;border:1px solid rgba(255,255,255,.1);background:var(--bg2);color:#f1f2f4;font:inherit;font-size:15px}
textarea.in{min-height:80px;resize:none;line-height:1.55}
.in::placeholder{color:var(--t4)}
.in:focus{outline:2px solid rgba(254,198,28,.5);border-color:transparent}
.seg{display:flex;flex-wrap:wrap;gap:6px}
.seg button{min-height:30px;padding:0 11px;border-radius:100px;border:1px solid var(--line2);background:none;color:var(--t3);font-size:12.5px}
.seg button.on{border-color:var(--goldt);background:var(--goldsoft);color:var(--goldt)}
.pick{display:flex;align-items:center;gap:8px}
.pick label{display:inline-flex;align-items:center;gap:6px;min-height:34px;padding:0 12px;border-radius:10px;border:1px dashed var(--line2);color:var(--t3);font-size:13px;cursor:pointer}
.pick input{position:absolute;opacity:0;width:1px;height:1px}
.pick img{width:40px;height:40px;border-radius:6px;object-fit:cover}
.gal{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
.gal button{padding:0;border:0;background:var(--panel2);border-radius:8px;overflow:hidden;aspect-ratio:9/16}
.gal img{width:100%;height:100%;object-fit:cover}
.feat{padding:10px;border-radius:10px;background:var(--panel);display:flex;flex-direction:column;gap:4px}
.feat .who{font-size:11.5px;color:var(--t4)}.feat p{margin:0;font-size:13px;color:#f1f2f4;white-space:pre-wrap}.feat .rp{color:var(--goldt);font-size:12.5px}
.intro-h h2{margin:0;font-size:17px}.intro-h p{margin:2px 0 0;font-size:12.5px;color:var(--t4)}
.bens{display:flex;flex-direction:column}
.ben{display:flex;align-items:center;gap:10px;padding:8px 0}
.panel.bens .ben{padding:10px 12px}
.ben .ic{width:32px;height:32px;flex:none;border-radius:9px;background:var(--goldsoft);display:grid;place-items:center;color:var(--goldt)}
.ben b{display:block;font-size:13.5px}.ben span{font-size:12px;color:var(--t3)}
.vhero{margin:calc(var(--pad) * -1) calc(var(--pad) * -1) 0;padding:22px var(--pad) 10px;background:radial-gradient(120% 140% at 20% 0%,#3a2c0e 0%,rgba(5,9,17,0) 65%),var(--bg)}
.vhero .pill{display:inline-block;padding:1px 8px;border-radius:100px;background:var(--goldsoft);border:1px solid var(--goldline);color:var(--goldt);font-size:11px}
.vhero h1{margin:4px 0 0;font-size:19px}.vhero p{margin:0;color:var(--t3);font-size:13px}
.safety{display:flex;gap:8px;padding:10px 12px;border-radius:10px;background:var(--goldsoft);border:1px solid var(--goldline)}
.safety svg{flex:none;color:var(--goldt);margin-top:2px}
.safety b{display:block;color:var(--goldt);font-size:13px}.safety span{font-size:12px;color:#f3e3b6}

/* 我的 */
.prof{display:flex;align-items:center;gap:10px}
.prof .av{width:44px;height:44px;background:var(--panel3);color:var(--t2);font-size:18px}
.prof b{display:block;font-size:15px}.prof .st{display:inline-block;margin-top:2px;padding:1px 7px;border-radius:5px;background:rgba(255,255,255,.08);color:var(--t3);font-size:11px}
.prof .st.ok{background:rgba(31,138,76,.2);color:var(--green)}.prof .st.pd{background:var(--goldsoft);color:var(--goldt)}
.menu{display:flex;flex-direction:column}
.mi{display:flex;align-items:center;gap:10px;min-height:46px;padding:0 12px;width:100%;border:0;background:none;color:var(--t1);text-align:left;font-size:14px}
.mi .ic{width:28px;height:28px;flex:none;border-radius:8px;background:var(--goldsoft);display:grid;place-items:center;color:var(--goldt)}
.mi span{flex:1}.mi em{font-style:normal;font-size:12px;color:var(--t4)}.mi>svg{color:var(--t4)}
.sw{position:relative;width:44px;height:26px;flex:none;border-radius:13px;border:0;background:#3a3c41;padding:0}
.sw::after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#c8c9cd;transition:left .15s}
.sw[aria-checked="true"]{background:var(--gold)}.sw[aria-checked="true"]::after{left:21px;background:var(--ink)}
.swrow{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:48px;padding:0 12px}
.swrow span{font-size:14px}.swrow small{display:block;font-size:11.5px;color:var(--t4)}
.addr{display:flex;align-items:center;gap:8px;padding:10px 12px}
.addr div{flex:1;min-width:0}.addr b{display:block;font-size:12px;font-weight:400;color:var(--t4)}.addr span{font-size:14px;word-break:break-all}

/* 剧详情 */
.det .dh{position:relative;margin:calc(var(--pad) * -1) calc(var(--pad) * -1) 0;padding:14px var(--pad) 12px;overflow:hidden}
.det .dh::before{content:"";position:absolute;inset:-30px;background:var(--bgi,none) center/cover no-repeat;filter:blur(26px) brightness(.45) saturate(1.2);transform:scale(1.1)}
.det .dh::after{content:"";position:absolute;inset:auto 0 0 0;height:50px;background:linear-gradient(180deg,rgba(5,9,17,0),var(--bg))}
.det .dhi{position:relative;z-index:1;display:flex;gap:12px;align-items:flex-end}
.det .dhi .cv{width:104px;flex:none;box-shadow:0 6px 20px rgba(0,0,0,.45)}
.det .di{min-width:0;flex:1;display:flex;flex-direction:column;gap:5px;padding-bottom:2px}
.det h1{margin:0;font-size:19px;line-height:1.3}
.det .meta{display:flex;gap:5px;flex-wrap:wrap}
.det .meta span{padding:1px 6px;border-radius:5px;background:rgba(255,255,255,.1);color:var(--t2);font-size:11px}
.det .meta .st{background:var(--goldsoft);color:var(--goldt)}.det .meta .st.s-done{background:rgba(31,138,76,.2);color:var(--green)}.det .meta .st.s-soon{background:rgba(124,196,255,.16);color:var(--blue)}
.det .upd{margin:0;font-size:12.5px;color:var(--t2)}
.det .fl{margin:0;font-size:11.5px;color:var(--t4)}
.btns.two .btn{font-size:13px}
.intro{margin:0;font-size:13.5px;color:var(--t2);line-height:1.65;white-space:pre-wrap}

/* 记录、邀请 */
.rec{padding:10px 12px;display:flex;flex-direction:column;gap:4px}
.rec .top{display:flex;justify-content:space-between;gap:8px;font-size:12px;color:var(--t4)}
.rec .top b{color:var(--t1);font-weight:500;font-size:13.5px}
.rec .bd{font-size:13px;color:var(--t3);white-space:pre-wrap}
.rec .rp{padding:6px 8px;border-radius:8px;background:var(--panel2);font-size:13px;color:var(--t2);white-space:pre-wrap}
.st-new{color:var(--goldt)}.st-done,.st-adopted,.st-ok{color:var(--green)}.st-rejected{color:var(--red)}
.tier{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.tier div{padding:10px 4px;border-radius:10px;background:var(--panel2);display:flex;flex-direction:column;align-items:center;gap:1px;text-align:center}
.tier small{font-size:11.5px;color:var(--t4)}.tier em{font-style:normal;font-size:18px;font-weight:700;color:var(--goldt)}.tier span{font-size:11.5px;color:var(--goldt)}
.link{padding:10px;border-radius:10px;background:var(--bg2);border:1px solid var(--line2);font-size:12.5px;word-break:break-all;color:var(--t2)}
.note{font-size:12px;color:var(--t4);margin:0}.note.gold{color:var(--goldt)}

/* 底部标签 */
#tabs{position:fixed;left:0;right:0;bottom:0;z-index:20;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);padding:3px 2px calc(4px + var(--safe));background:rgba(10,14,22,.96);backdrop-filter:blur(10px);border-top:1px solid rgba(255,255,255,.08)}
#tabs a{min-height:46px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;color:var(--t4);font-size:10.5px}
#tabs a.on{color:var(--goldt)}
#toast{position:fixed;left:50%;bottom:calc(var(--tabh) + var(--safe) + 18px);z-index:40;transform:translateX(-50%) translateY(20px);max-width:calc(100% - 48px);padding:9px 14px;border-radius:10px;background:rgba(38,40,44,.96);color:#fff;font-size:13px;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;text-align:center}
#toast.show{opacity:1;transform:translateX(-50%) translateY(0)}
#sheet{position:fixed;inset:0;z-index:30;background:rgba(0,0,0,.88);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:20px}
#sheet img{max-height:74vh;border-radius:10px}
.gate{min-height:80vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:24px;text-align:center;color:var(--t3)}
.gate b{font-size:17px;color:var(--t1)}
@media (min-width:600px){:root{--pad:16px}.grid3{grid-template-columns:repeat(4,minmax(0,1fr))}.hs .dr{width:150px}}
.det .dchip{display:none}

/* v1.2 首页动态流 */
.home .segs.sticky{margin-top:0}
.hs.sm .dr{width:calc((100% - 24px) / 4.2)}
.hs.sm .dr b{font-size:12px}.hs.sm .dr span{font-size:10.5px}
.fnote{display:flex;align-items:center;gap:6px;width:100%;padding:9px 10px;border-radius:10px;background:var(--panel);border:1px solid var(--line);color:var(--t2);text-align:left;font-size:13px}
.fnote b{flex:1;min-width:0;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fnote em{flex:none;font-style:normal;font-size:11px;color:var(--t4)}.fnote svg{flex:none;color:var(--t4)}
.av.fan{background:linear-gradient(135deg,#7b5cff,#c86bff);color:#fff;font-weight:700}
.vf.fan{background:rgba(160,110,255,.18);color:#c9a8ff}
.rpl{padding:8px 10px;border-radius:8px;background:var(--panel2);font-size:13px;color:var(--t2);line-height:1.55}
.rpl b{display:block;font-size:11.5px;color:var(--goldt);font-weight:500;margin-bottom:2px}
.ck{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--t3)}
.ck input{width:16px;height:16px;accent-color:var(--gold);margin:0}
.promo{display:flex;align-items:center;gap:10px;width:100%;padding:11px 12px;border-radius:12px;border:1px solid var(--goldline);background:linear-gradient(120deg,#2a2010,#14161b 70%);color:var(--t1);text-align:left}
.promo .ic{width:34px;height:34px;flex:none;border-radius:10px;background:var(--goldsoft);display:grid;place-items:center;color:var(--goldt)}
.promo>span:nth-child(2){flex:1;min-width:0}.promo b{display:block;font-size:14px}.promo small{display:block;font-size:12px;color:var(--t4)}.promo>svg{color:var(--t4)}
/* 商店 */
.star{color:var(--goldt);font-weight:700;white-space:nowrap}
.groups{display:flex;flex-direction:column;gap:10px}
.gcard{padding:12px;border-radius:12px;background:var(--panel);border:1px solid var(--line);display:flex;flex-direction:column;gap:8px;scroll-margin-top:12px}
.gcard .gh{display:flex;gap:10px;align-items:flex-start}
.gcard .gh .ic{width:36px;height:36px;flex:none;border-radius:10px;background:var(--goldsoft);display:grid;place-items:center;color:var(--goldt)}
.gcard .gh b{font-size:15px}.gcard .gh p{margin:2px 0 0;font-size:12.5px;color:var(--t3);line-height:1.5}
.gcard ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:4px}
.gcard li{font-size:12.5px;color:var(--t3);padding-left:12px;position:relative}.gcard li::before{content:"";position:absolute;left:2px;top:8px;width:4px;height:4px;border-radius:50%;background:var(--goldt)}
.gcard li b{color:var(--t1);font-weight:500;margin-right:6px}
.gcard .gf{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:8px;border-top:1px solid var(--line)}
.gcard .gf .pr small{font-size:11px;color:var(--t4)}.gcard .gf .ok{font-size:12px;color:var(--green)}.gcard .gf .mut{font-size:12px;color:var(--t4)}
.lnk{align-self:flex-start;border:0;background:none;padding:0;color:var(--goldt);font-size:12.5px}
.pgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.pcard{display:flex;flex-direction:column;gap:3px;min-width:0;padding:0;border:0;background:none;text-align:left;color:var(--t1)}
.pcard .pc{position:relative;aspect-ratio:3/4;border-radius:10px;overflow:hidden;background:var(--panel2)}
.pcard .pc img{width:100%;height:100%;object-fit:cover}
.pcard .tg{position:absolute;left:5px;top:5px;padding:0 6px;border-radius:5px;background:rgba(13,16,23,.82);color:var(--goldt);font-size:10.5px;line-height:1.7}
.pcard .ct{position:absolute;right:5px;bottom:5px;padding:0 6px;border-radius:5px;background:rgba(13,16,23,.82);color:var(--t2);font-size:10.5px;line-height:1.7}
.pcard b{font-size:13px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:3px}
.pcard .pp{display:flex;align-items:center;justify-content:space-between;gap:6px;font-size:12px}
.pcard .pp em{font-style:normal;color:var(--goldt)}.pcard .pp em.ok{color:var(--green)}.pcard .pp small{font-size:11px;color:var(--t4)}
.gifs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.gif{border-radius:10px;overflow:hidden;background:var(--panel);border:1px solid var(--line)}
.gif img{width:100%;aspect-ratio:9/16;object-fit:cover}
.gif div{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:6px 8px}.gif b{font-size:12px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pv{display:flex;gap:8px;overflow-x:auto;margin:0 calc(var(--pad) * -1);padding:0 var(--pad);scroll-snap-type:x mandatory;scroll-padding:0 var(--pad);scrollbar-width:none}
.pv::-webkit-scrollbar{display:none}
.pv button{flex:none;width:72%;padding:0;border:0;border-radius:12px;overflow:hidden;background:var(--panel2);scroll-snap-align:start}
.pv img{width:100%;aspect-ratio:3/4;object-fit:cover}
/* 提名 */
.nom{padding:11px 12px;border-radius:12px;background:var(--panel);border:1px solid var(--line);display:flex;flex-direction:column;gap:6px}
.nom.ad{border-color:var(--goldline)}
.nom .nh{display:flex;align-items:center;gap:8px}.nom .nh b{flex:1;min-width:0;font-size:14.5px}
.nom .rk{flex:none;font-size:12px;font-weight:700;color:var(--goldt)}
.nom p{margin:0;font-size:13px;line-height:1.6;color:var(--t2);white-space:pre-wrap;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden}
.nom .nf{display:flex;align-items:center;justify-content:space-between;font-size:11.5px;color:var(--t4)}
.st-open{color:var(--goldt)}
/* 播放 */
body.watching #app{padding:0}
.wbar{position:sticky;top:0;z-index:5;display:flex;align-items:center;gap:8px;height:42px;padding:0 6px;background:#0a0e16;border-bottom:1px solid var(--line)}
.wbar button{display:inline-flex;align-items:center;gap:2px;height:34px;padding:0 8px;border:0;background:none;color:var(--t2);font-size:13px}
.wbar span{flex:1;min-width:0;text-align:center;font-size:13px;color:var(--t3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wframe{display:block;width:100%;height:calc(100vh - 42px);height:calc(var(--tg-viewport-stable-height,100vh) - 42px);border:0;background:#000}
.hs.sm .cv .sti{display:none}
.gif div b{flex:1;min-width:0}.gif div .btn{flex:none;white-space:nowrap;padding:0 10px}