:root{
  --main:#e50914;
  --accent:#f5c518;
  --bg:#0b0b0f;
  --text:#f5f5f7;
  --panel:#14141c;
  --panel-2:#1b1b25;
  --line:rgba(255,255,255,.09);
  --muted:#9a9aa8;
  --shadow-lg:0 18px 40px rgba(0,0,0,.55), 0 6px 12px rgba(0,0,0,.45);
  --shadow-md:0 10px 24px rgba(0,0,0,.5);
  --radius:18px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  background:
    radial-gradient(1200px 600px at 80% -10%, rgba(229,9,20,.16), transparent 60%),
    radial-gradient(900px 500px at 0% 20%, rgba(245,197,24,.08), transparent 55%),
    var(--bg);
  color:var(--text);
  font-family:'Inter','PingFang SC','Hiragino Sans GB','Microsoft YaHei',sans-serif;
  font-weight:400;
  line-height:1.85;
  letter-spacing:.2px;
  overflow-x:hidden;
}
h1,h2,h3,h4,h5,.brand,.sec-title{
  font-weight:900;
  letter-spacing:-.5px;
  line-height:1.25;
}
a{text-decoration:none;color:inherit}
.mono{font-variant-numeric:tabular-nums;font-family:'Inter','SFMono-Regular',Consolas,monospace}

