:root{
    --main:#10b981;
    --accent:#fbbf24;
    --bg:#0a1410;
    --text:#ecfdf5;
    --line:rgba(236,253,245,.14);
    --line-strong:rgba(236,253,245,.28);
    --muted:rgba(236,253,245,.6);
    --panel:rgba(16,185,129,.05);
  }
  *{box-sizing:border-box;}
  html{scroll-behavior:smooth;}
  body{
    background:var(--bg);
    color:var(--text);
    font-family:'Inter',-apple-system,"PingFang SC","Microsoft YaHei",sans-serif;
    font-weight:400;
    line-height:1.85;
    letter-spacing:.01em;
    margin:0;
    padding:0;
    overflow-x:hidden;
  }
  h1,h2,h3,h4,.brand-text,.sec-title{
    font-family:'Inter',"PingFang SC",sans-serif;
    font-weight:900;
    letter-spacing:-.02em;
    line-height:1.3;
  }
  a{color:inherit;text-decoration:none;}
  .mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-weight:600;}
  .wrap{max-width:1240px;margin:0 auto;padding:0 22px;}

  /* 阅读进度条 */
  #progressBar{
    position:fixed;top:0;left:0;height:3px;width:0%;
    background:linear-gradient(90deg,var(--main),var(--accent));
    z-index:2000;transition:width .1s linear;
  }

  /* 导航 */
  .top-nav{
    position:sticky;top:0;z-index:1500;
    background:rgba(10,20,16,.92);
    backdrop-filter:blur(10px);
    border-bottom:1px solid var(--line);
  }
  .nav-inner{
    max-width:1240px;margin:0 auto;padding:14px 22px;
    display:flex;align-items:center;gap:26px;
  }
  .brand-text{
    font-size:1.32rem;
    color:var(--text);
    white-space:nowrap;
    display:flex;align-items:center;gap:8px;
  }
  .brand-text i{color:var(--main);font-size:1.1rem;}
  .nav-links{display:flex;gap:4px;flex-wrap:wrap;margin-left:auto;align-items:center;}
  .nav-links a{
    font-size:.92rem;font-weight:500;color:var(--muted);
    padding:7px 13px;border-radius:4px;
    border:1px solid transparent;
    transition:color .2s,border-color .2s,background .2s;
    white-space:nowrap;
  }
  .nav-links a:hover{color:var(--text);border-color:var(--line-strong);background:var(--panel);}
  .nav-toggle{
    display:none;margin-left:auto;
    background:none;border:1px solid var(--line-strong);color:var(--text);
    width:44px;height:40px;border-radius:4px;font-size:1.05rem;
  }
  @media(max-width:900px){
    .nav-toggle{display:block;}
    .nav-links{
      display:none;width:100%;flex-direction:column;align-items:stretch;
      margin:0;padding:10px 0 4px;gap:2px;border-top:1px solid var(--line);
    }
    .nav-links.open{display:flex;}
    .nav-links a{padding:11px 8px;font-size:1rem;}
    .nav-inner{flex-wrap:wrap;gap:12px;}
  }

  /* Hero */
  .hero{
    position:relative;min-height:62vh;
    display:flex;align-items:flex-end;
    border-bottom:1px solid var(--line);
    overflow:hidden;
  }
  .hero-bg{
    position:absolute;inset:0;
    background:
      linear-gradient(180deg,rgba(10,20,16,.62) 0%,rgba(10,20,16,.82) 45%,rgba(10,20,16,.97) 100%),
      radial-gradient(1000px 520px at 18% 22%,rgba(16,185,129,.34),transparent 62%),
      radial-gradient(760px 460px at 84% 74%,rgba(251,191,36,.16),transparent 66%),
      #0d1b16;
    z-index:0;
  }
  .hero-bg::after{
    content:"";position:absolute;inset:0;
    background-image:
      repeating-linear-gradient(90deg,transparent 0 66px,rgba(236,253,245,.045) 66px 67px),
      repeating-linear-gradient(0deg,transparent 0 66px,rgba(236,253,245,.03) 66px 67px);
  }
  .hero-inner{position:relative;z-index:1;padding:86px 22px 62px;max-width:1240px;margin:0 auto;width:100%;}
  .hero-tag{
    display:inline-block;font-size:.78rem;letter-spacing:.16em;
    color:var(--main);border:1px solid var(--main);
    padding:4px 12px;border-radius:2px;margin-bottom:22px;text-transform:uppercase;
  }
  .hero h1{
    font-size:clamp(2rem,5.2vw,3.6rem);
    margin:0 0 18px;max-width:16ch;
  }
  .hero h1 em{font-style:normal;color:var(--main);}
  .hero p{max-width:62ch;color:var(--muted);font-size:1.03rem;margin:0 0 30px;}
  .btn-line{
    position:relative;overflow:hidden;
    display:inline-flex;align-items:center;gap:10px;
    border:1px solid var(--main);color:var(--main);
    padding:12px 26px;border-radius:3px;font-weight:600;font-size:.95rem;
    background:transparent;transition:color .3s,border-color .3s;
    margin-right:12px;
  }
  .btn-line::before{
    content:"";position:absolute;inset:0;
    background:linear-gradient(90deg,#10b981,#34d399,#fbbf24,#10b981);
    background-size:300% 100%;
    transform:translateX(-101%);transition:transform .45s ease;
    z-index:-1;
  }
  .btn-line:hover{color:#04120d;border-color:var(--accent);}
  .btn-line:hover::before{transform:translateX(0);animation:flow 3s linear infinite;}
  @keyframes flow{0%{background-position:0 0;}100%{background-position:300% 0;}}
  .btn-line span{position:relative;z-index:1;}
  .btn-line.ghost{border-color:var(--line-strong);color:var(--text);}
  .btn-line.ghost::before{background:linear-gradient(90deg,rgba(251,191,36,.9),rgba(16,185,129,.9),rgba(251,191,36,.9));background-size:300% 100%;}
  .btn-line.ghost:hover{color:#04120d;}

  /* 通用区块 */
  section{padding:74px 0;border-bottom:1px solid var(--line);}
  .sec-head{margin-bottom:36px;}
  .sec-kicker{
    font-size:.74rem;letter-spacing:.2em;color:var(--accent);
    text-transform:uppercase;display:block;margin-bottom:12px;font-weight:700;
  }
  .sec-title{font-size:clamp(1.4rem,3vw,1.9rem);margin:0 0 12px;}
  .sec-desc{color:var(--muted);font-size:.97rem;max-width:70ch;margin:0;}

  /* 榜单置顶 */
  .rank-layout{display:grid;grid-template-columns:1.15fr .85fr;gap:0;border:1px solid var(--line);}
  @media(max-width:860px){.rank-layout{grid-template-columns:1fr;}}
  .rank-main{padding:36px 34px;border-right:1px solid var(--line);}
  .rank-side{padding:36px 34px;background:var(--panel);}
  @media(max-width:860px){
    .rank-main{border-right:none;border-bottom:1px solid var(--line);}
  }
  .rank-list{list-style:none;margin:0;padding:0;counter-reset:rk;}
  .rank-list li{
    counter-increment:rk;
    display:flex;align-items:baseline;gap:16px;
    padding:15px 0;border-bottom:1px dashed var(--line);
  }
  .rank-list li:last-child{border-bottom:none;}
  .rank-list li::before{
    content:counter(rk,decimal-leading-zero);
    font-family:ui-monospace,Menlo,monospace;
    font-size:.86rem;color:var(--main);min-width:2.2em;font-weight:700;
  }
  .rk-name{font-weight:700;font-size:1.02rem;}
  .rk-meta{margin-left:auto;font-size:.82rem;color:var(--muted);white-space:nowrap;}
  .rank-side h3{font-size:1.05rem;margin:0 0 6px;}
  .rank-side .stat{
    display:flex;justify-content:space-between;align-items:baseline;
    padding:13px 0;border-bottom:1px dashed var(--line);
    font-size:.93rem;
  }
  .rank-side .stat:last-child{border-bottom:none;}
  .rank-side .stat b{font-family:ui-monospace,Menlo,monospace;color:var(--accent);font-size:1.05rem;}

  /* 海报网格 */
  .poster-grid{
    display:grid;gap:20px;width:100%;
    grid-template-columns:repeat(6,minmax(0,1fr));
  }
  @media(max-width:1100px){.poster-grid{grid-template-columns:repeat(4,minmax(0,1fr));}}
  @media(max-width:760px){.poster-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;}}
  @media(max-width:480px){.poster-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}}

  .p-card{
    position:relative;display:block;border:1px solid var(--line);
    border-radius:3px;overflow:hidden;background:#0e1a15;
    transition:border-color .25s,transform .25s;
  }
  .p-card:hover{border-color:var(--main);transform:translateY(-4px);}
  .p-thumb{
    position:relative;width:100%;aspect-ratio:2/3;overflow:hidden;background:#0e1a15;
  }
  .p-thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .45s ease;}
  .p-card:hover .p-thumb img{transform:scale(1.06);}
  .p-mask{
    position:absolute;inset:0;
    background:linear-gradient(180deg,rgba(10,20,16,0) 32%,rgba(10,20,16,.55) 66%,rgba(10,20,16,.95) 100%);
    display:flex;align-items:flex-end;justify-content:center;padding-bottom:16px;
    opacity:0;transition:opacity .3s ease;
  }
  .p-card:hover .p-mask{opacity:1;}
  .play-dot{
    width:46px;height:46px;border-radius:50%;
    border:1px solid rgba(236,253,245,.85);
    display:flex;align-items:center;justify-content:center;
    color:#fff;font-size:.9rem;background:rgba(10,20,16,.4);
    backdrop-filter:blur(2px);
  }
  .p-info{padding:11px 12px 14px;border-top:1px solid var(--line);}
  .p-title{
    font-size:.92rem;font-weight:700;line-height:1.4;
    display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
  }
  .p-sub{font-size:.76rem;color:var(--muted);display:block;margin-top:3px;}

  /* 分类筛选区 */
  .filter-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:30px;}
  .filter-tabs span{
    font-size:.84rem;padding:6px 15px;border:1px solid var(--line-strong);
    border-radius:2px;color:var(--muted);
  }
  .filter-tabs span.on{border-color:var(--accent);color:var(--accent);}

  /* 对比表格 */
  .cmp-table{width:100%;border-collapse:collapse;border:1px solid var(--line);font-size:.92rem;}
  .cmp-table th,.cmp-table td{
    padding:15px 18px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top;
  }
  .cmp-table thead th{
    background:var(--panel);font-weight:800;font-size:.86rem;
    letter-spacing:.06em;color:var(--main);
  }
  .cmp-table tbody tr:last-child td{border-bottom:none;}
  .cmp-table td:first-child{font-weight:700;white-space:nowrap;}
  .cmp-table .yes{color:var(--main);font-weight:700;}
  .cmp-table .no{color:var(--muted);}
  @media(max-width:700px){
    .cmp-table{font-size:.85rem;}
    .cmp-table th,.cmp-table td{padding:11px 12px;}
  }

  /* 编号清单 */
  .num-list{list-style:none;counter-reset:nl;margin:0;padding:0;}
  .num-list li{
    counter-increment:nl;position:relative;padding:16px 0 16px 54px;
    border-bottom:1px dashed var(--line);
  }
  .num-list li:last-child{border-bottom:none;}
  .num-list li::before{
    content:counter(nl);
    position:absolute;left:0;top:17px;
    width:32px;height:32px;border:1px solid var(--main);border-radius:50%;
    display:flex;align-items:center;justify-content:center;
    font-family:ui-monospace,Menlo,monospace;font-size:.86rem;color:var(--main);
  }
  .num-list strong{display:block;font-size:1rem;font-weight:800;margin-bottom:3px;}
  .num-list p{margin:0;color:var(--muted);font-size:.93rem;}

  /* 预告区块 */
  .trailer-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;}
  @media(max-width:900px){.trailer-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}
  @media(max-width:560px){.trailer-grid{grid-template-columns:1fr;}}
  .tr-card{border:1px solid var(--line);padding:24px;border-radius:3px;background:var(--panel);transition:border-color .25s;}
  .tr-card:hover{border-color:var(--accent);}
  .tr-badge{
    font-family:ui-monospace,Menlo,monospace;font-size:.74rem;
    color:var(--accent);letter-spacing:.1em;display:block;margin-bottom:12px;
  }
  .tr-card h4{margin:0 0 8px;font-size:1.06rem;font-weight:800;}
  .tr-card p{margin:0 0 14px;color:var(--muted);font-size:.9rem;}
  .tr-time{font-size:.8rem;color:var(--main);font-family:ui-monospace,Menlo,monospace;}

  /* FAQ */
  .faq-item{border-bottom:1px solid var(--line);padding:22px 0;}
  .faq-item h4{margin:0 0 10px;font-size:1.02rem;font-weight:800;color:var(--text);}
  .faq-item h4 i{color:var(--main);margin-right:9px;font-size:.86rem;}
  .faq-item p{margin:0;color:var(--muted);font-size:.94rem;}

  /* 友链 */
  .links-box{
    border:1px dashed var(--line-strong);padding:26px;
    display:flex;flex-wrap:wrap;gap:14px 26px;align-items:center;
    font-size:.9rem;color:var(--muted);
  }
  .links-box a:hover{color:var(--main);}

  /* 页脚 */
  footer{padding:56px 0 40px;background:#08110d;}
  .foot-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:38px;margin-bottom:38px;}
  @media(max-width:800px){.foot-grid{grid-template-columns:1fr;gap:26px;}}
  .foot-grid h5{font-size:.9rem;font-weight:800;margin:0 0 14px;letter-spacing:.06em;color:var(--main);}
  .foot-grid ul{list-style:none;margin:0;padding:0;}
  .foot-grid li{margin-bottom:9px;font-size:.89rem;color:var(--muted);}
  .foot-grid li a:hover{color:var(--text);}
  .foot-bottom{
    border-top:1px solid var(--line);padding-top:24px;
    display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;
    font-size:.83rem;color:var(--muted);
  }

  /* 回到顶部 */
  #toTop{
    position:fixed;right:22px;bottom:26px;z-index:1200;
    width:46px;height:46px;border-radius:50%;
    border:1px solid var(--main);background:rgba(10,20,16,.86);color:var(--main);
    font-size:.95rem;cursor:pointer;
    opacity:0;visibility:hidden;transform:translateY(12px);
    transition:opacity .3s,transform .3s,visibility .3s,background .3s,color .3s;
  }
  #toTop.show{opacity:1;visibility:visible;transform:translateY(0);}
  #toTop:hover{background:var(--main);color:#04120d;}

