/* 爱看影视 · 青柠杂志（冷灰杂志栅格 + 青柠点缀；原创编写，无第三方 CSS / 无外部字体） */
:root{
  --bg:#f3f6f4;--bg2:#e8eee9;--card:#ffffff;--paper:#f7faf8;--tx:#142018;--tx2:#5a6b60;--tx3:#8a9a8e;--line:#dce5df;--chip:#eef3ef;
  --pri:#65a30d;--pri2:#4d7c0f;--hot:#ea580c;--warm:#ca8a04;--mint:#0d9488;--ink:#142018;--lime:#84cc16;--lime-soft:rgba(101,163,13,.12);
  --shadow:0 1px 2px rgba(20,32,24,.04),0 8px 24px rgba(20,32,24,.06);--r:14px;--gap:18px;
  color-scheme:light;
}
html[data-theme="dark"]{
  --bg:#121714;--bg2:#171d19;--card:#1a221c;--paper:#1e2821;--tx:#e8f0ea;--tx2:#a3b3a8;--tx3:#748278;--line:#2a342e;--chip:#243028;
  --pri:#a3e635;--pri2:#84cc16;--hot:#fb923c;--warm:#fbbf24;--mint:#2dd4bf;--ink:#e8f0ea;--lime:#bef264;--lime-soft:rgba(163,230,53,.14);
  --shadow:0 12px 32px rgba(0,0,0,.45);
  color-scheme:dark;
}
@media (max-width:767px){:root{--gap:12px}}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--tx);font:14px/1.65 -apple-system,BlinkMacSystemFont,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","Noto Sans CJK SC",sans-serif}
body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background:
  radial-gradient(ellipse at 8% -10%,rgba(132,204,22,.10),transparent 42%),
  radial-gradient(ellipse at 96% 4%,rgba(13,148,136,.07),transparent 36%),
  linear-gradient(180deg,var(--bg) 0%,var(--bg2) 100%);opacity:.95}