/* ====== 顶部导航 ====== */
.topbar{
  position:sticky;top:0;z-index:1030;
  background:linear-gradient(180deg, rgba(11,11,15,.96), rgba(11,11,15,.84));
  backdrop-filter:blur(14px);
  border-bottom:1px solid var(--line);
  box-shadow:0 8px 26px rgba(0,0,0,.5);
}
.brand{
  display:inline-flex;align-items:center;gap:.55rem;
  font-size:1.32rem;color:var(--text) !important;
  padding:.5rem .9rem;border-radius:14px;
  background:linear-gradient(160deg,#20202b,#12121a);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12), var(--shadow-md);
}
.brand i{color:var(--accent);filter:drop-shadow(0 0 8px rgba(245,197,24,.5))}
.navbar-nav .nav-link{
  color:#cfcfda !important;font-weight:600;font-size:.95rem;
  padding:.55rem .85rem !important;border-radius:10px;
  transition:.25s;
}
.navbar-nav .nav-link:hover{
  color:#fff !important;background:rgba(229,9,20,.16);
  box-shadow:inset 0 0 0 1px rgba(229,9,20,.3);
}
.navbar-toggler{border:1px solid var(--line);color:var(--text)}
.navbar-toggler:focus{box-shadow:none}

/* ====== Hero ====== */
.hero{
  position:relative;overflow:hidden;
  padding:5.5rem 0 5rem;
  border-bottom:1px solid var(--line);
}
.hero-bg{
  position:absolute;inset:-15% 0 -15% 0;z-index:0;
  background:
    radial-gradient(700px 340px at 78% 18%, rgba(229,9,20,.30), transparent 70%),
    radial-gradient(600px 320px at 12% 78%, rgba(245,197,24,.14), transparent 70%);
  will-change:transform;
}
.hero .container{position:relative;z-index:2}
.hero-eyebrow{
  display:inline-flex;align-items:center;gap:.5rem;
  font-size:.82rem;font-weight:700;letter-spacing:2px;text-transform:uppercase;
  color:var(--accent);padding:.42rem 1rem;border-radius:999px;
  background:rgba(245,197,24,.09);
  border:1px solid rgba(245,197,24,.28);
  box-shadow:var(--shadow-md);
}
.hero h1{
  font-size:clamp(2.1rem,5.2vw,3.9rem);
  margin:1.2rem 0 .9rem;
}
.grad-text{
  background:linear-gradient(100deg,#fff 5%,var(--accent) 42%,var(--main) 92%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
  filter:drop-shadow(0 8px 24px rgba(229,9,20,.28));
}
.hero p.lead{
  color:#c3c3d1;font-size:1.06rem;max-width:640px;line-height:1.95;
}
.float-deco{
  position:absolute;border-radius:16px;background:linear-gradient(160deg,#25252f,#101017);
  box-shadow:var(--shadow-lg);border:1px solid var(--line);
  animation:floaty 7s ease-in-out infinite;
}
.float-deco.d1{width:74px;height:104px;right:8%;top:14%;transform:rotate(-9deg)}
.float-deco.d2{width:60px;height:84px;right:20%;top:52%;animation-delay:1.6s;transform:rotate(7deg)}
.float-deco.d3{width:46px;height:64px;right:3%;top:64%;animation-delay:3.1s;transform:rotate(12deg)}
@keyframes floaty{0%,100%{translate:0 0}50%{translate:0 -18px}}

.btn-main{
  position:relative;overflow:hidden;
  background:linear-gradient(100deg,var(--main),#ff4a44,var(--main));
  background-size:220% 100%;
  color:#fff !important;font-weight:800;border:0;
  padding:.85rem 2rem;border-radius:14px;
  box-shadow:0 12px 28px rgba(229,9,20,.4), inset 0 1px 0 rgba(255,255,255,.35);
  transition:.4s;
}
.btn-main:hover{background-position:100% 0;transform:translateY(-2px);box-shadow:0 18px 36px rgba(229,9,20,.55)}
.btn-main::after{
  content:"";position:absolute;top:0;left:-70%;width:45%;height:100%;
  background:linear-gradient(100deg,transparent,rgba(255,255,255,.55),transparent);
  transform:skewX(-22deg);transition:.6s;
}
.btn-main:hover::after{left:130%}
.btn-ghost{
  border:1px solid rgba(245,197,24,.42);color:var(--accent) !important;
  font-weight:700;padding:.85rem 1.8rem;border-radius:14px;
  background:rgba(245,197,24,.06);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08);
  transition:.3s;
}
.btn-ghost:hover{background:rgba(245,197,24,.16);box-shadow:0 12px 26px rgba(0,0,0,.5)}

.hero-stats{
  display:flex;flex-wrap:wrap;gap:1.4rem;margin-top:2.4rem;
}
.hero-stats .st{
  background:linear-gradient(165deg,#1c1c26,#101017);
  border:1px solid var(--line);border-radius:16px;
  padding:.9rem 1.3rem;box-shadow:var(--shadow-md);
  min-width:130px;
}
.hero-stats .st b{display:block;font-size:1.5rem;color:var(--accent);font-family:'Inter',monospace}
.hero-stats .st span{font-size:.82rem;color:var(--muted)}

/* ====== 区块通用 ====== */
section{padding:4.2rem 0}
.sec-head{
  display:flex;align-items:flex-end;justify-content:space-between;
  flex-wrap:wrap;gap:1rem;margin-bottom:2.2rem;
}
.sec-title{font-size:clamp(1.4rem,2.6vw,1.95rem);margin:0}
.sec-title .tag{
  display:inline-block;width:8px;height:26px;border-radius:4px;margin-right:.7rem;
  background:linear-gradient(180deg,var(--accent),var(--main));
  box-shadow:0 0 16px rgba(229,9,20,.6);vertical-align:-4px;
}
.sec-sub{color:var(--muted);font-size:.92rem;margin:.4rem 0 0}
.section-soft{
  background:linear-gradient(180deg, rgba(20,20,28,.7), rgba(11,11,15,0));
  border-top:1px solid var(--line);border-bottom:1px solid var(--line);
}

/* ====== 分类筛选栏 + 瀑布流 ====== */
.wall-wrap{
  background:linear-gradient(170deg,var(--panel),#0f0f16);
  border:1px solid var(--line);border-radius:var(--radius);
  box-shadow:var(--shadow-lg);padding:1.5rem;
}
.side-filter{
  background:linear-gradient(170deg,#1c1c26,#101017);
  border:1px solid var(--line);border-radius:16px;
  box-shadow:var(--shadow-md);padding:1.1rem;
  position:sticky;top:88px;
}
.side-filter h6{
  font-size:.78rem;letter-spacing:2px;text-transform:uppercase;color:var(--accent);
  margin:.2rem 0 .9rem;font-weight:800;
}
.filter-chip{
  display:block;padding:.5rem .8rem;margin-bottom:.42rem;border-radius:10px;
  font-size:.9rem;font-weight:600;color:#c8c8d4;
  background:rgba(255,255,255,.03);border:1px solid transparent;
  transition:.25s;cursor:pointer;
}
.filter-chip:hover{background:rgba(229,9,20,.14);color:#fff;border-color:rgba(229,9,20,.3)}
.filter-chip.active{
  background:linear-gradient(100deg,var(--main),#ff4a44);color:#fff;
  box-shadow:0 8px 20px rgba(229,9,20,.38);
}
.side-filter .mini-note{font-size:.78rem;color:var(--muted);line-height:1.7;margin-top:.9rem}

/* ====== 影片卡片 ====== */
.movie-grid{display:grid;gap:1.1rem}
.grid-cols{grid-template-columns:repeat(auto-fill,minmax(168px,1fr))}
.movie-card{
  position:relative;background:linear-gradient(170deg,#1c1c26,#111119);
  border:1px solid var(--line);border-radius:14px;overflow:hidden;
  box-shadow:var(--shadow-md);cursor:pointer;
  transition:transform .35s cubic-bezier(.2,.7,.3,1), box-shadow .35s;
  break-inside:avoid;
}
.movie-card:hover{transform:translateY(-7px);box-shadow:var(--shadow-lg), 0 0 0 1px rgba(245,197,24,.28)}
.poster{
  position:relative;aspect-ratio:2/3;overflow:hidden;background:#0d0d13;
}
.poster img{
  width:100%;height:100%;object-fit:cover;display:block;
  opacity:0;transition:opacity .7s ease, transform .5s ease;
}
.poster img.loaded{opacity:1}
.movie-card:hover .poster img{transform:scale(1.07)}
.poster::after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,transparent 35%,rgba(11,11,15,.55) 70%,rgba(11,11,15,.94));
  pointer-events:none;
}
.play-float{
  position:absolute;inset:0;display:grid;place-items:center;z-index:3;
  opacity:0;transition:.3s;
}
.movie-card:hover .play-float{opacity:1}
.play-float span{
  width:52px;height:52px;border-radius:50%;display:grid;place-items:center;
  background:rgba(229,9,20,.9);color:#fff;font-size:1rem;
  box-shadow:0 0 0 6px rgba(229,9,20,.22), 0 10px 26px rgba(0,0,0,.6);
  transform:scale(.9);transition:.3s;
}
.movie-card:hover .play-float span{transform:scale(1)}
.rate-badge{
  position:absolute;top:8px;right:8px;z-index:4;
  font-family:'Inter',monospace;font-weight:700;font-size:.8rem;
  padding:.18rem .5rem;border-radius:8px;color:#101017;
  background:linear-gradient(120deg,var(--accent),#ffe680);
  box-shadow:0 6px 16px rgba(0,0,0,.55);
}
.card-info{padding:.7rem .8rem .85rem}
.card-info h4{font-size:.94rem;font-weight:800;margin:0 0 .3rem;line-height:1.4}
.card-meta{font-size:.76rem;color:var(--muted);display:flex;gap:.5rem;flex-wrap:wrap}
.card-meta .yr{color:var(--accent);font-family:'Inter',monospace}

/* 榜单 */
.rank-list{
  background:linear-gradient(170deg,var(--panel),#0f0f16);
  border:1px solid var(--line);border-radius:var(--radius);
  box-shadow:var(--shadow-lg);overflow:hidden;
}
.rank-item{
  display:flex;align-items:center;gap:1rem;padding:.95rem 1.2rem;
  border-bottom:1px solid var(--line);cursor:pointer;transition:.25s;
}
.rank-item:last-child{border-bottom:0}
.rank-item:hover{background:rgba(229,9,20,.09)}
.rank-no{
  font-family:'Inter',monospace;font-weight:900;font-size:1.1rem;width:38px;flex:0 0 auto;
  color:#57576a;text-align:center;
}
.rank-item:nth-child(1) .rank-no{color:var(--main);text-shadow:0 0 14px rgba(229,9,20,.6)}
.rank-item:nth-child(2) .rank-no{color:var(--accent)}
.rank-item:nth-child(3) .rank-no{color:#d0a26a}
.rank-thumb{
  width:46px;height:66px;border-radius:9px;overflow:hidden;flex:0 0 auto;
  background:#0d0d13;box-shadow:var(--shadow-md);border:1px solid var(--line);
}
.rank-thumb img{width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .7s}
.rank-thumb img.loaded{opacity:1}
.rank-meta{flex:1;min-width:0}
.rank-meta h5{font-size:.95rem;margin:0 0 .18rem;font-weight:800}
.rank-meta p{margin:0;font-size:.76rem;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rank-score{
  font-family:'Inter',monospace;font-weight:800;color:var(--accent);font-size:1rem;flex:0 0 auto;
}

/* 专题 */
.topic-card{
  background:linear-gradient(160deg,#20202b,#111119);
  border:1px solid var(--line);border-radius:var(--radius);
  padding:1.7rem;box-shadow:var(--shadow-lg);height:100%;
  position:relative;overflow:hidden;
}
.topic-card::before{
  content:"";position:absolute;top:-40px;right:-40px;width:150px;height:150px;border-radius:50%;
  background:radial-gradient(circle,rgba(245,197,24,.22),transparent 70%);
}
.topic-card h4{font-size:1.12rem;margin-bottom:.6rem}
.topic-card p{color:#bfbfcd;font-size:.92rem;margin-bottom:.8rem}
.topic-card .reason{font-size:.85rem;color:var(--accent);display:flex;gap:.5rem;align-items:flex-start}

/* 图标列表 */
.feature-list{list-style:none;padding:0;margin:0}
.feature-list li{
  display:flex;gap:.85rem;padding:.75rem 0;border-bottom:1px dashed rgba(255,255,255,.08);
}
.feature-list li:last-child{border-bottom:0}
.feature-list i{
  color:var(--accent);font-size:1.05rem;margin-top:.35rem;
  filter:drop-shadow(0 0 6px rgba(245,197,24,.4));
}
.feature-list b{display:block;font-size:.95rem;margin-bottom:.1rem}
.feature-list span{font-size:.85rem;color:var(--muted)}

/* 手风琴 */
.accordion-item{
  background:linear-gradient(170deg,#1a1a23,#101017) !important;
  border:1px solid var(--line) !important;border-radius:14px !important;
  margin-bottom:.8rem;overflow:hidden;box-shadow:var(--shadow-md);
}
.accordion-button{
  background:transparent !important;color:var(--text) !important;
  font-weight:700;font-size:.96rem;box-shadow:none !important;
}
.accordion-button:not(.collapsed){
  color:var(--accent) !important;background:rgba(245,197,24,.06) !important;
}
.accordion-button::after{filter:invert(.85)}
.accordion-body{color:#b9b9c6;font-size:.9rem;line-height:1.95}

/* 今天看什么 */
.picker-box{
  background:linear-gradient(160deg,#1e1e28,#101017);
  border:1px solid var(--line);border-radius:var(--radius);
  box-shadow:var(--shadow-lg);padding:2rem;text-align:center;
  position:relative;overflow:hidden;
}
.picker-result{
  min-height:80px;display:flex;flex-direction:column;justify-content:center;
  align-items:center;padding:1rem;border-radius:14px;margin-bottom:1.2rem;
  background:rgba(11,11,15,.6);border:1px dashed rgba(245,197,24,.3);
}
.picker-result .name{font-size:1.35rem;font-weight:900;color:var(--accent)}
.picker-result .desc{font-size:.9rem;color:var(--muted);max-width:560px;margin-top:.4rem}

/* 友链 */
.friend-links{
  background:linear-gradient(170deg,#15151d,#0d0d13);
  border:1px solid var(--line);border-radius:var(--radius);
  padding:1.6rem 1.8rem;box-shadow:var(--shadow-md);
}
.friend-links h5{font-size:.95rem;color:var(--accent);margin-bottom:.8rem;letter-spacing:1px}
.friend-links .links{font-size:.9rem;color:#b9b9c6;line-height:2.2;word-break:break-word}

/* 页脚 */
footer{
  border-top:1px solid var(--line);
  background:linear-gradient(180deg,#0d0d13,#07070a);
  padding:3rem 0 1.6rem;
}
footer h5{font-size:.95rem;color:var(--accent);margin-bottom:1rem;letter-spacing:1px}
footer a{color:#a8a8b6;font-size:.88rem;display:block;padding:.22rem 0;transition:.2s}
footer a:hover{color:var(--accent);transform:translateX(3px)}
footer .copyright{
  border-top:1px solid var(--line);margin-top:2.2rem;padding-top:1.4rem;
  color:#6c6c7c;font-size:.82rem;text-align:center;
}

/* 底部抽屉弹窗 */
.drawer-mask{
  position:fixed;inset:0;background:rgba(0,0,0,.72);backdrop-filter:blur(4px);
  opacity:0;pointer-events:none;transition:.35s;z-index:1080;
}
.drawer-mask.open{opacity:1;pointer-events:auto}
.drawer{
  position:fixed;left:0;right:0;bottom:0;z-index:1090;
  background:linear-gradient(170deg,#1c1c26,#0e0e15);
  border-top:1px solid rgba(245,197,24,.28);
  border-radius:22px 22px 0 0;
  box-shadow:0 -22px 60px rgba(0,0,0,.75);
  transform:translateY(105%);transition:transform .42s cubic-bezier(.2,.8,.3,1);
  max-height:86vh;overflow-y:auto;
}
.drawer.open{transform:translateY(0)}
.drawer-inner{padding:1.6rem 1.8rem 2.2rem;max-width:900px;margin:0 auto}
.drawer-grab{
  width:56px;height:5px;border-radius:99px;background:rgba(255,255,255,.22);
  margin:.9rem auto 1rem;
}
.drawer-head{display:flex;gap:1.2rem;align-items:flex-start;flex-wrap:wrap}
.drawer-poster{
  width:110px;aspect-ratio:2/3;border-radius:12px;overflow:hidden;flex:0 0 auto;
  background:#0d0d13;border:1px solid var(--line);box-shadow:var(--shadow-md);
}
.drawer-poster img{width:100%;height:100%;object-fit:cover}
.drawer-title{flex:1;min-width:200px}
.drawer-title h3{font-size:1.4rem;margin:0 0 .5rem}
.drawer-tags{display:flex;flex-wrap:wrap;gap:.45rem;margin-bottom:.6rem}
.dtag{
  font-size:.76rem;padding:.2rem .6rem;border-radius:8px;
  background:rgba(245,197,24,.1);color:var(--accent);border:1px solid rgba(245,197,24,.25);
}
.dscore{
  font-family:'Inter',monospace;font-weight:900;font-size:1.5rem;color:var(--main);
}
.drawer-body{margin-top:1.3rem}
.drawer-body dt{color:var(--accent);font-size:.82rem;font-weight:700;margin-top:.9rem;letter-spacing:1px}
.drawer-body dd{color:#c4c4d1;font-size:.92rem;margin:.2rem 0 0;line-height:1.9}
.drawer-close{
  position:absolute;top:14px;right:18px;width:38px;height:38px;border-radius:50%;
  border:1px solid var(--line);background:rgba(255,255,255,.06);color:#fff;
  display:grid;place-items:center;cursor:pointer;transition:.25s;
}
.drawer-close:hover{background:var(--main);border-color:var(--main)}

@media(max-width:991px){
  .side-filter{position:static;margin-bottom:1.2rem}
  .float-deco{display:none}
  .hero{padding:3.4rem 0 3rem}
  section{padding:3rem 0}
}
@media(max-width:575px){
  .grid-cols{grid-template-columns:repeat(auto-fill,minmax(132px,1fr))}
  .drawer-inner{padding:1.2rem 1.1rem 1.8rem}
  .rank-item{padding:.8rem .7rem;gap:.7rem}
  .rank-thumb{width:40px;height:58px}
}

/* --- 子页面追加 --- */
/* 本页专属：仅补充站点样式表中未覆盖的细节 */
  body { background: var(--bg); color: var(--text); font-family: 'Inter','PingFang SC','Hiragino Sans GB','Microsoft YaHei',sans-serif; }
.guide-hero { position: relative; overflow: hidden; padding: 72px 0 56px; border-bottom: 1px solid var(--line); }
.guide-hero-bg {
    position: absolute; inset: 0; z-index: 0;
    background:
      radial-gradient(900px 420px at 12% -10%, rgba(229,9,20,.28), transparent 65%),
      radial-gradient(760px 380px at 88% 0%, rgba(245,197,24,.16), transparent 62%);
    pointer-events: none;
  }
.guide-hero .container { position: relative; z-index: 1; }
.guide-h1 { font-size: clamp(1.7rem, 3.6vw, 2.7rem); font-weight: 800; line-height: 1.28; letter-spacing: -.5px; margin: 14px 0 14px; }
.guide-lead { color: var(--muted); max-width: 760px; line-height: 1.85; font-size: 1.02rem; }
.step-card {
    background: var(--panel); border: 1px solid var(--line); border-radius: var(--radius);
    padding: 26px 24px; height: 100%; box-shadow: var(--shadow-md);
    transition: transform .25s ease, border-color .25s ease;
  }
.step-card:hover { transform: translateY(-4px); border-color: rgba(229,9,20,.45); }
.step-num {
    width: 40px; height: 40px; border-radius: 12px; display: inline-flex; align-items: center; justify-content: center;
    font-weight: 800; font-size: 1.02rem; color: #fff;
    background: linear-gradient(135deg, var(--main), #8d060d);
    box-shadow: 0 8px 18px rgba(229,9,20,.35); margin-bottom: 14px;
  }
.step-card h3 { font-size: 1.08rem; font-weight: 700; margin-bottom: 10px; }
.step-card p { color: var(--muted); line-height: 1.8; font-size: .94rem; margin: 0; }
.guide-panel {
    background: var(--panel-2); border: 1px solid var(--line); border-radius: var(--radius);
    padding: 28px 26px; box-shadow: var(--shadow-md);
  }
.guide-panel h3 { font-size: 1.12rem; font-weight: 700; margin-bottom: 14px; }
.guide-list { list-style: none; padding: 0; margin: 0; }
.guide-list li {
    display: flex; gap: 12px; align-items: flex-start;
    padding: 11px 0; border-bottom: 1px dashed var(--line); color: var(--muted);
    line-height: 1.78; font-size: .94rem;
  }
.guide-list li:last-child { border-bottom: none; }
.guide-list li i { color: var(--accent); margin-top: 4px; font-size: .85rem; }
.guide-list li b { color: var(--text); font-weight: 600; }
.badge-demo { display: inline-flex; align-items: center; gap: 6px; font-size: .8rem; font-weight: 700;
    padding: 3px 10px; border-radius: 999px; background: rgba(245,197,24,.14); color: var(--accent); border: 1px solid rgba(245,197,24,.35); }
.badge-demo.main { background: rgba(229,9,20,.16); color: #ff6b73; border-color: rgba(229,9,20,.4); }
.faq-item { background: var(--panel); border: 1px solid var(--line); border-radius: 14px; padding: 20px 22px; height: 100%; }
.faq-item h4 { font-size: .98rem; font-weight: 700; margin-bottom: 9px; display: flex; gap: 9px; align-items: baseline; }
.faq-item h4 i { color: var(--main); font-size: .82rem; }
.faq-item p { color: var(--muted); font-size: .92rem; line-height: 1.8; margin: 0; }
.cta-band {
    background: linear-gradient(120deg, rgba(229,9,20,.16), rgba(245,197,24,.08));
    border: 1px solid var(--line); border-radius: var(--radius);
    padding: 34px 28px; box-shadow: var(--shadow-lg);
  }
.cta-band h2 { font-size: clamp(1.15rem, 2.4vw, 1.5rem); font-weight: 800; margin-bottom: 10px; }
.cta-band p { color: var(--muted); margin-bottom: 20px; line-height: 1.8; }
.cta-band .btn-main, .cta-band .btn-ghost { margin-right: 10px; margin-bottom: 8px; }
.anchor-offset { scroll-margin-top: 90px; }
.guide-hero { padding: 52px 0 40px; }
.step-card, .guide-panel, .faq-item { padding: 20px 18px; }

/* --- 子页面追加 --- */
.about-hero {padding:64px 0 40px}
.about-lead {color:var(--muted);font-size:1.02rem;line-height:1.9;max-width:760px}
.about-card {background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:26px 24px;height:100%;box-shadow:var(--shadow-md);transition:.25s}
.about-card:hover {transform:translateY(-4px);border-color:rgba(229,9,20,.45);box-shadow:var(--shadow-lg)}
.about-card .ac-icon {width:46px;height:46px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:rgba(229,9,20,.14);color:var(--main);font-size:1.1rem;margin-bottom:16px}
.about-card h3 {font-size:1.06rem;font-weight:700;margin-bottom:10px;color:var(--text)}
.about-card p {color:var(--muted);font-size:.93rem;line-height:1.85;margin:0}
.about-panel {background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:30px 28px;box-shadow:var(--shadow-md)}
.about-panel h2 {font-size:1.35rem;font-weight:800;margin-bottom:16px;color:var(--text)}
.about-panel p {color:var(--muted);line-height:1.95;font-size:.96rem;margin-bottom:14px}
.about-panel p:last-child {margin-bottom:0}
.flow-list {list-style:none;padding:0;margin:0;counter-reset:flow}
.flow-list li {position:relative;padding:14px 0 14px 56px;border-bottom:1px dashed var(--line);color:var(--muted);line-height:1.85;font-size:.95rem}
.flow-list li:last-child {border-bottom:0}
.flow-list li::before {counter-increment:flow;content:counter(flow,decimal-leading-zero);position:absolute;left:0;top:14px;width:38px;height:38px;border-radius:12px;background:rgba(245,197,24,.12);color:var(--accent);font-weight:800;font-size:.9rem;display:flex;align-items:center;justify-content:center;font-family:'Inter',sans-serif}
.flow-list li b {color:var(--text);font-weight:600}
.about-quote {border-left:3px solid var(--main);padding:6px 0 6px 20px;color:var(--text);font-size:1.02rem;line-height:1.9;font-weight:500}
.about-stat {background:var(--panel-2);border:1px solid var(--line);border-radius:14px;padding:20px 18px;text-align:center;height:100%}
.about-stat .num {font-family:'Inter',sans-serif;font-weight:800;font-size:1.6rem;color:var(--accent);line-height:1.2}
.about-stat .lbl {color:var(--muted);font-size:.86rem;margin-top:6px}
.about-cta {background:linear-gradient(135deg,rgba(229,9,20,.16),rgba(245,197,24,.08));border:1px solid var(--line);border-radius:var(--radius);padding:36px 28px;text-align:center}
.about-cta h2 {font-size:1.4rem;font-weight:800;margin-bottom:12px}
.about-cta p {color:var(--muted);max-width:560px;margin:0 auto 22px;line-height:1.9}
.about-note {font-size:.86rem;color:var(--muted);line-height:1.9}
.site-footer {border-top:1px solid var(--line);background:var(--panel);margin-top:64px;padding:40px 0 26px}
.site-footer .brand {font-size:1.1rem}
.site-footer p {color:var(--muted);font-size:.9rem;line-height:1.9}
.footer-links a {color:var(--muted);text-decoration:none;margin-right:18px;font-size:.9rem;transition:.2s}
.footer-links a:hover {color:var(--accent)}
.footer-bottom {border-top:1px solid var(--line);margin-top:24px;padding-top:18px;color:var(--muted);font-size:.82rem}
.about-hero {padding:40px 0 24px}
.about-panel {padding:24px 20px}
.about-cta {padding:28px 20px}

/* --- 子页面追加 --- */
.navbar { background: rgba(11,11,15,.92); backdrop-filter: blur(12px); border-bottom: 1px solid var(--line); }
.navbar .nav-link { color: var(--text); font-weight: 500; }
.navbar .nav-link:hover, .navbar .nav-link.active { color: var(--main); }
.navbar .navbar-brand { color: var(--text); font-weight: 800; }
.navbar .navbar-brand i { color: var(--main); margin-right: 6px; }
.legal-hero {
      padding: 70px 0 40px;
      background: radial-gradient(900px 380px at 15% -10%, rgba(229,9,20,.18), transparent 60%),
                  radial-gradient(700px 340px at 85% 0%, rgba(245,197,24,.10), transparent 60%);
      border-bottom: 1px solid var(--line);
    }
.legal-hero h1 { font-weight: 900; font-size: clamp(26px, 4vw, 44px); line-height: 1.2; }
.legal-hero .lead-muted { color: var(--muted); max-width: 760px; margin-top: 14px; line-height: 1.9; }
.legal-hero .stamp {
      display: inline-flex; align-items: center; gap: 8px;
      background: var(--panel-2); border: 1px solid var(--line);
      color: var(--muted); border-radius: 999px;
      padding: 6px 14px; font-size: 13px; margin-bottom: 18px;
    }
.legal-hero .stamp i { color: var(--accent); }
.legal-wrap { padding: 54px 0 70px; }
.toc-card {
      background: var(--panel);
      border: 1px solid var(--line);
      border-radius: var(--radius);
      box-shadow: var(--shadow-md);
      padding: 22px 22px 12px;
      position: sticky;
      top: 88px;
    }
.toc-card h2 { font-size: 16px; font-weight: 800; letter-spacing: .5px; margin-bottom: 14px; }
.toc-card h2 i { color: var(--main); margin-right: 8px; }
.toc-card a {
      display: block; color: var(--muted); text-decoration: none;
      font-size: 14px; padding: 9px 10px; border-radius: 10px;
      border-left: 2px solid transparent; transition: .2s;
    }
.toc-card a:hover { color: var(--text); background: var(--panel-2); border-left-color: var(--main); }
.legal-section {
      background: var(--panel);
      border: 1px solid var(--line);
      border-radius: var(--radius);
      box-shadow: var(--shadow-md);
      padding: 28px 30px;
      margin-bottom: 22px;
      scroll-margin-top: 92px;
    }
.legal-section h2 {
      font-size: 20px; font-weight: 800; margin-bottom: 16px;
      display: flex; align-items: flex-start; gap: 10px; line-height: 1.45;
    }
.legal-section h2 .num {
      flex: 0 0 auto;
      font-size: 13px; font-weight: 800; color: #0b0b0f;
      background: var(--accent);
      border-radius: 8px; padding: 3px 9px; margin-top: 2px;
      font-family: 'Inter', monospace;
    }
.legal-section p { color: #cfcfd8; line-height: 1.95; margin-bottom: 12px; font-size: 15px; }
.legal-section p:last-child { margin-bottom: 0; }
.legal-section strong { color: var(--text); }
.legal-section a { color: var(--accent); text-decoration: none; }
.legal-section a:hover { text-decoration: underline; }
.legal-section ul { color: #cfcfd8; line-height: 1.95; font-size: 15px; padding-left: 22px; margin-bottom: 0; }
.legal-section ul li { margin-bottom: 8px; }
.legal-section ul li::marker { color: var(--main); }
.tip-box {
      background: linear-gradient(180deg, rgba(245,197,24,.08), rgba(245,197,24,.02));
      border: 1px solid rgba(245,197,24,.28);
      border-radius: 14px;
      padding: 16px 18px;
      color: #e7e2cf;
      font-size: 14.5px;
      line-height: 1.85;
      margin-top: 14px;
    }
.tip-box i { color: var(--accent); margin-right: 8px; }
.contact-strip {
      background: var(--panel-2);
      border: 1px solid var(--line);
      border-radius: var(--radius);
      padding: 26px 28px;
      display: flex; flex-wrap: wrap; gap: 18px;
      align-items: center; justify-content: space-between;
      box-shadow: var(--shadow-md);
    }
.contact-strip h3 { font-size: 17px; font-weight: 800; margin-bottom: 6px; }
.contact-strip p { color: var(--muted); margin: 0; font-size: 14.5px; }
.contact-strip .mail {
      font-family: 'Inter', monospace;
      color: var(--accent); font-weight: 600; font-size: 15px;
      word-break: break-all;
    }
.btn-mini {
      display: inline-flex; align-items: center; gap: 8px;
      background: var(--main); color: #fff; text-decoration: none;
      font-weight: 700; font-size: 14px;
      padding: 11px 20px; border-radius: 12px;
      box-shadow: 0 8px 20px rgba(229,9,20,.35);
      transition: .2s;
    }
.btn-mini:hover { background: #ff1a26; color: #fff; transform: translateY(-1px); }
footer.site-footer {
      border-top: 1px solid var(--line);
      background: #08080c;
      padding: 42px 0 26px;
    }
footer.site-footer .brand { color: var(--text); font-weight: 800; font-size: 18px; text-decoration: none; }
footer.site-footer .brand i { color: var(--main); margin-right: 6px; }
footer.site-footer p { color: var(--muted); font-size: 14px; line-height: 1.9; }
footer.site-footer .f-links a {
      display: inline-block; color: var(--muted); text-decoration: none;
      font-size: 14px; margin: 0 14px 8px 0; transition: .2s;
    }
footer.site-footer .f-links a:hover { color: var(--accent); }
footer.site-footer .copy {
      border-top: 1px solid var(--line);
      margin-top: 26px; padding-top: 18px;
      color: #6e6e7c; font-size: 13px;
    }
.toc-card { position: static; margin-bottom: 22px; }
.legal-section { padding: 22px 20px; }

/* --- Bootstrap 组件配色适配(程序自动补,避免白底黑字) --- */
.accordion-header { background:transparent !important; }