/* --- 子页面追加 --- */
/* 本页专属：剧情速览表 / 单元案件卡 / 时间线 */
  .detail-hero {
    padding:56px 0 24px;
  }
.detail-hero .dh-grid {
    display:grid;
    grid-template-columns:230px 1fr;
    gap:34px;
    align-items:start;
  }
.dh-poster {
    border:1px solid var(--line);
    border-radius:14px;
    overflow:hidden;
    background:var(--panel);
  }
.dh-poster img {width:100%;display:block;aspect-ratio:2/3;object-fit:cover;}
.dh-title {
    font-size:clamp(24px,3.4vw,38px);
    font-weight:800;
    line-height:1.24;
    margin:0 0 14px;
  }
.dh-meta {
    display:flex;flex-wrap:wrap;gap:10px;margin-bottom:18px;
  }
.chip {
    font-size:12.5px;
    padding:5px 11px;
    border:1px solid var(--line-strong);
    border-radius:999px;
    color:var(--muted);
    letter-spacing:.02em;
  }
.chip.on {
    color:var(--main);
    border-color:rgba(16,185,129,.5);
    background:rgba(16,185,129,.1);
  }
.dh-summary {
    color:var(--muted);
    font-size:15px;
    line-height:1.9;
    max-width:70ch;
  }