a{color:inherit;text-decoration:none}
a:hover{color:var(--pri)}
img{max-width:100%;border:0;vertical-align:middle}
h1,h2,h3,h4,p,ul,ol,dl,dd{margin:0;padding:0}
ul,ol{list-style:none}
button,input,select,textarea{font:inherit;color:inherit}
[hidden]{display:none!important}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:absolute;left:-999px;top:0;z-index:999;background:var(--pri);color:#fff;padding:6px 12px;border-radius:8px}
.skip:focus{left:8px}
.muted{color:var(--tx2)}
.t-pri{color:var(--pri);font-style:normal}
.ell{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ell2{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.ic{display:inline-block;width:1em;height:1em;vertical-align:-.15em;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}

.wrap{width:100%;margin:0 auto;padding:0 var(--gap)}
@media (min-width:768px){.wrap{max-width:760px}}
@media (min-width:992px){.wrap{max-width:980px}}
@media (min-width:1200px){.wrap{max-width:1180px}}
.layout{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--gap);align-items:start}
@media (min-width:992px){.layout{grid-template-columns:minmax(0,3fr) minmax(0,1fr)}}
.side{display:none}
@media (min-width:992px){.side{display:block;position:sticky;top:12px}}
.only-m{display:none}
@media (max-width:767px){.only-m{display:block}.hide-m{display:none!important}}
@media (max-width:991px){.hide-sm{display:none!important}}

/* ========== 顶栏：扁平滑白 + 青柠竖标 ========== */
.hd{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.92);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--line);box-shadow:0 1px 0 rgba(101,163,13,.05)}
html[data-theme="dark"] .hd{background:rgba(26,34,28,.92)}
.hd-island{display:contents}
.hd-top{display:flex;align-items:center;gap:14px;height:60px}
.logo{display:flex;align-items:center;gap:8px;font-size:20px;font-weight:700;letter-spacing:.3px;color:var(--tx);margin:0;line-height:1;white-space:nowrap}
.logo a{display:flex;align-items:center;gap:8px}
.logo .mk{width:30px;height:30px;position:relative;flex:none;border-radius:9px;background:linear-gradient(145deg,#84cc16 0%,#65a30d 55%,#0d9488 100%);box-shadow:0 2px 10px rgba(101,163,13,.28)}
.logo .mk::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:rgba(255,255,255,.65);border-radius:9px 0 0 9px}
.logo .mk i{display:none}
.logo .nm{letter-spacing:.02em}
.logo .nm small{display:block;font-size:11px;letter-spacing:0;color:var(--tx2);font-weight:400;margin-top:3px}
.so{margin-left:auto;position:relative;width:340px}
.so form{display:flex;align-items:center;height:38px;background:var(--chip);border-radius:999px;overflow:hidden;border:1px solid transparent}
.so form:focus-within{border-color:rgba(101,163,13,.4);background:var(--card);box-shadow:0 0 0 3px var(--lime-soft)}
.so .so-k{padding:0 12px;font-size:13px;color:var(--tx2);border-right:1px solid var(--line);height:20px;line-height:20px;white-space:nowrap}
.so input{flex:1;min-width:0;border:0;background:transparent;padding:0 12px;height:38px;outline:0;font-size:13px}
.so button{border:0;background:var(--pri);color:#fff;width:42px;height:30px;margin-right:4px;border-radius:999px;cursor:pointer;font-size:15px;display:inline-flex;align-items:center;justify-content:center}
.so button:hover{background:var(--pri2)}
.so-hot{position:absolute;left:0;right:0;top:44px;background:var(--card);border-radius:14px;box-shadow:var(--shadow);padding:8px 0;display:none;z-index:60;border:1px solid var(--line)}
.so.open .so-hot{display:block}
.so-hot li a{display:flex;align-items:center;gap:8px;padding:7px 14px;font-size:13px}
.so-hot li a:hover{background:var(--chip)}
.so-hot .n{width:18px;height:18px;line-height:18px;text-align:center;border-radius:6px;background:var(--chip);color:var(--tx2);font-size:12px;flex:none}
.so-hot li:nth-child(1) .n,.so-hot li:nth-child(2) .n,.so-hot li:nth-child(3) .n{background:var(--pri);color:#fff}
.so-hot .v{margin-left:auto;color:var(--tx3);font-size:12px;white-space:nowrap}
.so-hot p{padding:2px 14px 6px;color:var(--tx2);font-size:12px}
.hd-ic{display:none;border:0;background:transparent;font-size:20px;color:var(--tx);padding:6px;cursor:pointer;line-height:1}
.nav{display:flex;align-items:center;min-height:42px;padding:0 0 8px;gap:4px;flex-wrap:wrap;border-top:1px solid var(--line)}
.nav>ul{display:flex;align-items:center;flex:1;min-width:0;gap:2px;flex-wrap:wrap}
.nav>ul>li{position:relative}
.nav>ul>li>a{display:inline-flex;align-items:center;gap:4px;height:32px;padding:0 11px;font-size:14px;border-radius:8px;color:var(--tx2)}
.nav>ul>li>a:hover,.nav>ul>li>a.on{background:var(--lime-soft);color:var(--pri)}
.nav>ul>li>a.on{font-weight:600;box-shadow:inset 0 -2px 0 var(--pri)}
.nav .car{font-style:normal;font-size:10px;opacity:.6}
.nav .dd{display:none;position:absolute;left:0;top:100%;min-width:140px;background:var(--card);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);padding:6px;z-index:80}
.nav>ul>li:hover>.dd,.nav>ul>li:focus-within>.dd{display:grid;gap:2px}
.nav .dd a{display:block;padding:7px 10px;border-radius:8px;font-size:13px;color:var(--tx2)}
.nav .dd a:hover,.nav .dd a.on{background:var(--chip);color:var(--pri)}
.nav-r{display:flex;align-items:center;gap:6px;margin-left:auto}
.nav-r a,.nav-r button{display:inline-flex;align-items:center;gap:4px;height:30px;padding:0 10px;border:0;background:transparent;border-radius:8px;cursor:pointer;color:var(--tx2);font-size:13px}
.nav-r a:hover,.nav-r button:hover{background:var(--chip);color:var(--pri)}
.sw{width:34px!important;height:30px!important;padding:0!important;position:relative;border-radius:999px!important;background:var(--chip)!important}
.sw::after{content:"";position:absolute;width:14px;height:14px;border-radius:50%;background:var(--pri);left:4px;top:8px;transition:left .2s}
html[data-theme="dark"] .sw::after{left:16px;background:var(--warm)}
.hd-mr{display:flex;align-items:center;gap:2px}
.hist{position:absolute;right:var(--gap);top:68px;width:280px;display:none;z-index:80}
.hist.open{display:block}
.hist-box{background:var(--card);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);padding:10px 12px}
.hist-box h4{display:flex;align-items:center;justify-content:space-between;font-size:13px;margin-bottom:6px}
.hist-box h4 button{border:0;background:transparent;color:var(--pri);cursor:pointer;font-size:12px}
.hist-box li a{display:block;padding:6px 4px;font-size:13px;border-bottom:1px dashed var(--line)}
.hist-box .empty{padding:12px;color:var(--tx3);text-align:center}
.oc-mask{display:none;position:fixed;inset:0;background:rgba(20,32,24,.4);z-index:90}
.oc{position:fixed;left:0;top:0;bottom:0;width:78%;max-width:300px;background:var(--card);z-index:100;transform:translateX(-105%);transition:transform .25s;padding:18px 14px;overflow:auto;box-shadow:var(--shadow)}
body.oc-open .oc{transform:none}
body.oc-open .oc-mask{display:block}
.oc .logo{margin-bottom:14px}
.oc li>div{display:flex;align-items:center}
.oc li a{display:block;flex:1;padding:10px 8px;border-radius:8px}
.oc li a.on{background:var(--lime-soft);color:var(--pri);font-weight:600}
.oc .tg{border:0;background:transparent;padding:8px;cursor:pointer}
.oc .sub{display:none;padding:0 0 6px 12px}
.oc li.ex .sub{display:block}
.oc .sub a{font-size:13px;color:var(--tx2);padding:7px 8px}
@media (max-width:767px){
  .hd-top{height:52px}
  .so{display:none;position:absolute;left:var(--gap);right:var(--gap);top:52px;width:auto;z-index:60}
  .so.show{display:block}
  .so form{background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow)}
  .hd-ic{display:inline-flex}
  .nav,.nav-r,.logo .nm small{display:none}
  .hd{position:sticky}
}

