:root{
  --main:#6d5dfc;
  --accent:#22d3ee;
  --bg:#0f1020;
  --text:#e8eaf6;
  --line:rgba(232,234,246,.10);
  --card:rgba(255,255,255,.035);
  --card2:rgba(255,255,255,.06);
  --radius:8px;
}
*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  background:var(--bg);
  color:var(--text);
  font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;
  font-size:14px;
  line-height:1.6;
  margin:0;
  overflow-x:hidden;
}
body::before{
  content:"";
  position:fixed;
  inset:0;
  background:
    radial-gradient(900px 500px at 12% -8%,rgba(109,93,252,.28),transparent 62%),
    radial-gradient(720px 420px at 92% 4%,rgba(34,211,238,.16),transparent 60%),
    radial-gradient(900px 700px at 50% 108%,rgba(109,93,252,.12),transparent 65%);
  pointer-events:none;
  z-index:0;
}
a{text-decoration:none;color:inherit;}
.container-x{max-width:1240px;margin:0 auto;padding:0 16px;position:relative;z-index:2;}
h1,h2,h3,h4,h5{font-weight:800;letter-spacing:-.01em;}

/* ===== NAV ===== */
.nav-bar{
  position:sticky;top:0;z-index:60;
  background:rgba(15,16,32,.86);
  backdrop-filter:blur(14px);
  border-bottom:1px solid var(--line);
}
.nav-inner{display:flex;align-items:center;gap:18px;height:58px;}
.brand{font-size:19px;font-weight:900;white-space:nowrap;display:flex;align-items:center;gap:7px;}
.brand i{color:var(--accent);font-size:16px;}
.brand span.grad{background:linear-gradient(92deg,var(--main),var(--accent));-webkit-background-clip:text;background-clip:text;color:transparent;}
.nav-links{display:flex;gap:2px;flex:1;overflow:hidden;}
.nav-links a{
  padding:6px 11px;border-radius:var(--radius);font-size:13.5px;font-weight:600;
  color:rgba(232,234,246,.72);white-space:nowrap;transition:.2s;
}
.nav-links a:hover{background:var(--card2);color:var(--text);}
.nav-links a.on{color:var(--accent);background:rgba(34,211,238,.10);}
.nav-search{
  display:flex;align-items:center;gap:6px;background:var(--card);border:1px solid var(--line);
  border-radius:var(--radius);padding:5px 10px;min-width:170px;
}
.nav-search i{color:rgba(232,234,246,.45);font-size:12px;}
.nav-search input{background:transparent;border:0;outline:0;color:var(--text);font-size:13px;width:100%;}
.nav-toggle{display:none;background:var(--card);border:1px solid var(--line);color:var(--text);border-radius:var(--radius);padding:6px 11px;}
.mobile-panel{display:none;border-top:1px solid var(--line);padding:8px 0 12px;}
.mobile-panel a{display:block;padding:9px 6px;border-radius:var(--radius);font-size:14px;font-weight:600;color:rgba(232,234,246,.8);}
.mobile-panel a:hover{background:var(--card2);}
@media(max-width:991px){
  .nav-links,.nav-search{display:none;}
  .nav-toggle{display:block;}
  .mobile-panel.show{display:block;}
}