.score-row {
    display:flex;flex-wrap:wrap;gap:26px;margin-top:22px;
    padding-top:20px;border-top:1px solid var(--line);
  }
.score-item b {
    display:block;font-size:26px;font-weight:800;color:var(--accent);line-height:1.1;
  }
.score-item span {font-size:12.5px;color:var(--muted);}
.fact-table {
    width:100%;border-collapse:collapse;margin-top:8px;
  }
.fact-table th,.fact-table td {
    text-align:left;
    padding:12px 14px;
    font-size:14px;
    border-bottom:1px solid var(--line);
    vertical-align:top;
  }
.fact-table th {
    color:var(--muted);
    font-weight:500;
    width:150px;
    white-space:nowrap;
  }
.fact-table td {color:var(--text);}
.fact-table tr:last-child th,.fact-table tr:last-child td {border-bottom:none;}
.case-list {
    display:grid;
    grid-template-columns:repeat(auto-fill,minmax(280px,1fr));
    gap:16px;
    margin-top:22px;
  }
.case-card {
    border:1px solid var(--line);
    border-radius:12px;
    background:var(--panel);
    padding:18px 18px 16px;
    transition:border-color .2s ease,transform .2s ease;
  }
.case-card:hover {border-color:var(--line-strong);transform:translateY(-2px);}
.case-card .cc-no {
    font-size:12px;color:var(--accent);font-weight:700;letter-spacing:.08em;
  }