/* ========== 通用块 ========== */
main{padding:16px 0 40px;min-height:60vh}
.box{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:16px;margin-bottom:var(--gap);box-shadow:var(--shadow)}
.bh{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin-bottom:12px}
.bh h1,.bh h2,.bh h3{font-size:18px;font-weight:700;letter-spacing:.2px;display:flex;align-items:center;gap:8px}
.bh h2::before{content:"";width:4px;height:1em;border-radius:2px;background:linear-gradient(180deg,var(--lime),var(--pri));flex:none}
.bh .lead{color:var(--tx2);font-size:13px}
.bh .more{margin-left:auto;color:var(--pri);font-size:13px}
.btn{display:inline-flex;align-items:center;gap:6px;height:38px;padding:0 16px;background:var(--pri);color:#fff!important;border-radius:999px;font-weight:600;border:0;cursor:pointer}
.btn:hover{background:var(--pri2);color:#fff!important}
.btn.ghost,.btn.gh{background:transparent;color:var(--pri)!important;border:1px solid rgba(101,163,13,.4)}
.btn.ghost:hover,.btn.gh:hover{background:var(--lime-soft)}
.chips{display:flex;flex-wrap:wrap;gap:6px}
.chips a,.chips span{display:inline-flex;align-items:center;height:26px;padding:0 10px;border-radius:999px;background:var(--chip);color:var(--tx2);font-size:12px}
.chips a:hover,.chips a.on{background:var(--lime-soft);color:var(--pri)}
.crumb{padding:10px 14px;font-size:13px;color:var(--tx2)}
.crumb ol{display:flex;flex-wrap:wrap;gap:4px;align-items:center}
.crumb li:not(:last-child)::after{content:"/";margin-left:6px;color:var(--tx3)}
.crumb a:hover{color:var(--pri)}
.lead{color:var(--tx2);font-size:13px;margin:0 0 10px;line-height:1.65}
.chd{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:10px}
.chd h1{font-size:22px;font-weight:800;display:flex;align-items:center;gap:8px}
.chd h1 small{font-size:13px;font-weight:500;color:var(--tx2);margin-left:6px}
.chd .more{margin-left:auto}
.empty,.note{color:var(--tx3);font-size:13px}
.story{font-size:14px;line-height:1.75;color:var(--tx)}
.share{margin-top:12px;font-size:13px;color:var(--tx2)}
.share button{border:0;background:var(--lime-soft);color:var(--pri);padding:6px 12px;border-radius:999px;cursor:pointer;margin-left:6px}
.sortb{border:0;background:var(--chip);color:var(--tx2);padding:6px 10px;border-radius:8px;cursor:pointer;display:inline-flex;align-items:center;gap:4px;font-size:13px;margin-left:auto}

/* 列表卡片 */
.vl{display:grid;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr))}
@media (min-width:600px){.vl{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (min-width:900px){.vl.c4{grid-template-columns:repeat(4,minmax(0,1fr))}.vl.c5,.vl.c6{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media (min-width:1100px){.vl.c6{grid-template-columns:repeat(6,minmax(0,1fr))}}
.vl li{min-width:0}
.vc .pic{display:block;position:relative;aspect-ratio:2/3;border-radius:12px;overflow:hidden;background:var(--chip)}
.vc .pic img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s ease}
.vc:hover .pic img{transform:scale(1.04)}
.vc .pi{position:absolute;inset:0;background:linear-gradient(transparent 55%,rgba(20,32,24,.55));opacity:0;transition:opacity .2s;pointer-events:none}
.vc:hover .pi{opacity:1}
.vc .sc{position:absolute;right:6px;top:6px;background:var(--pri);color:#fff;font-size:12px;font-weight:700;padding:2px 7px;border-radius:8px;z-index:1}
.vc .sc-db{background:linear-gradient(135deg,#65a30d,#0d9488)}
.vc .rm{position:absolute;left:6px;bottom:6px;background:rgba(20,32,24,.72);color:#fff;font-size:11px;padding:2px 6px;border-radius:6px;max-width:80%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;z-index:1}
.vc .nm{display:block;margin-top:8px;font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.vc .ac{font-size:12px;color:var(--tx3);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.vc .ac:empty{display:none}

/* 横向滚动 */
.hscroll{display:flex;gap:12px;overflow-x:auto;padding-bottom:4px;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory}
.hscroll::-webkit-scrollbar{height:4px}
.hscroll::-webkit-scrollbar-thumb{background:var(--line);border-radius:4px}
.hs-item{flex:0 0 140px;scroll-snap-align:start}
.hs-ul{display:block;margin:0;padding:0;list-style:none}
@media (min-width:768px){.hs-item{flex-basis:160px}}
.rb{flex:0 0 132px;min-width:0}
.rb .pic{display:block;position:relative;aspect-ratio:2/3;border-radius:10px;overflow:hidden;background:var(--chip)}
.rb .pic img{width:100%;height:100%;object-fit:cover}
.rb .sc{position:absolute;right:6px;top:6px;background:var(--pri);color:#fff;font-size:12px;font-weight:700;padding:2px 7px;border-radius:8px}
.rb .rm{position:absolute;left:6px;bottom:6px;background:rgba(20,22,30,.72);color:#fff;font-size:11px;padding:2px 6px;border-radius:6px}
.rb .nm{display:block;margin-top:8px;font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rb .m{font-size:12px;color:var(--tx3);margin-top:2px}

/* ========== 首页：青柠杂志栅格 ========== */
.home-kick{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:14px;padding:4px 2px 2px}
.home-kick h1{font-size:26px;font-weight:800;letter-spacing:.3px;line-height:1.2;display:flex;flex-direction:column;gap:4px}
.home-kick h1 span{font-size:13px;font-weight:500;color:var(--tx2);letter-spacing:0}
.home-kick .iss{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 12px;border-radius:999px;background:var(--lime-soft);color:var(--pri);font-size:12px;font-weight:600;white-space:nowrap;border:1px solid rgba(101,163,13,.22)}
@media (max-width:767px){.home-kick h1{font-size:22px}}

/* 杂志头条：大图 + 列表（取代便签侧栏） */
.mag-lead{display:grid;gap:14px;margin-bottom:var(--gap)}
@media (min-width:900px){.mag-lead{grid-template-columns:1.35fr 1fr;align-items:stretch}}
.mag-hero{position:relative;border-radius:var(--r);overflow:hidden;background:#152018;min-height:280px;box-shadow:var(--shadow);border:1px solid var(--line)}
.mag-hero a.cover{display:block;position:absolute;inset:0}
.mag-hero img{width:100%;height:100%;object-fit:cover;opacity:.88;display:block}
.mag-hero .veil{position:absolute;inset:0;background:linear-gradient(180deg,transparent 30%,rgba(12,24,16,.88) 100%);pointer-events:none}
.mag-hero .meta{position:absolute;left:0;right:0;bottom:0;padding:18px 18px 16px;color:#fff;z-index:1}
.mag-hero .kicker{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#d9f99d;margin-bottom:8px}
.mag-hero .kicker::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 3px rgba(132,204,22,.35)}
.mag-hero h2{font-size:22px;font-weight:800;line-height:1.3;margin-bottom:6px}
.mag-hero h2 a{color:#fff}
.mag-hero h2 a:hover{color:#d9f99d}
.mag-hero .sub{font-size:13px;color:rgba(255,255,255,.82);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.mag-hero .tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.mag-hero .tags span{font-size:11px;padding:2px 8px;border-radius:999px;background:rgba(255,255,255,.14);backdrop-filter:blur(4px)}
.mag-rail{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:14px;box-shadow:var(--shadow);display:flex;flex-direction:column}
.mag-rail .bh{margin-bottom:8px}
.mag-rail .bh h2::before{background:linear-gradient(180deg,var(--lime),var(--mint))}
.mag-list{display:grid;gap:0;flex:1}
.mag-list li{display:grid;grid-template-columns:28px 56px minmax(0,1fr);gap:10px;align-items:center;padding:10px 0;border-bottom:1px dashed var(--line)}
.mag-list li:last-child{border-bottom:0}
.mag-list .n{width:22px;height:22px;border-radius:7px;background:var(--chip);color:var(--tx2);font-size:12px;font-weight:700;display:inline-flex;align-items:center;justify-content:center}
.mag-list li:nth-child(-n+3) .n{background:var(--pri);color:#fff}
.mag-list .cv{display:block;aspect-ratio:2/3;border-radius:8px;overflow:hidden;background:var(--chip)}
.mag-list .cv img{width:100%;height:100%;object-fit:cover}
.mag-list .in{min-width:0}
.mag-list .in .t{font-weight:600;font-size:14px}
.mag-list .in .m{font-size:12px;color:var(--tx2);margin-top:2px}
.mag-list .in .m b{color:var(--pri);margin-right:4px}

.poster-wall .vc .pic{border-radius:10px}
.chn-ledge .chn-bar{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:8px}
.chn-ledge .chn-bar h2{font-size:18px;margin:0}
.chn-ledge .chn-bar h2::before{content:"";display:inline-block;width:4px;height:.9em;background:linear-gradient(180deg,var(--lime),var(--pri));border-radius:2px;margin-right:8px;vertical-align:-.05em}
.chn-ledge .chn-bar .more{margin-left:auto}
.chn-d{font-size:13px;color:var(--tx2);margin:0 0 10px}
.subs{display:flex;flex-wrap:wrap;gap:6px}
.subs a{font-size:12px;padding:3px 8px;border-radius:6px;background:var(--chip);color:var(--tx2)}
.subs a:hover{color:var(--pri);background:var(--lime-soft)}
.intro-g{display:grid;gap:16px}
@media (min-width:900px){.intro-g{grid-template-columns:1.2fr 1fr}}
.intro h2{font-size:18px;margin-bottom:10px}
.intro p{color:var(--tx2);font-size:13px;margin-bottom:8px;line-height:1.7}
.links{display:flex;flex-wrap:wrap;gap:8px 14px}
.links a{font-size:13px;color:var(--tx2)}
.links a:hover{color:var(--pri)}
.faq details{border-bottom:1px dashed var(--line);padding:10px 0}
.faq summary{cursor:pointer;font-weight:600;list-style:none;display:flex;align-items:center;gap:8px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::before{content:"+";width:20px;height:20px;border-radius:6px;background:var(--chip);display:inline-flex;align-items:center;justify-content:center;color:var(--pri);font-weight:700}
.faq details[open] summary::before{content:"–"}
.faq details p{margin-top:8px;color:var(--tx2);font-size:13px;padding-left:28px}

/* ========== 详情 ========== */
.dt-ledge{overflow:hidden}
.dt-banner{position:relative;margin:-16px -16px 14px;aspect-ratio:16/9;overflow:hidden;background:#152018}
.dt-banner img{width:100%;height:100%;object-fit:cover;opacity:.85}
.bn-meta{position:absolute;left:0;right:0;bottom:0;padding:16px;background:linear-gradient(transparent,rgba(12,24,16,.85));color:#fff}
.bn-title{font-size:18px;font-weight:700;margin-bottom:6px}
.dt-body{display:grid;gap:16px}
@media (min-width:768px){.dt-body{grid-template-columns:200px minmax(0,1fr);align-items:start}}
.dt-h{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:8px}
.dt-h h1{margin:0;font-size:24px;font-weight:800}
.dt-badge{background:var(--pri);color:#fff;font-weight:700;padding:2px 8px;border-radius:8px;font-size:14px}
.dt-cover .pic{display:block;position:relative;border-radius:12px;overflow:hidden;aspect-ratio:2/3;background:var(--chip)}
.dt-cover .pic img{width:100%;height:100%;object-fit:cover}
.dt-cover .bd{position:absolute;left:8px;bottom:8px;background:rgba(20,32,24,.7);color:#fff;font-size:11px;padding:2px 6px;border-radius:6px}
.people{font-size:13px;margin:6px 0;display:flex;flex-wrap:wrap;gap:6px;align-items:center;color:var(--tx2)}
.people b{color:var(--tx)}
.people a{color:var(--pri)}
.callout{background:linear-gradient(180deg,rgba(132,204,22,.10),rgba(13,148,136,.06));border:1px solid rgba(101,163,13,.22);border-radius:12px;padding:12px 14px;margin:12px 0}
.callout h2{font-size:14px;font-weight:700;margin-bottom:8px;display:flex;align-items:center;gap:6px;color:var(--pri)}
.callout ol{list-style:decimal;padding-left:18px;display:grid;gap:4px}
.callout li{font-size:13px;line-height:1.55}
.three-n{margin-top:8px;font-size:12px;color:var(--tx3)}
.dt-fold{margin-top:8px}
.dt-fold .dt-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 12px;font-size:13px;color:var(--tx2)}
.dt-more{border:0;background:transparent;color:var(--pri);cursor:pointer;padding:6px 0;font-size:13px}
.dt-act{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}
.dt-info .rm{font-size:12px;color:var(--tx2);background:var(--chip);padding:2px 8px;border-radius:6px}
.three{background:linear-gradient(180deg,rgba(132,204,22,.10),rgba(13,148,136,.06));border:1px solid rgba(101,163,13,.22);border-radius:12px;padding:12px 14px;margin:12px 0}
.three h2,.three h3{font-size:14px;font-weight:700;margin-bottom:8px;display:flex;align-items:center;gap:6px;color:var(--pri)}
.three ol{list-style:decimal;padding-left:18px;display:grid;gap:4px}
.three li{font-size:13px;color:var(--tx);line-height:1.55}
.score-box{display:inline-flex;align-items:baseline;gap:6px;background:var(--lime-soft);padding:6px 12px;border-radius:10px}
.score-box b{font-size:22px;color:var(--pri);font-weight:800}
.score-box span{font-size:12px;color:var(--tx2)}
.src,.play-lines{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}
.src button,.src [role=tab],.play-lines button,.play-lines [role=tab]{border:1px solid var(--line);background:var(--card);padding:6px 12px;border-radius:8px;cursor:pointer;font-size:13px}
.src [aria-selected=true],.src .on,.play-lines [aria-selected=true],.play-lines .on{background:var(--pri);color:#fff;border-color:var(--pri)}
.eps{display:grid;grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:6px;max-height:280px;overflow:auto}
.eps a{display:flex;align-items:center;justify-content:center;height:36px;border-radius:8px;background:var(--chip);font-size:13px}
.eps a.on,.eps a:hover{background:var(--pri);color:#fff}
.plot{font-size:14px;line-height:1.75;color:var(--tx);white-space:pre-wrap}
.stars{display:inline-flex;gap:2px}
.stars button{border:0;background:transparent;cursor:pointer;color:var(--tx3);padding:2px;font-size:18px}
.stars button.on{color:var(--warm)}
.stars .lv{font-size:12px;color:var(--tx2);margin-left:6px}

/* 播放页 */
.player-box{background:#0e1410;border-radius:var(--r);overflow:hidden;margin-bottom:var(--gap);aspect-ratio:16/9}
.player-box .MacPlayer,.player-box iframe,.player-box video{width:100%;height:100%;border:0}
.play-bar{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:12px}
.play-bar h1{font-size:18px;font-weight:700;flex:1;min-width:0}

/* 筛选 / 分页 */
.flt{display:grid;gap:8px;margin-bottom:12px}
.flt-row{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.flt-row .lab{color:var(--tx2);font-size:13px;min-width:42px}
.flt-row a{font-size:12px;padding:4px 9px;border-radius:6px;background:var(--chip);color:var(--tx2)}
.flt-row a.on,.flt-row a:hover{background:var(--pri);color:#fff}
.pg{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin-top:16px}
.pg a,.pg span{min-width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;background:var(--chip);font-size:13px;padding:0 8px}
.pg .on,.pg a:hover{background:var(--pri);color:#fff}

/* 页脚 */
.ft{background:var(--paper);border-top:1px solid var(--line);padding:28px 0 40px;font-size:13px;color:var(--tx2);margin-top:20px}
.ft .fl{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:10px}
.ft .fl a:hover{color:var(--pri)}
.ft .rs{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-bottom:12px;font-size:12px}
.ft .rs i{color:var(--tx3);font-style:normal}
.ft-brand{display:flex;align-items:center;gap:8px;margin-bottom:10px;color:var(--tx)}
.ft-brand .mk{width:18px;height:18px;border-radius:5px;background:linear-gradient(145deg,#84cc16,#0d9488)}
.ft-brand b{font-size:14px}
.ft-brand span{color:var(--tx3);font-size:12px}
.ft-about{margin-bottom:8px;line-height:1.7}
.ft p{margin-bottom:6px;line-height:1.7}
.fx{position:fixed;right:14px;bottom:18px;display:flex;flex-direction:column;gap:8px;z-index:40}
.fx a,.fx button{width:40px;height:40px;border-radius:12px;border:1px solid var(--line);background:var(--card);box-shadow:var(--shadow);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;color:var(--tx2)}
.fx a:hover,.fx button:hover{color:var(--pri)}
.totop{opacity:0;pointer-events:none;transition:opacity .2s}
.totop.show{opacity:1;pointer-events:auto}
.toast{position:fixed;left:50%;bottom:80px;transform:translateX(-50%);background:rgba(20,32,24,.92);color:#fff;padding:8px 16px;border-radius:999px;font-size:13px;z-index:200}

/* 排行 / 专题 / 留言 / 地图 */
.rank-tabs{display:flex;gap:6px;margin-bottom:12px;flex-wrap:wrap}
.rank-tabs [role=tab]{border:1px solid var(--line);background:var(--card);padding:6px 12px;border-radius:8px;cursor:pointer}
.rank-tabs [aria-selected=true]{background:var(--pri);color:#fff;border-color:var(--pri)}
.rk-list li,.rkg li{display:grid;grid-template-columns:28px 48px minmax(0,1fr) auto;gap:10px;align-items:center;padding:8px 0;border-bottom:1px dashed var(--line)}
.rk-list em,.rkg em{font-style:normal;font-weight:700;color:var(--tx3)}
.rk-list li:nth-child(-n+3) em,.rkg li:nth-child(-n+3) em{color:var(--pri)}
.msgp{max-width:560px;margin:40px auto;text-align:center;padding:24px;background:var(--card);border-radius:var(--r);border:1px solid var(--line)}
.msgp .code{font-size:48px;font-weight:800;color:var(--pri);margin-bottom:8px}
.gb form{display:grid;gap:10px}
.gb input,.gb textarea{width:100%;border:1px solid var(--line);border-radius:8px;padding:10px;background:var(--paper)}
.gbl{display:grid;gap:12px}
.gbl .row{padding:12px;border:1px solid var(--line);border-radius:10px;background:var(--paper)}
.gbl .who{font-size:13px;color:var(--tx2);margin-bottom:4px}
.gbl .rp{font-size:12px;color:var(--mint);margin-top:6px}
.map-list,.mapl{columns:2;gap:16px}
@media (min-width:768px){.map-list,.mapl{columns:3}}
.map-list h3,.mapl h3{break-after:avoid;margin:8px 0;font-size:14px}
.map-list a,.mapl a{display:block;font-size:13px;color:var(--tx2);padding:2px 0}
.vf{height:36px;border-radius:6px;cursor:pointer}

/* 文章 */
.artl{display:grid;gap:12px}
.artl li{padding:12px 14px;background:var(--paper);border:1px solid var(--line);border-radius:10px}
.artl .t{font-weight:700;font-size:15px}
.artl .m{margin-top:4px;font-size:12px;color:var(--tx3)}
.artl .b{margin-top:6px;font-size:13px;color:var(--tx2)}
.art-detail .art-hd,.art-hd{margin-bottom:14px;padding-bottom:12px;border-bottom:1px dashed var(--line)}
.art-detail .art-hd h1,.art-hd h1{font-size:22px;font-weight:800;line-height:1.35}
.art-detail .art-hd .m,.art-hd .m{margin-top:8px;font-size:13px;color:var(--tx3)}
.art-body{font-size:15px;line-height:1.8;color:var(--tx)}
.art-body p{margin:0 0 12px}
.art-body img{max-width:100%;border-radius:8px}

/* 导航下拉不被顶栏裁切 */
.hd,.hd-island,.nav{overflow:visible}
.nav .dd{z-index:80}

/* 暗色微调 */
html[data-theme="dark"] .callout,html[data-theme="dark"] .three,html[data-theme="dark"] .mag-rail,html[data-theme="dark"] .home-kick .iss{border-color:var(--line)}
html[data-theme="dark"] .mag-hero .kicker{color:var(--lime)}