/* ===== HERO SLIDER ===== */
.hero-sec{padding:24px 0 10px;}
.slider{
  position:relative;border-radius:12px;overflow:hidden;border:1px solid var(--line);
  background:linear-gradient(115deg,#191a35,#131428 60%,#0f1020);
  min-height:330px;
}
.slide{
  position:absolute;inset:0;opacity:0;transition:opacity .7s ease;
  display:flex;align-items:center;padding:34px 40px;gap:26px;
}
.slide.on{opacity:1;}
.slide::after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(100deg,rgba(15,16,32,.94) 6%,rgba(15,16,32,.62) 52%,rgba(15,16,32,.15));
  z-index:0;
}
.slide-body{position:relative;z-index:2;max-width:600px;}
.slide-tag{
  display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:700;
  color:var(--accent);background:rgba(34,211,238,.12);border:1px solid rgba(34,211,238,.28);
  padding:3px 9px;border-radius:999px;margin-bottom:12px;letter-spacing:.04em;
}
.slide-body h1{font-size:clamp(22px,4vw,38px);line-height:1.2;margin:0 0 12px;}
.slide-body h1 em{font-style:normal;background:linear-gradient(92deg,var(--main),var(--accent));-webkit-background-clip:text;background-clip:text;color:transparent;}
.slide-body p{color:rgba(232,234,246,.7);font-size:13.5px;margin:0 0 18px;max-width:520px;}
.btn-g{
  display:inline-flex;align-items:center;gap:7px;padding:9px 20px;border-radius:var(--radius);
  background:linear-gradient(92deg,var(--main),#8b7bff);color:#fff;font-weight:700;font-size:13.5px;
  border:0;transition:.22s;box-shadow:0 6px 20px -10px var(--main);
}
.btn-g:hover{transform:translateY(-2px);color:#fff;box-shadow:0 12px 26px -12px var(--main);}
.btn-o{
  display:inline-flex;align-items:center;gap:7px;padding:8px 19px;border-radius:var(--radius);
  background:transparent;color:var(--text);font-weight:700;font-size:13.5px;
  border:1px solid rgba(232,234,246,.28);transition:.22s;
}
.btn-o:hover{background:var(--card2);border-color:var(--accent);color:var(--accent);}
.dots{position:absolute;left:40px;bottom:22px;display:flex;gap:7px;z-index:5;}
.dots button{width:22px;height:4px;border-radius:2px;border:0;background:rgba(232,234,246,.25);cursor:pointer;transition:.25s;padding:0;}
.dots button.on{width:36px;background:linear-gradient(92deg,var(--main),var(--accent));}
@media(max-width:700px){.slide{padding:24px 20px;}.dots{left:20px;bottom:16px;}}

/* ===== SECTION ===== */
.sec{padding:30px 0 6px;}
.sec-head{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin-bottom:16px;border-bottom:1px solid var(--line);padding-bottom:11px;}
.sec-head h2{font-size:19px;margin:0;display:flex;align-items:center;gap:9px;}
.sec-head h2 i{color:var(--main);font-size:16px;}
.sec-head h2 b{font-weight:800;}
.sec-head .more{font-size:12.5px;color:rgba(232,234,246,.5);font-weight:600;white-space:nowrap;}
.sec-head .more:hover{color:var(--accent);}

/* reveal */
.rv{opacity:0;transform:translateY(22px);transition:opacity .6s ease,transform .6s ease;}
.rv.in{opacity:1;transform:none;}

/* ===== CATEGORY ENTRY ===== */
.cat-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;}
.cat-item{
  background:var(--card);border:1px solid var(--line);border-radius:var(--radius);
  padding:14px 12px;text-align:center;transition:.22s;position:relative;overflow:hidden;
}
.cat-item:hover{background:var(--card2);border-color:rgba(109,93,252,.55);transform:translateY(-3px);}
.cat-item i{display:block;font-size:19px;margin-bottom:7px;color:var(--accent);}
.cat-item span{font-size:13px;font-weight:700;}
.cat-item small{display:block;color:rgba(232,234,246,.42);font-size:11px;margin-top:2px;}
@media(max-width:820px){.cat-grid{grid-template-columns:repeat(3,1fr);}}

/* ===== RAIL (horizontal scroll) ===== */
.rail-wrap{position:relative;}
.rail{
  display:flex;gap:12px;overflow-x:auto;padding:2px 2px 12px;scroll-behavior:smooth;
  scrollbar-width:thin;scrollbar-color:rgba(109,93,252,.5) transparent;
}
.rail::-webkit-scrollbar{height:6px;}
.rail::-webkit-scrollbar-thumb{background:rgba(109,93,252,.45);border-radius:8px;}
.rail::-webkit-scrollbar-track{background:transparent;}
.rail-nav{display:flex;gap:6px;}
.rail-nav button{
  width:28px;height:28px;border-radius:var(--radius);border:1px solid var(--line);
  background:var(--card);color:var(--text);font-size:11px;transition:.2s;
}
.rail-nav button:hover{background:var(--main);border-color:var(--main);color:#fff;}
.rail .m-card{flex:0 0 168px;}

/* ===== MOVIE CARD + FLIP ===== */
.m-card{perspective:1200px;}
.m-card .flip{
  position:relative;width:100%;aspect-ratio:2/3;transform-style:preserve-3d;
  transition:transform .62s cubic-bezier(.4,.15,.2,1);cursor:pointer;
}
.m-card.flipped .flip{transform:rotateY(180deg);}
.face{
  position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;
  border-radius:var(--radius);overflow:hidden;border:1px solid var(--line);
  background:linear-gradient(160deg,#1a1b33,#12132a);
}
.face img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease;}
.m-card:hover .face img{transform:scale(1.07);}
.overlay{
  position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(15,16,32,0) 32%,rgba(15,16,32,.72) 66%,rgba(15,16,32,.96));
  opacity:.92;transition:.28s;display:flex;flex-direction:column;justify-content:flex-end;padding:9px;
}
.m-card .play{
  position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(.6);
  width:42px;height:42px;border-radius:50%;background:rgba(109,93,252,.9);
  display:flex;align-items:center;justify-content:center;color:#fff;font-size:14px;
  opacity:0;transition:.3s;box-shadow:0 8px 24px -8px #000;
}
.m-card:hover .play{opacity:1;transform:translate(-50%,-50%) scale(1);}
.badge-rate{
  position:absolute;top:7px;left:7px;background:rgba(15,16,32,.82);border:1px solid rgba(34,211,238,.35);
  color:var(--accent);font-size:11px;font-weight:800;padding:2px 6px;border-radius:var(--radius);z-index:3;
}
.badge-tag{
  position:absolute;top:7px;right:7px;background:rgba(109,93,252,.86);color:#fff;
  font-size:10.5px;font-weight:700;padding:2px 6px;border-radius:var(--radius);z-index:3;
}
.ttl{font-size:13px;font-weight:700;line-height:1.35;margin:0 0 3px;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;}
.sub{font-size:11px;color:rgba(232,234,246,.55);margin:0;}
.face.back{
  transform:rotateY(180deg);padding:11px;display:flex;flex-direction:column;gap:5px;
  background:linear-gradient(160deg,#20214a,#141531);overflow-y:auto;
}
.face.back h4{font-size:12.5px;margin:0 0 2px;line-height:1.3;}
.bk-row{font-size:11px;color:rgba(232,234,246,.72);line-height:1.45;}
.bk-row b{color:var(--accent);font-weight:700;}
.bk-plot{font-size:11px;color:rgba(232,234,246,.6);line-height:1.5;overflow:hidden;}
.bk-close{
  margin-top:auto;align-self:flex-start;background:rgba(255,255,255,.09);border:1px solid var(--line);
  color:var(--text);font-size:10.5px;padding:3px 9px;border-radius:var(--radius);
}

/* ===== GRID ===== */
.grid-m{display:grid;gap:13px;grid-template-columns:repeat(6,1fr);}
@media(max-width:1100px){.grid-m{grid-template-columns:repeat(4,1fr);}}
@media(max-width:680px){.grid-m{grid-template-columns:repeat(3,1fr);gap:9px;}}
@media(max-width:420px){.grid-m{grid-template-columns:repeat(2,1fr);}}

/* ===== RANKING ===== */
.rank-box{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:6px 6px;}
.rank-row{
  display:flex;align-items:center;gap:11px;padding:9px 9px;border-radius:var(--radius);
  transition:.2s;border-bottom:1px solid var(--line);
}
.rank-row:last-child{border-bottom:0;}
.rank-row:hover{background:var(--card2);}
.rank-no{
  width:24px;height:24px;flex:0 0 24px;border-radius:6px;display:flex;align-items:center;justify-content:center;
  font-size:12px;font-weight:900;background:rgba(255,255,255,.07);color:rgba(232,234,246,.62);
}
.rank-row:nth-child(1) .rank-no{background:linear-gradient(135deg,#f7b733,#fc4a1a);color:#fff;}
.rank-row:nth-child(2) .rank-no{background:linear-gradient(135deg,#a8b8d8,#6c7f9e);color:#fff;}
.rank-row:nth-child(3) .rank-no{background:linear-gradient(135deg,#d98a4e,#a2603a);color:#fff;}
.rank-row:nth-child(-n+3) .rank-no{box-shadow:0 4px 14px -6px rgba(0,0,0,.7);}
.rank-thumb{width:38px;height:54px;flex:0 0 38px;border-radius:5px;overflow:hidden;border:1px solid var(--line);}
.rank-thumb img{width:100%;height:100%;object-fit:cover;display:block;}
.rank-info{flex:1;min-width:0;}
.rank-info p{margin:0;font-size:13px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.rank-info small{color:rgba(232,234,246,.45);font-size:11px;}
.rank-score{font-size:13px;font-weight:900;color:var(--accent);white-space:nowrap;}

/* ===== 心情标签 ===== */
.mood-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px;}
.mood-tabs button{
  background:var(--card);border:1px solid var(--line);color:rgba(232,234,246,.75);
  padding:6px 14px;border-radius:999px;font-size:12.5px;font-weight:700;transition:.2s;
}
.mood-tabs button:hover{border-color:var(--main);color:var(--text);}
.mood-tabs button.on{background:linear-gradient(92deg,var(--main),#8b7bff);border-color:transparent;color:#fff;}
.mood-pane{display:none;}
.mood-pane.on{display:block;animation:fadeUp .45s ease;}
@keyframes fadeUp{from{opacity:0;transform:translateY(12px);}to{opacity:1;transform:none;}}
.mood-note{font-size:12.5px;color:rgba(232,234,246,.55);margin:0 0 12px;}

/* ===== 图标列表 ===== */
.feat-list{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;}
.feat-item{
  display:flex;gap:11px;background:var(--card);border:1px solid var(--line);
  border-radius:var(--radius);padding:12px;transition:.2s;
}
.feat-item:hover{border-color:rgba(34,211,238,.42);background:var(--card2);}
.feat-item i{color:var(--main);font-size:16px;margin-top:2px;flex:0 0 auto;}
.feat-item h5{margin:0 0 3px;font-size:13.5px;}
.feat-item p{margin:0;font-size:12px;color:rgba(232,234,246,.58);line-height:1.55;}
@media(max-width:760px){.feat-list{grid-template-columns:1fr;}}

/* ===== Accordion ===== */
.acc{border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:var(--card);}
.acc-item{border-bottom:1px solid var(--line);}
.acc-item:last-child{border-bottom:0;}
.acc-q{
  width:100%;text-align:left;background:transparent;border:0;color:var(--text);
  padding:13px 15px;font-size:13.5px;font-weight:700;display:flex;justify-content:space-between;gap:12px;align-items:center;
  transition:.2s;
}
.acc-q:hover{background:var(--card2);}
.acc-q i{color:var(--accent);font-size:12px;transition:transform .3s;flex:0 0 auto;}
.acc-item.open .acc-q i{transform:rotate(180deg);}
.acc-a{max-height:0;overflow:hidden;transition:max-height .35s ease;}
.acc-a p{margin:0;padding:0 15px 14px;font-size:12.8px;color:rgba(232,234,246,.65);line-height:1.72;}

/* ===== 专题 ===== */
.topic-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;}
.topic{
  border:1px solid var(--line);border-radius:var(--radius);padding:16px;
  background:linear-gradient(150deg,rgba(109,93,252,.16),rgba(34,211,238,.06) 70%,transparent);
  transition:.24s;
}
.topic:hover{transform:translateY(-4px);border-color:rgba(109,93,252,.6);}
.topic i{font-size:18px;color:var(--accent);}
.topic h4{font-size:15px;margin:10px 0 6px;}
.topic p{font-size:12.3px;color:rgba(232,234,246,.6);margin:0 0 10px;line-height:1.6;}
.topic span{font-size:11.5px;color:var(--accent);font-weight:700;}
@media(max-width:820px){.topic-grid{grid-template-columns:1fr;}}

/* ===== 友链 / 页脚 ===== */
.friend{
  border-top:1px solid var(--line);border-bottom:1px solid var(--line);
  padding:20px 0;margin-top:34px;
}
.friend h3{font-size:13.5px;margin:0 0 10px;color:rgba(232,234,246,.8);display:flex;align-items:center;gap:7px;}
.friend h3 i{color:var(--main);font-size:12px;}
.friend-line{font-size:12.5px;color:rgba(232,234,246,.5);line-height:2;word-break:break-all;}
footer{padding:26px 0 34px;font-size:12.5px;color:rgba(232,234,246,.5);}
.foot-inner{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;}
footer a{color:rgba(232,234,246,.65);}
footer a:hover{color:var(--accent);}
.foot-links{display:flex;gap:14px;flex-wrap:wrap;}
.toast-tip{
  position:fixed;left:50%;bottom:26px;transform:translateX(-50%) translateY(20px);
  background:rgba(109,93,252,.95);color:#fff;padding:8px 18px;border-radius:999px;font-size:12.5px;
  font-weight:600;opacity:0;pointer-events:none;transition:.3s;z-index:90;
}
.toast-tip.show{opacity:1;transform:translateX(-50%) translateY(0);}

/* --- 子页面追加 --- */
/* ===== 本页专属少量样式 ===== */
  body {background:var(--bg);color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;}
.g-wrap {max-width:1120px;margin:0 auto;padding:0 18px;}
.g-hero {padding:64px 0 40px;border-bottom:1px solid var(--line);}
.g-hero h1 {font-size:clamp(26px,4.2vw,44px);font-weight:800;line-height:1.25;margin:0 0 16px;}
.g-hero h1 em {font-style:normal;background:linear-gradient(90deg,var(--main),var(--accent));-webkit-background-clip:text;background-clip:text;color:transparent;}
.g-hero p {color:rgba(232,234,246,.72);font-size:16px;line-height:1.9;max-width:760px;margin:0;}
.g-kicker {display:inline-flex;align-items:center;gap:8px;font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin-bottom:18px;font-weight:600;}
.g-sec {padding:52px 0;border-bottom:1px solid var(--line);}
.g-sec h2 {font-size:clamp(20px,2.6vw,28px);font-weight:800;margin:0 0 10px;line-height:1.35;}
.g-sec h2 span {color:var(--accent);}
.g-sec .g-sub {color:rgba(232,234,246,.6);font-size:15px;line-height:1.85;margin:0 0 28px;max-width:820px;}
.g-sec h3 {font-size:17px;font-weight:700;margin:0 0 10px;}
.g-card {background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:22px 20px;height:100%;transition:.25s;}
.g-card:hover {background:var(--card2);border-color:rgba(109,93,252,.45);transform:translateY(-3px);}
.g-card .g-ico {width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:rgba(109,93,252,.16);color:var(--accent);font-size:17px;margin-bottom:14px;}
.g-card p {color:rgba(232,234,246,.68);font-size:14px;line-height:1.85;margin:0;}
.g-step {display:flex;gap:18px;padding:20px 0;border-bottom:1px dashed var(--line);}
.g-step:last-child {border-bottom:0;}
.g-num {flex:0 0 38px;height:38px;border-radius:50%;background:linear-gradient(135deg,var(--main),var(--accent));color:#fff;font-weight:800;display:flex;align-items:center;justify-content:center;font-size:15px;}
.g-step p {color:rgba(232,234,246,.7);font-size:14.5px;line-height:1.9;margin:6px 0 0;}
.g-step strong {color:var(--text);}
.g-faq {background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:4px 20px;}
.g-faq details {border-bottom:1px solid var(--line);}
.g-faq details:last-child {border-bottom:0;}
.g-faq summary {cursor:pointer;padding:18px 0;font-weight:600;font-size:15.5px;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:14px;}
.g-faq summary::-webkit-details-marker {display:none;}
.g-faq summary::after {content:"\f067";font-family:"Font Awesome 6 Free";font-weight:900;font-size:12px;color:var(--accent);transition:.25s;}
.g-faq details[open] summary::after {transform:rotate(45deg);}
.g-faq .g-ans {color:rgba(232,234,246,.68);font-size:14.5px;line-height:1.9;padding:0 0 20px;}
.g-tag {display:inline-block;padding:5px 12px;border-radius:999px;background:rgba(34,211,238,.1);border:1px solid rgba(34,211,238,.28);color:var(--accent);font-size:12.5px;margin:0 8px 8px 0;}
.g-tip {background:linear-gradient(135deg,rgba(109,93,252,.12),rgba(34,211,238,.08));border:1px solid rgba(109,93,252,.3);border-radius:var(--radius);padding:20px 22px;font-size:14.5px;line-height:1.9;color:rgba(232,234,246,.82);}
.g-tip i {color:var(--accent);margin-right:8px;}
.g-foot {padding:40px 0;text-align:center;color:rgba(232,234,246,.5);font-size:13.5px;line-height:2;}
.g-foot a {color:rgba(232,234,246,.72);text-decoration:none;margin:0 8px;}
.g-foot a:hover {color:var(--accent);}

/* --- 子页面追加 --- */
.about-hero {padding:56px 0 28px;border-bottom:1px solid var(--line);
    background:radial-gradient(900px 340px at 12% -10%,rgba(109,93,252,.28),transparent 62%),
               radial-gradient(700px 300px at 88% 0%,rgba(34,211,238,.16),transparent 60%);}
.about-hero h1 {font-size:clamp(26px,4.4vw,42px);font-weight:900;line-height:1.22;margin:14px 0 12px;letter-spacing:-.5px;}
.about-hero h1 em {font-style:normal;background:linear-gradient(92deg,var(--main),var(--accent));-webkit-background-clip:text;background-clip:text;color:transparent;}
.about-hero p {max-width:760px;color:rgba(232,234,246,.72);font-size:15.5px;line-height:1.85;margin:0;}
.eyebrow {display:inline-flex;align-items:center;gap:8px;font-size:12.5px;font-weight:700;letter-spacing:.14em;
    text-transform:uppercase;color:var(--accent);border:1px solid var(--line);background:var(--card);
    padding:6px 13px;border-radius:999px;}
.about-body {padding:44px 0 10px;}
.ab-grid {display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin-top:22px;}
.ab-card {background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:20px 20px 18px;
    transition:.25s;height:100%;}
.ab-card:hover {background:var(--card2);border-color:rgba(109,93,252,.45);transform:translateY(-3px);}
.ab-card .ic {width:42px;height:42px;border-radius:11px;display:flex;align-items:center;justify-content:center;
    font-size:17px;color:#fff;background:linear-gradient(135deg,var(--main),var(--accent));margin-bottom:14px;}
.ab-card h3 {font-size:16px;font-weight:800;margin:0 0 9px;color:var(--text);line-height:1.45;}
.ab-card p {font-size:14px;line-height:1.8;color:rgba(232,234,246,.62);margin:0;}
.ab-section {padding:40px 0 8px;}
.ab-text {font-size:15px;line-height:1.92;color:rgba(232,234,246,.72);}
.ab-text strong {color:var(--text);font-weight:700;}
.ab-list {list-style:none;padding:0;margin:18px 0 0;}
.ab-list li {position:relative;padding:11px 0 11px 26px;font-size:14.5px;line-height:1.75;
    color:rgba(232,234,246,.72);border-bottom:1px dashed var(--line);}
.ab-list li:last-child {border-bottom:0;}
.ab-list li::before {content:"";position:absolute;left:6px;top:19px;width:7px;height:7px;border-radius:50%;
    background:linear-gradient(135deg,var(--main),var(--accent));}
.ab-list li b {color:var(--text);}
.ab-split {display:grid;grid-template-columns:1.15fr .85fr;gap:26px;align-items:center;margin-top:20px;}
.ab-split img {width:100%;border-radius:var(--radius);border:1px solid var(--line);display:block;}
.step-rail {display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:16px;margin-top:22px;}
.step {background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:20px;}
.step .no {font-size:26px;font-weight:900;line-height:1;background:linear-gradient(92deg,var(--main),var(--accent));
    -webkit-background-clip:text;background-clip:text;color:transparent;margin-bottom:12px;display:block;}
.step h3 {font-size:15.5px;font-weight:800;margin:0 0 8px;color:var(--text);line-height:1.45;}
.step p {font-size:13.8px;line-height:1.78;color:rgba(232,234,246,.6);margin:0;}
.faq-item {background:var(--card);border:1px solid var(--line);border-radius:var(--radius);
    padding:16px 18px;margin-top:12px;}
.faq-item h3 {font-size:15px;font-weight:800;margin:0 0 8px;color:var(--text);display:flex;gap:9px;align-items:flex-start;line-height:1.5;}
.faq-item h3 i {color:var(--accent);font-size:14px;margin-top:3px;}
.faq-item p {font-size:14px;line-height:1.82;color:rgba(232,234,246,.64);margin:0;}
.stat-row {display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px;margin-top:26px;}
.stat {background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:20px;text-align:center;}
.stat b {display:block;font-size:26px;font-weight:900;letter-spacing:-.5px;
    background:linear-gradient(92deg,var(--main),var(--accent));-webkit-background-clip:text;background-clip:text;color:transparent;}
.stat span {display:block;margin-top:7px;font-size:13px;color:rgba(232,234,246,.58);}
.cta-band {margin:48px 0 10px;padding:34px 28px;border-radius:var(--radius);text-align:center;
    border:1px solid var(--line);background:linear-gradient(120deg,rgba(109,93,252,.20),rgba(34,211,238,.10));}
.cta-band h2 {font-size:clamp(19px,2.6vw,25px);font-weight:900;margin:0 0 10px;}
.cta-band p {font-size:14.5px;color:rgba(232,234,246,.66);margin:0 auto 20px;max-width:620px;line-height:1.8;}
.cta-band .btns {display:flex;gap:12px;justify-content:center;flex-wrap:wrap;}
.ab-split {grid-template-columns:1fr;}
.about-hero {padding:38px 0 22px;}

/* --- 子页面追加 --- */
/* 本页专属少量样式，复用站点变量 */
.rk-hero {padding:76px 0 26px;text-align:left}
.rk-hero h1 {font-size:clamp(26px,4.4vw,44px);font-weight:900;letter-spacing:-.02em;line-height:1.2;margin-bottom:14px}
.rk-hero p {color:rgba(232,234,246,.66);max-width:720px;font-size:15px;line-height:1.9;margin:0}
.rk-crumb {font-size:13px;color:rgba(232,234,246,.5);margin-bottom:16px}
.rk-crumb a {color:rgba(232,234,246,.62);text-decoration:none}
.rk-crumb a:hover {color:var(--accent)}
.rk-stat {display:flex;flex-wrap:wrap;gap:26px;margin-top:26px}
.rk-stat div {min-width:96px}
.rk-stat b {display:block;font-size:24px;font-weight:800;color:var(--accent);letter-spacing:-.01em}
.rk-stat span {font-size:12.5px;color:rgba(232,234,246,.5)}
.rk-tabs {display:flex;flex-wrap:wrap;gap:10px;margin:26px 0 30px}
.rk-tabs a {padding:8px 16px;border-radius:999px;border:1px solid var(--line);background:var(--card);color:rgba(232,234,246,.72);font-size:13.5px;text-decoration:none;transition:.2s}
.rk-tabs a:hover {color:#fff;border-color:rgba(34,211,238,.5)}
.rk-tabs a.on {background:linear-gradient(120deg,var(--main),var(--accent));color:#0f1020;font-weight:700;border-color:transparent}
.rk-list {display:grid;gap:14px}
.rk-row {display:grid;grid-template-columns:64px 132px 1fr auto;gap:18px;align-items:center;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:14px;transition:.22s}
.rk-row:hover {background:var(--card2);border-color:rgba(109,93,252,.45);transform:translateY(-2px)}
.rk-no {font-size:26px;font-weight:900;text-align:center;color:rgba(232,234,246,.22);font-style:italic}
.rk-row.top .rk-no {color:var(--accent);text-shadow:0 0 18px rgba(34,211,238,.4)}
.rk-thumb {width:132px;height:78px;border-radius:6px;overflow:hidden;background:var(--card2)}
.rk-thumb img {width:100%;height:100%;object-fit:cover;display:block}
.rk-info h3 {font-size:16.5px;font-weight:700;margin:0 0 6px;line-height:1.35}
.rk-info h3 a {color:var(--text);text-decoration:none}
.rk-info h3 a:hover {color:var(--accent)}
.rk-meta {display:flex;flex-wrap:wrap;gap:8px 14px;font-size:12.5px;color:rgba(232,234,246,.52)}
.rk-meta em {font-style:normal;color:rgba(34,211,238,.85)}
.rk-tag {display:inline-block;padding:2px 9px;border-radius:4px;font-size:11.5px;background:rgba(109,93,252,.16);color:#b9b1ff;border:1px solid rgba(109,93,252,.3)}
.rk-score {text-align:right;min-width:88px}
.rk-score b {display:block;font-size:21px;font-weight:900;color:#ffd166;line-height:1.1}
.rk-score span {font-size:11.5px;color:rgba(232,234,246,.42)}
.rk-bar {height:4px;border-radius:2px;background:rgba(255,255,255,.08);margin-top:8px;overflow:hidden}
.rk-bar i {display:block;height:100%;background:linear-gradient(90deg,var(--main),var(--accent))}
.rk-note {background:var(--card);border:1px solid var(--line);border-left:3px solid var(--accent);border-radius:var(--radius);padding:20px 22px;margin-top:8px}
.rk-note p {margin:0;font-size:14.5px;line-height:1.95;color:rgba(232,234,246,.72)}
.rk-qa {padding:18px 0;border-bottom:1px dashed var(--line)}
.rk-qa:last-child {border-bottom:0}
.rk-qa h3 {font-size:15.5px;font-weight:700;margin:0 0 8px;color:var(--text)}
.rk-qa p {margin:0;font-size:14px;line-height:1.9;color:rgba(232,234,246,.64)}
.rk-row {grid-template-columns:44px 92px 1fr;gap:12px;align-items:start}
.rk-thumb {width:92px;height:58px}
.rk-score {grid-column:2 / -1;text-align:left;min-width:0;display:flex;align-items:center;gap:10px}
.rk-score b {font-size:17px;display:inline}
.rk-bar {flex:1;margin-top:0}
.rk-no {font-size:20px}
.rk-row {grid-template-columns:34px 1fr;grid-template-areas:"no info" "no score"}
.rk-no {grid-area:no;align-self:start}
.rk-info {grid-area:info}
.rk-thumb {display:none}
.rk-score {grid-area:score}
.rk-hero {padding:56px 0 18px}

/* --- 子页面追加 --- */
/* 本页专属补充样式，均沿用站点变量 */
.v-page-head {padding:38px 0 8px}
.v-page-head h1 {font-size:clamp(22px,3.2vw,34px);font-weight:800;letter-spacing:.3px;margin:0 0 10px}
.v-page-head h1 em {font-style:normal;color:var(--accent)}
.v-page-head p {color:rgba(232,234,246,.62);font-size:14.5px;line-height:1.85;max-width:760px;margin:0}
.v-crumbs {font-size:13px;color:rgba(232,234,246,.5);margin-bottom:14px}
.v-crumbs a {color:rgba(232,234,246,.7);text-decoration:none}
.v-crumbs a:hover {color:var(--accent)}
.v-crumbs span {margin:0 8px;opacity:.5}
.v-filters {display:flex;flex-wrap:wrap;gap:10px;margin:22px 0 6px}
.v-chip {
  display:inline-block;padding:7px 15px;border-radius:999px;font-size:13px;
  color:rgba(232,234,246,.78);background:var(--card);border:1px solid var(--line);
  text-decoration:none;transition:.2s;
}
.v-chip:hover {background:var(--card2);color:var(--text);border-color:rgba(109,93,252,.5)}
.v-chip.on {background:linear-gradient(135deg,var(--main),var(--accent));color:#fff;border-color:transparent;font-weight:600}
.v-grid {display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:18px;margin-top:22px}
.v-card {
  background:var(--card);border:1px solid var(--line);border-radius:var(--radius);
  overflow:hidden;transition:.25s;display:flex;flex-direction:column;
}
.v-card:hover {transform:translateY(-4px);border-color:rgba(109,93,252,.55);box-shadow:0 12px 28px rgba(0,0,0,.4)}
.v-thumb {position:relative;aspect-ratio:16/10;overflow:hidden;background:rgba(255,255,255,.04)}
.v-thumb img {width:100%;height:100%;object-fit:cover;display:block;transition:.4s}
.v-card:hover .v-thumb img {transform:scale(1.06)}
.v-badge {
  position:absolute;top:9px;left:9px;padding:3px 9px;border-radius:6px;font-size:11.5px;font-weight:600;
  background:linear-gradient(135deg,var(--main),var(--accent));color:#fff;
}
.v-score {
  position:absolute;right:9px;bottom:9px;padding:3px 9px;border-radius:6px;font-size:12px;font-weight:700;
  background:rgba(15,16,32,.78);color:var(--accent);backdrop-filter:blur(4px);
}
.v-body {padding:12px 13px 15px}
.v-body h3 {font-size:14.5px;font-weight:600;margin:0 0 7px;line-height:1.45;
  display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}
.v-body .v-meta {font-size:12px;color:rgba(232,234,246,.5);line-height:1.7}
.v-body .v-meta b {color:rgba(232,234,246,.72);font-weight:500}
.v-tags {margin-top:9px;display:flex;flex-wrap:wrap;gap:6px}
.v-tags i {font-style:normal;font-size:11px;padding:2px 8px;border-radius:5px;
  background:rgba(34,211,238,.10);color:var(--accent);border:1px solid rgba(34,211,238,.20)}
.v-article {margin-top:54px;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:22px}
.v-block {background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:22px 22px 24px}
.v-block h2 {font-size:17.5px;font-weight:700;margin:0 0 14px;line-height:1.5;
  padding-left:12px;border-left:3px solid var(--main)}
.v-block h3 {font-size:14.5px;font-weight:600;margin:18px 0 8px;color:var(--accent)}
.v-block p {font-size:14px;line-height:1.95;color:rgba(232,234,246,.72);margin:0 0 12px}
.v-block ul {margin:0;padding-left:18px}
.v-block li {font-size:14px;line-height:1.95;color:rgba(232,234,246,.72);margin-bottom:6px}
.v-block li b {color:var(--text);font-weight:600}
.v-faq {margin-top:22px}
.v-faq details {border:1px solid var(--line);border-radius:var(--radius);background:var(--card);margin-bottom:10px;overflow:hidden}
.v-faq summary {cursor:pointer;padding:14px 18px;font-size:14.5px;font-weight:600;color:var(--text);list-style:none;position:relative}
.v-faq summary::-webkit-details-marker {display:none}
.v-faq summary::after {content:"+";position:absolute;right:18px;top:12px;font-size:18px;color:var(--accent);font-weight:400}
.v-faq details[open] summary::after {content:"–"}
.v-faq details p {margin:0;padding:0 18px 16px;font-size:13.8px;line-height:1.9;color:rgba(232,234,246,.68)}
.v-foot {margin-top:60px;border-top:1px solid var(--line);padding:30px 0 40px;font-size:13px;color:rgba(232,234,246,.5)}
.v-foot a {color:rgba(232,234,246,.65);text-decoration:none;margin-right:16px}
.v-foot a:hover {color:var(--accent)}
.v-foot .v-friend {margin-top:12px;line-height:2}
.v-grid {grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:13px}
.v-block {padding:18px}
.v-page-head {padding:24px 0 4px}

/* --- 子页面追加 --- */
.anime-hero {padding:52px 0 20px;}
.anime-hero h1 {font-size:clamp(24px,4vw,40px);font-weight:900;letter-spacing:-.5px;margin:0 0 12px;}
.anime-hero h1 em {font-style:normal;background:linear-gradient(90deg,var(--main),var(--accent));-webkit-background-clip:text;background-clip:text;color:transparent;}
.anime-hero p {color:rgba(232,234,246,.66);font-size:15px;line-height:1.9;max-width:760px;margin:0;}
.filter-bar {display:flex;flex-wrap:wrap;gap:10px;margin:22px 0 8px;}
.filter-bar a {padding:8px 16px;border:1px solid var(--line);border-radius:999px;font-size:13px;color:rgba(232,234,246,.78);text-decoration:none;transition:.25s;background:var(--card);}
.filter-bar a:hover,.filter-bar a.on {background:linear-gradient(90deg,var(--main),var(--accent));color:#fff;border-color:transparent;}
.anime-block {margin-top:38px;}
.anime-block h2 {font-size:20px;font-weight:800;margin:0 0 6px;display:flex;align-items:center;gap:10px;}
.anime-block h2 i {color:var(--accent);font-size:15px;}
.anime-block .sub {color:rgba(232,234,246,.5);font-size:13px;margin:0 0 16px;}
.a-grid {display:grid;grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:16px;}
.a-card {background:var(--card);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;transition:.3s;text-decoration:none;display:block;}
.a-card:hover {background:var(--card2);transform:translateY(-4px);border-color:rgba(109,93,252,.45);}
.a-thumb {position:relative;aspect-ratio:3/4;overflow:hidden;background:rgba(255,255,255,.04);}
.a-thumb img {width:100%;height:100%;object-fit:cover;display:block;transition:.4s;}
.a-card:hover .a-thumb img {transform:scale(1.06);}
.a-badge {position:absolute;top:8px;left:8px;padding:3px 9px;border-radius:6px;font-size:11px;font-weight:700;background:linear-gradient(90deg,var(--main),var(--accent));color:#fff;}
.a-score {position:absolute;right:8px;bottom:8px;padding:2px 8px;border-radius:6px;font-size:12px;font-weight:800;background:rgba(15,16,32,.78);color:var(--accent);backdrop-filter:blur(4px);}
.a-body {padding:11px 12px 14px;}
.a-title {font-size:14px;font-weight:700;color:var(--text);margin:0 0 6px;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.a-meta {font-size:12px;color:rgba(232,234,246,.45);display:flex;justify-content:space-between;gap:6px;}
.a-note {background:var(--card);border:1px solid var(--line);border-left:3px solid var(--main);border-radius:var(--radius);padding:18px 20px;margin-top:34px;}
.a-note h3 {margin:0 0 10px;font-size:16px;font-weight:800;}
.a-note p {margin:0 0 8px;font-size:14px;line-height:1.9;color:rgba(232,234,246,.7);}
.a-note p:last-child {margin-bottom:0;}
.faq-item h4 {margin:0 0 8px;font-size:15px;font-weight:700;color:var(--text);}
.a-grid {grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;}
.anime-hero {padding:34px 0 12px;}

/* --- 子页面追加 --- */
.doc-hero {padding:56px 0 26px;}
.doc-hero h1 {font-size:clamp(26px,4vw,42px);font-weight:800;letter-spacing:-.5px;margin:0 0 14px;}
.doc-hero h1 span {background:linear-gradient(90deg,var(--main),var(--accent));-webkit-background-clip:text;background-clip:text;color:transparent;}
.doc-hero p {color:rgba(232,234,246,.66);max-width:760px;line-height:1.85;font-size:15px;margin:0;}
.doc-tags {display:flex;flex-wrap:wrap;gap:10px;margin-top:22px;}
.doc-tag {font-size:13px;padding:7px 15px;border-radius:999px;border:1px solid var(--line);background:var(--card);color:rgba(232,234,246,.78);text-decoration:none;transition:.25s;}
.doc-tag:hover {border-color:var(--main);color:var(--text);background:var(--card2);}
.doc-grid {display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:20px;}
.doc-card {background:var(--card);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;transition:.28s;display:flex;flex-direction:column;}
.doc-card:hover {transform:translateY(-5px);border-color:rgba(109,93,252,.55);background:var(--card2);box-shadow:0 14px 34px rgba(0,0,0,.42);}
.doc-poster {position:relative;aspect-ratio:16/10;overflow:hidden;background:#191a2e;}
.doc-poster img {width:100%;height:100%;object-fit:cover;transition:.5s;display:block;}
.doc-card:hover .doc-poster img {transform:scale(1.07);}
.doc-score {position:absolute;top:10px;right:10px;background:rgba(15,16,32,.82);color:var(--accent);font-size:12px;font-weight:700;padding:3px 9px;border-radius:6px;backdrop-filter:blur(4px);}
.doc-body {padding:14px 15px 16px;display:flex;flex-direction:column;gap:8px;flex:1;}
.doc-body h3 {font-size:15px;font-weight:600;margin:0;line-height:1.45;color:var(--text);}
.doc-body h3 a {color:inherit;text-decoration:none;}
.doc-body h3 a:hover {color:var(--accent);}
.doc-meta {font-size:12.5px;color:rgba(232,234,246,.5);display:flex;gap:10px;flex-wrap:wrap;}
.doc-desc {font-size:13px;line-height:1.7;color:rgba(232,234,246,.62);margin:0;flex:1;}
.doc-btn {align-self:flex-start;font-size:12.5px;padding:6px 14px;border-radius:6px;background:linear-gradient(90deg,var(--main),var(--accent));color:#fff;text-decoration:none;font-weight:600;}
.doc-btn:hover {opacity:.9;color:#fff;}
.doc-block {background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:26px 24px;height:100%;}
.doc-block h3 {font-size:18px;font-weight:700;margin:0 0 12px;}
.doc-block h3 i {color:var(--accent);margin-right:8px;}
.doc-block p {font-size:14px;line-height:1.9;color:rgba(232,234,246,.66);margin:0;}
.doc-block p+p {margin-top:12px;}
.doc-list {list-style:none;padding:0;margin:0;}
.doc-list li {font-size:14px;line-height:1.8;color:rgba(232,234,246,.66);padding-left:20px;position:relative;margin-bottom:9px;}
.doc-list li::before {content:"";position:absolute;left:0;top:10px;width:7px;height:7px;border-radius:50%;background:linear-gradient(90deg,var(--main),var(--accent));}
.doc-faq {background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:18px 22px;margin-bottom:12px;}
.doc-faq h4 {font-size:15px;font-weight:600;margin:0 0 8px;color:var(--text);}
.doc-faq p {font-size:13.5px;line-height:1.8;color:rgba(232,234,246,.62);margin:0;}
.doc-hero {padding:34px 0 18px;}
.doc-grid {grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:14px;}
.doc-block {padding:20px 17px;}