.case-card h3 {
    font-size:16px;font-weight:700;margin:8px 0 10px;line-height:1.4;
  }
.case-card p {
    font-size:13.5px;color:var(--muted);line-height:1.8;margin:0;
  }
.timeline {
    margin-top:24px;
    border-left:2px solid var(--line);
    padding-left:22px;
  }
.tl-item {
    position:relative;
    padding-bottom:24px;
  }
.tl-item:last-child {padding-bottom:0;}
.tl-item::before {
    content:"";
    position:absolute;
    left:-29px;top:5px;
    width:12px;height:12px;
    border-radius:50%;
    background:var(--main);
    box-shadow:0 0 0 4px rgba(16,185,129,.16);
  }
.tl-item h4 {
    margin:0 0 6px;font-size:15px;font-weight:700;
  }
.tl-item p {
    margin:0;font-size:13.5px;color:var(--muted);line-height:1.85;
  }
.tl-item .tl-time {
    font-size:12px;color:var(--accent);font-weight:600;letter-spacing:.04em;
  }
.note-box {
    border:1px dashed var(--line-strong);
    border-radius:12px;
    padding:18px 20px;
    margin-top:26px;
    background:rgba(251,191,36,.04);
  }
.note-box p {
    margin:0;font-size:13.5px;color:var(--muted);line-height:1.85;
  }
.note-box p + p {margin-top:10px;}
.detail-hero .dh-grid {grid-template-columns:1fr;gap:22px;}
.dh-poster {max-width:200px;}
.fact-table th {width:104px;font-size:13px;}
.fact-table td {font-size:13px;}

/* --- 子页面追加 --- */
/* 本页专属少量样式，沿用站点配色变量 */
  .tv-hero {padding:64px 0 40px;border-bottom:1px solid var(--line);}
.tv-hero h1 {font-size:clamp(24px,3.6vw,42px);font-weight:800;line-height:1.25;margin:14px 0 16px;letter-spacing:-.01em;}
.tv-hero p.lead {color:var(--muted);font-size:15px;line-height:1.9;max-width:760px;}
.tv-cover {border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--panel);}
.tv-cover img {width:100%;display:block;aspect-ratio:16/9;object-fit:cover;}
.tv-facts {display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1px;background:var(--line);border:1px solid var(--line);border-radius:12px;overflow:hidden;margin-top:22px;}
.tv-facts div {background:var(--bg);padding:14px 16px;}
.tv-facts span {display:block;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:6px;}
.tv-facts strong {font-size:14px;font-weight:600;color:var(--text);}
.ep-grid {display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:16px;margin-top:26px;}
.ep-card {border:1px solid var(--line);border-radius:12px;padding:18px;background:var(--panel);transition:border-color .2s,transform .2s;}
.ep-card:hover {border-color:var(--line-strong);transform:translateY(-2px);}
.ep-no {font-family:'Inter',monospace;font-size:12px;font-weight:700;color:var(--accent);letter-spacing:.1em;}
.ep-card h3 {font-size:15px;font-weight:700;margin:8px 0 8px;color:var(--text);}
.ep-card p {font-size:13px;line-height:1.75;color:var(--muted);margin:0;}
.role-row {display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin-top:26px;}
.role {border:1px solid var(--line);border-radius:12px;padding:18px;background:var(--panel);}
.role .rn {font-weight:700;font-size:15px;color:var(--text);margin-bottom:4px;}
.role .rt {font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--accent);margin-bottom:10px;}
.role p {font-size:13px;line-height:1.8;color:var(--muted);margin:0;}
.watch-tips {margin-top:26px;border:1px solid var(--line);border-radius:12px;overflow:hidden;}
.watch-tips .wt-row {display:grid;grid-template-columns:56px 1fr;border-bottom:1px solid var(--line);}
.watch-tips .wt-row:last-child {border-bottom:0;}
.watch-tips .wt-n {display:flex;align-items:center;justify-content:center;font-family:'Inter',monospace;font-weight:800;color:var(--main);border-right:1px solid var(--line);font-size:16px;}
.watch-tips .wt-c {padding:16px 18px;}
.watch-tips .wt-c b {display:block;font-size:14px;margin-bottom:6px;color:var(--text);}
.watch-tips .wt-c p {margin:0;font-size:13px;line-height:1.8;color:var(--muted);}
.quote-box {margin-top:26px;border-left:3px solid var(--main);background:var(--panel);padding:18px 22px;border-radius:0 12px 12px 0;}
.quote-box p {margin:0;font-size:14px;line-height:1.9;color:var(--text);font-style:italic;}
.quote-box cite {display:block;margin-top:10px;font-size:12px;color:var(--muted);font-style:normal;}
.tv-hero {padding:40px 0 28px;}

