:root{
  --brand:#ea580c;
  --accent:#d97706;
  --bg:#fffbf5;
  --ink:#1c1917;
  --ink-soft:#57534e;
  --line:#1c1917;
  --paper:#ffffff;
  --tint:#fdf0e2;
}
*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  background:var(--bg);
  color:var(--ink);
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei","Noto Sans SC",Helvetica,Arial,sans-serif;
  line-height:1.85;
  font-weight:400;
  overflow-x:hidden;
  -webkit-font-smoothing:antialiased;
}
h1,h2,h3,h4,h5,h6{font-weight:800;line-height:1.35;letter-spacing:.2px;}
a{text-decoration:none;color:var(--brand);}
p{color:var(--ink-soft);}
::selection{background:var(--brand);color:#fff;}

/* ===== 硬朗直角工具类 ===== */
.hard{border:3px solid var(--line);background:var(--paper);box-shadow:8px 8px 0 var(--line);}
.hard-sm{border:3px solid var(--line);background:var(--paper);box-shadow:5px 5px 0 var(--line);}
.tag-block{display:inline-block;border:3px solid var(--line);background:var(--brand);color:#fff;padding:2px 12px;font-weight:800;font-size:.8rem;letter-spacing:2px;}

/* ===== 导航 ===== */
.nav-shell{
  position:sticky;top:0;z-index:1000;
  background:var(--bg);
  border-bottom:3px solid var(--line);
}
.nav-inner{display:flex;align-items:center;justify-content:space-between;padding:14px 0;}
.navbar-brand{
  font-weight:900;font-size:1.5rem;color:var(--ink)!important;
  display:flex;align-items:center;gap:10px;letter-spacing:.5px;
}
.brand-mark{
  width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;
  background:var(--brand);color:#fff;font-size:1.05rem;font-weight:900;
  border:3px solid var(--line);box-shadow:3px 3px 0 var(--line);
}
.nav-links{display:flex;gap:6px;align-items:center;list-style:none;margin:0;padding:0;}
.nav-links a{
  display:block;padding:8px 16px;color:var(--ink);font-weight:700;font-size:.95rem;
  border:3px solid transparent;transition:all .18s ease;
}
.nav-links a:hover{background:var(--tint);border-color:var(--line);box-shadow:3px 3px 0 var(--line);color:var(--brand);}
.nav-toggle{
  display:none;background:var(--brand);color:#fff;border:3px solid var(--line);
  box-shadow:4px 4px 0 var(--line);padding:6px 14px;font-size:1.1rem;font-weight:900;
}

/* ===== 时间线主轴 ===== */
.timeline-wrap{position:relative;padding:0;}
.timeline-wrap::before{
  content:"";position:absolute;left:24px;top:0;bottom:0;width:4px;
  background:repeating-linear-gradient(to bottom,var(--line) 0 14px,transparent 14px 26px);
  z-index:0;
}
.section{position:relative;padding:84px 0;z-index:1;}
.section-inner{padding-left:64px;}
.node-dot{
  position:absolute;left:12px;top:88px;width:28px;height:28px;
  background:var(--accent);border:3px solid var(--line);z-index:2;
  box-shadow:3px 3px 0 var(--line);
}
.node-dot::after{content:"";position:absolute;inset:6px;background:var(--paper);}
@media(max-width:767px){
  .timeline-wrap::before{left:14px;}
  .section-inner{padding-left:44px;}
  .node-dot{left:2px;width:24px;height:24px;}
}

/* ===== Hero ===== */
.hero{
  position:relative;min-height:600px;display:flex;align-items:center;
  overflow:hidden;border-bottom:3px solid var(--line);
  background:#2a1a0d;
}
.hero-bg{
  position:absolute;inset:-15% 0;background-image:url('{随机图片}');
  background-size:cover;background-position:center;will-change:transform;transform:translateY(0);
}
.hero-bg::after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(115deg,rgba(28,25,23,.92) 0%,rgba(28,25,23,.72) 48%,rgba(234,88,12,.45) 100%);
}
.hero-geo{position:absolute;inset:0;pointer-events:none;z-index:1;overflow:hidden;}
.geo{position:absolute;opacity:.9;}
.geo.c1{width:120px;height:120px;border:6px solid var(--accent);right:8%;top:14%;}
.geo.c2{width:90px;height:90px;background:var(--brand);right:22%;bottom:16%;opacity:.65;}
.geo.tri{width:0;height:0;border-left:60px solid transparent;border-right:60px solid transparent;border-bottom:104px solid rgba(217,119,6,.55);right:6%;bottom:8%;}
.geo.c3{width:46px;height:46px;background:#fff;right:33%;top:24%;opacity:.35;}
.hero-content{position:relative;z-index:3;color:#fff;padding:90px 0;max-width:830px;}
.hero-kicker{display:inline-block;background:var(--brand);border:3px solid #fff;padding:4px 16px;font-weight:800;letter-spacing:3px;font-size:.8rem;margin-bottom:22px;box-shadow:5px 5px 0 rgba(0,0,0,.5);}
.hero h1{font-size:clamp(2rem,4.6vw,3.4rem);font-weight:900;color:#fff;margin-bottom:20px;text-shadow:4px 4px 0 rgba(0,0,0,.35);}
.hero h1 .hl{color:#fbbf24;}
.hero p{color:#f5e9dc;font-size:1.08rem;max-width:640px;margin-bottom:30px;}
.btn-hard{
  display:inline-flex;align-items:center;gap:10px;
  padding:14px 30px;font-weight:800;font-size:1rem;letter-spacing:1px;
  color:#fff;background:var(--brand);border:3px solid #fff;
  box-shadow:6px 6px 0 rgba(0,0,0,.55);position:relative;overflow:hidden;
  transition:transform .16s ease,box-shadow .16s ease;
}
.btn-hard::before{
  content:"";position:absolute;top:0;left:-120%;width:70%;height:100%;
  background:linear-gradient(100deg,transparent,rgba(255,255,255,.65),transparent);
  transform:skewX(-20deg);transition:left .55s ease;
}
.btn-hard:hover{color:#fff;transform:translate(-2px,-2px);box-shadow:9px 9px 0 rgba(0,0,0,.6);}
.btn-hard:hover::before{left:130%;}
.btn-hard.ghost{background:transparent;color:#fff;border-color:#fff;}
.btn-hard.ghost:hover{background:#fff;color:var(--ink);}

/* ===== 数据统计 ===== */
.stat-box{
  border:3px solid var(--line);background:var(--paper);box-shadow:8px 8px 0 var(--line);
  padding:30px 22px;text-align:center;height:100%;
  transition:transform .18s ease,box-shadow .18s ease;
}
.stat-box:hover{transform:translate(-3px,-3px);box-shadow:11px 11px 0 var(--line);}
.stat-num{font-size:2.6rem;font-weight:900;color:var(--brand);line-height:1;letter-spacing:-1px;}
.stat-num .unit{font-size:1.2rem;color:var(--ink);font-weight:800;margin-left:3px;}
.stat-label{margin-top:12px;font-weight:700;color:var(--ink);font-size:.95rem;letter-spacing:1px;}

/* ===== 标题 ===== */
.sec-head{margin-bottom:44px;max-width:760px;}
.sec-head h2{font-size:clamp(1.5rem,2.6vw,2.1rem);margin:14px 0 12px;}
.sec-head p{margin:0;font-size:1.02rem;}

/* ===== 编号清单 ===== */
.step-list{list-style:none;margin:0;padding:0;counter-reset:step;}
.step-list li{
  counter-increment:step;position:relative;
  padding:24px 26px 24px 92px;margin-bottom:20px;
  border:3px solid var(--line);background:var(--paper);box-shadow:6px 6px 0 var(--line);
  transition:background .18s ease,transform .18s ease;
}
.step-list li:hover{background:var(--tint);transform:translateX(4px);}
.step-list li::before{
  content:counter(step,decimal-leading-zero);
  position:absolute;left:20px;top:22px;width:48px;height:48px;
  display:flex;align-items:center;justify-content:center;
  background:var(--brand);color:#fff;font-weight:900;font-size:1.1rem;
  border:3px solid var(--line);box-shadow:3px 3px 0 var(--line);
}
.step-list h3{font-size:1.1rem;margin-bottom:6px;}
.step-list p{margin:0;font-size:.96rem;}

/* ===== 对比表格 ===== */
.cmp-table{border:3px solid var(--line);box-shadow:8px 8px 0 var(--line);background:var(--paper);overflow:hidden;}
.cmp-table table{width:100%;border-collapse:collapse;margin:0;}
.cmp-table thead th{
  background:var(--ink);color:#fff;font-weight:800;font-size:.92rem;
  padding:16px 18px;border-right:3px solid var(--bg);letter-spacing:1px;
}
.cmp-table thead th:last-child{border-right:none;}
.cmp-table thead th.accent-col{background:var(--brand);}
.cmp-table tbody td{
  padding:15px 18px;border-top:3px solid var(--line);border-right:3px solid var(--line);
  font-size:.95rem;vertical-align:middle;
}
.cmp-table tbody td:last-child{border-right:none;}
.cmp-table tbody th{
  padding:15px 18px;border-top:3px solid var(--line);border-right:3px solid var(--line);
  font-weight:800;background:var(--tint);color:var(--ink);font-size:.94rem;text-align:left;
}
.cmp-table tbody tr:hover td{background:#fff5ea;}
.yes{color:var(--brand);font-weight:900;}
.no{color:#a8a29e;font-weight:800;}
.cmp-scroll{overflow-x:auto;}

/* ===== FAQ ===== */
.faq-item{
  border:3px solid var(--line);background:var(--paper);box-shadow:6px 6px 0 var(--line);
  margin-bottom:18px;overflow:hidden;
}
.faq-q{
  width:100%;text-align:left;background:transparent;border:none;
  padding:20px 24px;font-weight:800;font-size:1.02rem;color:var(--ink);
  display:flex;align-items:center;justify-content:space-between;gap:16px;cursor:pointer;
  transition:background .18s ease;
}
.faq-q:hover{background:var(--tint);}
.faq-q .fi{
  flex:0 0 auto;width:30px;height:30px;display:flex;align-items:center;justify-content:center;
  background:var(--accent);color:#fff;border:3px solid var(--line);font-size:.8rem;
  transition:transform .25s ease;
}
.faq-item.open .faq-q .fi{transform:rotate(45deg);background:var(--brand);}
.faq-a{max-height:0;overflow:hidden;transition:max-height .35s ease;}
.faq-a-inner{padding:0 24px 22px;border-top:3px dashed #d6d3d1;margin-top:0;padding-top:16px;}
.faq-a-inner p{margin:0;font-size:.95rem;}

/* ===== CTA ===== */
.cta-panel{
  border:3px solid var(--line);background:var(--ink);color:#fff;
  box-shadow:12px 12px 0 var(--brand);padding:56px 40px;position:relative;overflow:hidden;
}
.cta-panel h2{color:#fff;font-size:clamp(1.5rem,3vw,2.2rem);margin-bottom:14px;}
.cta-panel p{color:#d6d3d1;max-width:620px;margin:0 auto 28px;}
.cta-geo{position:absolute;width:160px;height:160px;border:6px solid rgba(234,88,12,.45);right:-50px;top:-50px;}
.cta-geo.two{width:100px;height:100px;background:rgba(217,119,6,.35);border:none;left:-30px;bottom:-30px;right:auto;top:auto;}

/* ===== 友链 ===== */
.friend-zone{border-top:3px solid var(--line);background:var(--paper);padding:44px 0;}
.friend-zone h4{font-size:1.02rem;margin-bottom:14px;letter-spacing:1px;}
.friend-zone h4 i{color:var(--brand);margin-right:8px;}
.friend-line{
  border:3px dashed #d6d3d1;padding:16px 20px;font-size:.92rem;color:var(--ink-soft);
  word-break:break-all;background:var(--bg);
}

/* ===== 页脚 ===== */
.site-footer{background:var(--ink);color:#d6d3d1;padding:52px 0 26px;border-top:3px solid var(--line);}
.site-footer h5{color:#fff;font-size:1rem;margin-bottom:14px;letter-spacing:1px;}
.site-footer a{color:#d6d3d1;font-size:.92rem;display:inline-block;padding:3px 0;transition:color .15s;}
.site-footer a:hover{color:#fbbf24;}
.foot-line{border-top:1px solid #44403c;margin-top:32px;padding-top:20px;font-size:.85rem;color:#a8a29e;}
.foot-brand{font-weight:900;color:#fff;font-size:1.1rem;display:flex;align-items:center;gap:10px;margin-bottom:12px;}
.foot-brand .brand-mark{box-shadow:3px 3px 0 rgba(255,255,255,.25);}

@media(max-width:991px){
  .nav-toggle{display:block;}
  .nav-links{
    display:none;position:absolute;left:0;right:0;top:100%;
    background:var(--bg);border-bottom:3px solid var(--line);
    flex-direction:column;align-items:stretch;gap:0;padding:10px 0;
  }
  .nav-links.show{display:flex;}
  .nav-links a{border:3px solid transparent;margin:0 14px 8px;}
  .hero{min-height:520px;}
  .cta-panel{padding:40px 24px;box-shadow:8px 8px 0 var(--brand);}
  .stat-num{font-size:2.1rem;}
}

/* --- 子页面追加 --- */
/* 本页专属少量补充，沿用站点变量 */
  body {background:var(--bg);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei","Noto Sans SC",Helvetica,Arial,sans-serif;}
.rank-tabs {display:flex;flex-wrap:wrap;gap:.6rem;margin:1.6rem 0 1.8rem;}
.rank-tab {
    padding:.55rem 1.1rem;border:2px solid var(--line);background:var(--paper);
    color:var(--ink);font-weight:700;font-size:.92rem;cursor:pointer;
    box-shadow:3px 3px 0 var(--line);transition:.15s;
  }
.rank-tab:hover {background:var(--tint);transform:translate(-1px,-1px);box-shadow:4px 4px 0 var(--line);}
.rank-tab.active {background:var(--brand);color:#fff;border-color:var(--line);}
.rank-list {display:flex;flex-direction:column;gap:1rem;}
.rank-item {
    display:flex;align-items:stretch;gap:1rem;background:var(--paper);
    border:2px solid var(--line);box-shadow:4px 4px 0 var(--line);padding:1rem 1.1rem;
  }
.rank-no {
    flex:0 0 58px;display:flex;align-items:center;justify-content:center;
    font-size:1.5rem;font-weight:900;color:var(--ink);
    background:var(--tint);border:2px solid var(--line);
  }
.rank-item.top .rank-no {background:var(--brand);color:#fff;}
.rank-main {flex:1 1 auto;min-width:0;}
.rank-title {font-size:1.08rem;font-weight:800;margin:0 0 .3rem;}
.rank-title .cate {
    display:inline-block;font-size:.72rem;font-weight:700;padding:.12rem .5rem;
    margin-left:.5rem;background:var(--tint);border:1.5px solid var(--line);
    color:var(--ink-soft);vertical-align:middle;
  }
.rank-desc {margin:0 0 .55rem;font-size:.9rem;color:var(--ink-soft);line-height:1.65;}
.rank-meta {display:flex;flex-wrap:wrap;gap:.5rem 1.2rem;font-size:.8rem;color:var(--ink-soft);}
.rank-meta b {color:var(--brand);font-weight:800;}
.rank-bar {height:8px;background:var(--tint);border:1.5px solid var(--line);margin-top:.6rem;overflow:hidden;}
.rank-bar span {display:block;height:100%;background:var(--brand);}
.rule-grid {display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:1.2rem;margin-top:1.6rem;}
.rule-card {background:var(--paper);border:2px solid var(--line);box-shadow:4px 4px 0 var(--line);padding:1.2rem 1.3rem;}
.rule-card h3 {margin:.2rem 0 .6rem;font-size:1.02rem;}
.rule-card p {margin:0;font-size:.9rem;line-height:1.7;color:var(--ink-soft);}
.rule-card .ic {font-size:1.3rem;color:var(--brand);}
.tab-panel {display:none;}
.tab-panel.show {display:block;}
.rank-note {font-size:.82rem;color:var(--ink-soft);margin-top:1.4rem;line-height:1.7;}
.rank-item {flex-wrap:wrap;gap:.7rem;padding:.9rem;}
.rank-no {flex:0 0 44px;font-size:1.15rem;}
.rank-title {font-size:1rem;}

/* --- 子页面追加 --- */
.about-lead {font-size:1.05rem;line-height:1.95;color:var(--ink-soft);max-width:62ch;}
.about-lead strong {color:var(--ink);font-weight:700;}
.fact-grid {display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;margin-top:26px;}
.fact-card {background:var(--paper);border:2px solid var(--line);border-radius:12px;padding:20px 22px;box-shadow:5px 5px 0 var(--line);}
.fact-card .fc-icon {font-size:1.3rem;color:var(--brand);margin-bottom:8px;display:block;}
.fact-card h3 {font-size:1.02rem;font-weight:800;color:var(--ink);margin:0 0 8px;}
.fact-card p {font-size:.9rem;line-height:1.8;color:var(--ink-soft);margin:0;}
.prin-list {list-style:none;padding:0;margin:26px 0 0;display:grid;gap:16px;}
.prin-item {display:flex;gap:16px;background:var(--tint);border:2px solid var(--line);border-radius:12px;padding:18px 20px;}
.prin-item .pi-no {flex:0 0 auto;width:38px;height:38px;border-radius:10px;background:var(--brand);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:1rem;border:2px solid var(--line);}
.prin-item h3 {font-size:1rem;font-weight:800;color:var(--ink);margin:0 0 6px;}
.prin-item p {font-size:.9rem;line-height:1.8;color:var(--ink-soft);margin:0;}
.note-box {margin-top:30px;background:var(--paper);border:2px dashed var(--line);border-radius:12px;padding:22px 24px;}
.note-box p {font-size:.92rem;line-height:1.9;color:var(--ink-soft);margin:0;}
.note-box p + p {margin-top:10px;}
.note-box a {color:var(--brand);font-weight:700;text-decoration:underline;}
.about-cta {margin-top:36px;display:flex;flex-wrap:wrap;gap:14px;}
.prin-item {flex-direction:column;gap:10px;}
.fact-card {box-shadow:4px 4px 0 var(--line);}

/* --- 子页面追加 --- */
/* 本页专属少量样式，沿用站点变量与硬朗风格 */
    .disclaimer-block {
      background: var(--paper);
      border: 3px solid var(--line);
      box-shadow: 6px 6px 0 var(--line);
      padding: 2rem 2.2rem;
      margin-bottom: 2rem;
      border-radius: 0;
    }
.disclaimer-block h2 {
      font-size: 1.5rem;
      font-weight: 800;
      letter-spacing: -0.02em;
      margin-bottom: 1.1rem;
      display: flex;
      align-items: center;
      gap: .6rem;
    }
.disclaimer-block h2 i {
      color: var(--brand);
      font-size: 1.3rem;
    }
.disclaimer-block h3 {
      font-size: 1.15rem;
      font-weight: 700;
      margin-top: 1.6rem;
      margin-bottom: .7rem;
      color: var(--brand);
    }
.disclaimer-block p,
    .disclaimer-block li {
      color: var(--ink-soft);
      font-size: 1rem;
      line-height: 1.8;
    }
.disclaimer-block ul {
      padding-left: 1.3rem;
      margin-bottom: 0;
    }
.disclaimer-block li {
      margin-bottom: .4rem;
    }
.disclaimer-block li::marker {
      color: var(--brand);
      font-weight: 700;
    }
.disclaimer-highlight {
      background: var(--tint);
      border-left: 5px solid var(--brand);
      padding: 1rem 1.4rem;
      margin: 1.4rem 0;
      font-size: .98rem;
      color: var(--ink);
      font-weight: 500;
    }
.disclaimer-meta {
      font-size: .85rem;
      color: var(--ink-soft);
      border-top: 2px dashed var(--line);
      padding-top: 1.2rem;
      margin-top: 2rem;
      text-align: right;
    }
.disclaimer-block {
        padding: 1.4rem 1.1rem;
        box-shadow: 4px 4px 0 var(--line);
      }
.disclaimer-block h2 {
        font-size: 1.25rem;
      }