/* --- 子页面追加 --- */
/* 本页专属补充样式，配色沿用站点变量 */
  .variety-hero .hero-inner { max-width: 900px; }
.ep-num {
    font-family: 'Inter', monospace;
    font-size: .72rem;
    letter-spacing: .12em;
    color: var(--accent);
    text-transform: uppercase;
  }
.quote-box span { display:block; margin-top:8px; font-size:.78rem; color: var(--muted); letter-spacing:.05em; }
.fact-list { list-style: none; padding: 0; margin: 0; }
.fact-list li {
    display: flex; gap: 14px;
    padding: 13px 0;
    border-bottom: 1px dashed var(--line);
    font-size: .92rem; line-height: 1.7;
  }
.fact-list li:last-child { border-bottom: none; }
.fact-list i { color: var(--main); margin-top: 4px; width: 16px; flex-shrink: 0; }
.fact-list b { color: var(--text); }
.fact-list span { color: var(--muted); }
.cta-strip {
    border: 1px solid var(--line);
    background: var(--panel);
    border-radius: 16px;
    padding: 30px 26px;
    display: flex; flex-wrap: wrap; gap: 18px;
    align-items: center; justify-content: space-between;
  }
.cta-strip h3 { margin: 0 0 6px; font-size: 1.15rem; color: var(--text); font-weight: 700; }
.cta-strip p { margin: 0; color: var(--muted); font-size: .88rem; }
.cta-strip { padding: 22px 18px; }

/* --- 子页面追加 --- */
.anime-hero { position: relative; overflow: hidden; border-bottom: 1px solid var(--line); }
.anime-hero .hero-bg { position: absolute; inset: 0; background: radial-gradient(circle at 78% 30%, rgba(16,185,129,.20), transparent 55%), radial-gradient(circle at 12% 78%, rgba(251,191,36,.12), transparent 50%); z-index: -1; }
.anime-hero-inner { max-width: 1180px; margin: 0 auto; padding: 92px 22px 66px; }
.anime-tag { display: inline-flex; align-items: center; gap: 8px; font-size: .74rem; letter-spacing: .16em; text-transform: uppercase; color: var(--accent); border: 1px solid var(--line-strong); border-radius: 999px; padding: 6px 16px; margin-bottom: 22px; }
.anime-hero h1 { font-size: clamp(1.9rem, 4.2vw, 3.1rem); font-weight: 800; line-height: 1.18; letter-spacing: -.01em; margin: 0 0 18px; }
.anime-hero h1 em { font-style: normal; color: var(--main); }
.anime-hero p.lead { max-width: 720px; color: var(--muted); line-height: 1.85; font-size: 1.02rem; margin-bottom: 26px; }
.meta-chips { display: flex; flex-wrap: wrap; gap: 10px; }
.chip i { color: var(--main); margin-right: 6px; }
.sec-block { padding: 62px 0; border-bottom: 1px solid var(--line); }
.sec-block:last-of-type { border-bottom: 0; }
.char-row { display: flex; gap: 16px; align-items: flex-start; padding: 18px 0; border-bottom: 1px dashed var(--line); }
.char-row:last-child { border-bottom: 0; }
.char-av { flex: 0 0 46px; height: 46px; border-radius: 12px; display: grid; place-items: center; background: rgba(16,185,129,.12); border: 1px solid var(--line-strong); color: var(--main); font-size: 1.1rem; }
.char-row h4 { margin: 0 0 4px; font-size: .98rem; font-weight: 700; }
.char-row h4 span { font-size: .76rem; color: var(--muted); font-weight: 400; margin-left: 8px; }
.char-row p { margin: 0; font-size: .87rem; color: var(--muted); line-height: 1.75; }
.note-box h3 { font-size: 1rem; font-weight: 700; margin: 0 0 10px; }
.fact-list li span:first-child { color: var(--muted); }
.fact-list li span:last-child { color: var(--text); font-weight: 600; text-align: right; }
.faq-item:last-child { border-bottom: 0; }
.anime-hero-inner { padding: 68px 18px 48px; }
.sec-block { padding: 46px 0; }

/* --- 子页面追加 --- */
.doc-hero {padding:120px 0 48px;position:relative;overflow:hidden}
.doc-hero::before {content:"";position:absolute;inset:0;background:radial-gradient(700px 380px at 15% 0%,rgba(16,185,129,.18),transparent 65%);pointer-events:none}
.doc-hero .wrap {position:relative;z-index:2}
.doc-title {font-size:clamp(1.7rem,4vw,2.85rem);font-weight:800;line-height:1.22;letter-spacing:-.01em;margin:16px 0 14px}
.doc-title em {font-style:normal;color:var(--accent)}
.doc-lead {max-width:760px;color:var(--muted);font-size:1.02rem;line-height:1.85}
.doc-meta {display:flex;flex-wrap:wrap;gap:10px 22px;margin-top:22px;font-size:.86rem;color:var(--muted)}
.doc-meta span i {color:var(--main);margin-right:6px}
.doc-body {padding:8px 0 72px}
.doc-grid {display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:40px;align-items:start}
.doc-sec {margin-bottom:52px}
.doc-sec h2 {font-size:1.32rem;font-weight:700;line-height:1.4;margin-bottom:16px;padding-left:14px;border-left:3px solid var(--main)}
.doc-sec h3 {font-size:1.05rem;font-weight:650;margin:24px 0 10px;color:var(--text)}
.doc-sec p {color:rgba(236,253,245,.82);line-height:1.95;font-size:.96rem;margin-bottom:14px}
.doc-sec p strong {color:var(--accent);font-weight:600}
.figure {margin:26px 0;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--panel)}
.figure img {width:100%;display:block;aspect-ratio:16/9;object-fit:cover}
.figure figcaption {padding:12px 16px;font-size:.82rem;color:var(--muted);border-top:1px solid var(--line)}
.quote {border-left:3px solid var(--accent);background:var(--panel);padding:20px 22px;border-radius:0 12px 12px 0;margin:24px 0}
.quote p {font-style:italic;color:var(--text);margin-bottom:8px}
.quote cite {font-size:.82rem;color:var(--muted);font-style:normal}
.fact {border:1px solid var(--line);border-radius:12px;padding:16px 18px;background:var(--panel)}
.fact b {display:block;font-size:1.4rem;font-weight:800;color:var(--main);line-height:1.2}
.fact span {display:block;font-size:.8rem;color:var(--muted);margin-top:6px}
.timeline li {position:relative;padding:0 0 22px 26px;border-left:1px solid var(--line-strong)}
.timeline li:last-child {border-left-color:transparent;padding-bottom:0}
.timeline li::before {content:"";position:absolute;left:-5px;top:5px;width:9px;height:9px;border-radius:50%;background:var(--main);box-shadow:0 0 0 4px rgba(16,185,129,.15)}
.timeline b {display:block;font-size:.9rem;color:var(--text);margin-bottom:4px}
.timeline span {font-size:.86rem;color:var(--muted);line-height:1.75;display:block}
.side-card {border:1px solid var(--line);border-radius:14px;background:var(--panel);padding:20px;margin-bottom:22px}
.side-card h4 {font-size:.95rem;font-weight:700;margin-bottom:14px}
.side-card h4 i {color:var(--main);margin-right:8px}
.side-list {list-style:none;padding:0;margin:0}
.side-list li {padding:11px 0;border-bottom:1px dashed var(--line)}
.side-list li:last-child {border-bottom:0;padding-bottom:0}
.side-list a {display:flex;justify-content:space-between;gap:12px;color:var(--text);text-decoration:none;font-size:.88rem;transition:color .2s}
.side-list a:hover {color:var(--main)}
.side-list a span {color:var(--muted);font-size:.78rem;flex-shrink:0}
.tag-row {display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.tag-row a {font-size:.76rem;padding:5px 11px;border:1px solid var(--line-strong);border-radius:999px;color:var(--muted);text-decoration:none;transition:.2s}
.tag-row a:hover {border-color:var(--main);color:var(--main)}
.cta-box {margin-top:26px;border:1px solid var(--line-strong);border-radius:14px;padding:24px;background:linear-gradient(135deg,rgba(16,185,129,.12),transparent)}
.cta-box p {font-size:.9rem;color:var(--muted);margin-bottom:16px}
.doc-grid {grid-template-columns:1fr;gap:0}
.doc-hero {padding:100px 0 36px}

/* --- 子页面追加 --- */
.about-hero {padding:120px 0 60px;}
.about-hero h1 {font-size:clamp(1.9rem,4.4vw,3.1rem);font-weight:800;line-height:1.2;letter-spacing:-.02em;margin:18px 0 18px;}
.about-hero h1 em {font-style:normal;color:var(--accent);}
.about-lead {max-width:760px;color:var(--muted);font-size:1.03rem;line-height:1.95;}
.about-sec {padding:56px 0;border-top:1px solid var(--line);}
.about-sec .sec-title {margin-bottom:14px;}
.about-sec p {color:var(--muted);line-height:2;margin-bottom:16px;font-size:.98rem;}
.about-sec p strong {color:var(--text);font-weight:600;}
.fact-grid {display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:34px;}
.fact-box {background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:22px 20px;}
.fact-box .num {font-size:1.7rem;font-weight:800;color:var(--main);letter-spacing:-.02em;}
.fact-box .lbl {color:var(--muted);font-size:.84rem;margin-top:6px;line-height:1.6;}
.val-list {list-style:none;padding:0;margin:22px 0 0;display:grid;grid-template-columns:repeat(2,1fr);gap:14px;}
.val-list li {background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:20px 22px;display:flex;gap:14px;align-items:flex-start;}
.val-list li i {color:var(--accent);font-size:1.1rem;margin-top:4px;flex:none;}
.val-list li b {display:block;color:var(--text);font-size:.98rem;margin-bottom:6px;font-weight:600;}
.val-list li span {color:var(--muted);font-size:.88rem;line-height:1.8;}
.diff-row {display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:30px;}
.diff-card {background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:26px 24px;}
.diff-card i {font-size:1.4rem;color:var(--main);}
.diff-card h3 {font-size:1.04rem;font-weight:700;color:var(--text);margin:16px 0 10px;}
.diff-card p {color:var(--muted);font-size:.9rem;line-height:1.9;margin:0;}
.cat-table {margin-top:28px;border:1px solid var(--line);border-radius:16px;overflow:hidden;}
.cat-row {display:grid;grid-template-columns:170px 1fr;gap:0;border-bottom:1px solid var(--line);}
.cat-row:last-child {border-bottom:none;}
.cat-row .c-name {padding:18px 20px;background:var(--panel);color:var(--text);font-weight:600;font-size:.94rem;display:flex;align-items:center;gap:10px;}
.cat-row .c-name i {color:var(--main);}
.cat-row .c-desc {padding:18px 22px;color:var(--muted);font-size:.9rem;line-height:1.85;}
.cat-row .c-desc a {color:var(--main);text-decoration:none;border-bottom:1px dashed var(--line-strong);}
.cat-row .c-desc a:hover {color:var(--accent);}
.road-box {background:var(--panel);border:1px solid var(--line);border-left:3px solid var(--main);border-radius:0 14px 14px 0;padding:24px 26px;margin-top:28px;}
.road-box p {margin:0;color:var(--muted);line-height:2;font-size:.95rem;}
.road-box p b {color:var(--text);}
.cta-band {margin:60px 0 20px;background:var(--panel);border:1px solid var(--line);border-radius:20px;padding:44px 36px;text-align:center;}
.cta-band h2 {font-size:clamp(1.3rem,2.6vw,1.8rem);font-weight:800;color:var(--text);margin-bottom:14px;letter-spacing:-.01em;}
.cta-band p {color:var(--muted);max-width:620px;margin:0 auto 26px;line-height:1.9;font-size:.95rem;}
.cta-actions {display:flex;gap:14px;justify-content:center;flex-wrap:wrap;}
.cta-actions .btn-line {padding:12px 26px;border-radius:999px;border:1px solid var(--line-strong);color:var(--text);text-decoration:none;font-size:.92rem;font-weight:600;transition:.25s;display:inline-flex;align-items:center;gap:8px;}
.cta-actions .btn-line:hover {border-color:var(--main);color:var(--main);}
.cta-actions .btn-fill {background:var(--main);border:1px solid var(--main);color:#04211a;}
.cta-actions .btn-fill:hover {background:var(--accent);border-color:var(--accent);color:#2b1a02;}
.fact-grid {grid-template-columns:repeat(2,1fr);}
.val-list {grid-template-columns:1fr;}
.diff-row {grid-template-columns:1fr;}
.cat-row {grid-template-columns:1fr;}
.cat-row .c-name {border-bottom:1px solid var(--line);}
.about-hero {padding:96px 0 44px;}

/* --- 子页面追加 --- */
/* 本页专属补充样式，沿用首页配色变量 */
    body { background: var(--bg); color: var(--text); font-family: 'Inter',-apple-system,"PingFang SC","Microsoft YaHei",sans-serif; }
.guide-hero { padding: 72px 0 40px; position: relative; overflow: hidden; }
.guide-hero::before {
        content: "";
        position: absolute; inset: 0;
        background: radial-gradient(900px 420px at 12% -10%, rgba(16,185,129,.18), transparent 60%),
                    radial-gradient(700px 360px at 92% 0%, rgba(251,191,36,.10), transparent 62%);
        pointer-events: none;
    }
.guide-hero .wrap { position: relative; z-index: 2; }
.guide-hero h1 { font-size: clamp(1.9rem, 4.4vw, 3rem); font-weight: 900; line-height: 1.22; letter-spacing: -.02em; margin: 16px 0 14px; }
.guide-hero h1 em { font-style: normal; color: var(--main); }
.guide-lead { color: var(--muted); font-size: 1.02rem; line-height: 1.9; max-width: 780px; }
.toc { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 26px; }
.toc a {
        font-size: .85rem; color: var(--text); text-decoration: none;
        border: 1px solid var(--line); border-radius: 999px; padding: 7px 15px;
        background: var(--panel); transition: .22s;
    }
.toc a:hover { border-color: var(--main); color: var(--main); transform: translateY(-2px); }
.g-section { padding: 46px 0; border-top: 1px solid var(--line); }
.g-section h2 { font-size: clamp(1.35rem, 2.7vw, 1.85rem); font-weight: 800; letter-spacing: -.015em; margin-bottom: 8px; }
.g-section h2 span { color: var(--main); }
.g-sub { color: var(--muted); font-size: .95rem; margin-bottom: 26px; line-height: 1.85; }
.g-section h3 { font-size: 1.06rem; font-weight: 700; margin: 0 0 8px; }
.g-section p { color: var(--muted); line-height: 1.9; font-size: .95rem; }
.g-card {
        background: var(--panel);
        border: 1px solid var(--line);
        border-radius: 14px;
        padding: 22px 20px;
        height: 100%;
        transition: .24s;
    }
.g-card:hover { border-color: var(--line-strong); transform: translateY(-3px); }
.g-ico {
        width: 40px; height: 40px; border-radius: 11px;
        display: inline-flex; align-items: center; justify-content: center;
        background: rgba(16,185,129,.14); color: var(--main);
        font-size: 1rem; margin-bottom: 14px;
    }
.g-ico.gold { background: rgba(251,191,36,.14); color: var(--accent); }
.steps { counter-reset: step; }
.step-item {
        display: flex; gap: 18px; padding: 20px 0;
        border-bottom: 1px dashed var(--line);
    }
.step-item:last-child { border-bottom: none; }
.step-num {
        flex: 0 0 40px; width: 40px; height: 40px; border-radius: 50%;
        display: flex; align-items: center; justify-content: center;
        font-weight: 800; font-size: .95rem;
        background: var(--main); color: #04231a;
    }
.step-body h3 { margin-bottom: 6px; }
.tip-box {
        border-left: 3px solid var(--accent);
        background: rgba(251,191,36,.06);
        border-radius: 0 12px 12px 0;
        padding: 16px 18px;
        margin-top: 18px;
    }
.tip-box p { color: var(--text); font-size: .92rem; margin: 0; }
.tip-box strong { color: var(--accent); }
.faq-item h3 { display: flex; gap: 10px; align-items: flex-start; }
.faq-item h3 i { color: var(--main); font-size: .85rem; margin-top: 5px; }
.mono.tag { color: var(--main); font-size: .8rem; letter-spacing: .08em; text-transform: uppercase; }
.guide-hero { padding: 48px 0 30px; }
.g-section { padding: 34px 0; }
.step-num { flex-basis: 34px; width: 34px; height: 34px; font-size: .85rem; }

/* --- 子页面追加 --- */
.rule-block {background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:26px 24px;margin-bottom:22px}
.rule-block h3 {margin:0 0 14px;font-size:1.12rem;font-weight:800;color:var(--text);display:flex;align-items:center;gap:10px}
.rule-block h3 i {color:var(--accent)}
.rule-block p {color:var(--muted);line-height:1.85;margin:0 0 12px;font-size:.95rem}
.rule-block ul {margin:0;padding-left:20px;color:var(--muted);line-height:1.9;font-size:.95rem}
.rule-block ul li {margin-bottom:6px}
.rule-block strong {color:var(--text);font-weight:600}
.rank-board {display:flex;flex-direction:column;gap:12px}
.board-row {display:flex;align-items:center;gap:16px;padding:14px 18px;background:var(--panel);border:1px solid var(--line);border-radius:14px;transition:.25s;text-decoration:none}
.board-row:hover {border-color:var(--line-strong);transform:translateX(4px)}
.board-no {font-family:'Inter',monospace;font-size:1.25rem;font-weight:900;color:var(--accent);width:34px;flex-shrink:0;text-align:center}
.board-row:nth-child(1) .board-no {color:var(--main)}
.board-info {flex:1;min-width:0}
.board-name {color:var(--text);font-weight:700;font-size:.98rem;margin:0 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.board-tag {color:var(--muted);font-size:.78rem;font-family:'Inter',monospace}
.board-score {flex-shrink:0;font-family:'Inter',monospace;font-size:.86rem;color:var(--main);font-weight:700}
.qa-item {border-bottom:1px solid var(--line);padding:20px 0}
.qa-item:last-child {border-bottom:0}
.qa-q {color:var(--text);font-weight:700;font-size:1rem;margin:0 0 10px;display:flex;gap:10px}
.qa-q i {color:var(--accent);margin-top:4px}
.qa-a {color:var(--muted);font-size:.93rem;line-height:1.85;margin:0;padding-left:26px}
.data-table {width:100%;border-collapse:collapse;font-size:.9rem}
.data-table th,.data-table td {padding:12px 14px;text-align:left;border-bottom:1px solid var(--line)}
.data-table th {color:var(--accent);font-weight:700;font-size:.82rem;letter-spacing:.04em;text-transform:uppercase}
.data-table td {color:var(--muted);line-height:1.6}
.data-table td:first-child {color:var(--text);font-weight:600}
.table-wrap {border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--panel)}
.rule-block {padding:20px 16px}
.board-row {padding:12px 14px;gap:12px}
.board-score {font-size:.78rem}
.data-table th,.data-table td {padding:10px 10px;font-size:.82rem}