:root{
    --brand:#9f1239;
    --accent:#e11d48;
    --bg:#fafafa;
    --ink:#3f0a1a;
    --line:rgba(159,18,57,.18);
    --line-soft:rgba(159,18,57,.10);
    --muted:rgba(63,10,26,.62);
    --card:#ffffff;
    --sidebar-w:260px;
  }
  *{box-sizing:border-box;}
  html{scroll-behavior:smooth;}
  body{
    margin:0;
    background:var(--bg);
    color:var(--ink);
    font-family:"Inter","Noto Sans SC","PingFang SC","Microsoft YaHei",system-ui,-apple-system,sans-serif;
    font-size:16px;
    line-height:1.85;
    -webkit-font-smoothing:antialiased;
  }
  h1,h2,h3,h4,h5,.serif{
    font-family:"Source Han Serif SC","Noto Serif SC","Songti SC",Georgia,serif;
    font-weight:700;
    letter-spacing:.01em;
    line-height:1.4;
  }
  a{text-decoration:none;color:var(--brand);}
  a:hover{color:var(--accent);}
  img{max-width:100%;display:block;}

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

  /* 侧栏 */
  .sidebar{
    position:fixed;top:0;left:0;bottom:0;width:var(--sidebar-w);
    background:#fff;border-right:1px solid var(--line-soft);
    padding:28px 22px 24px;overflow-y:auto;z-index:1040;
  }
  .brand-mark{
    display:flex;align-items:center;gap:10px;
    font-family:"Source Han Serif SC","Noto Serif SC","Songti SC",Georgia,serif;
    font-size:22px;font-weight:800;color:var(--ink);
    padding-bottom:20px;margin-bottom:20px;
    border-bottom:1px solid var(--line-soft);
  }
  .brand-mark i{color:var(--accent);font-size:18px;}
  .side-nav{list-style:none;padding:0;margin:0 0 26px;}
  .side-nav li{margin-bottom:4px;}
  .side-nav a{
    display:block;padding:9px 12px;border-radius:8px;
    color:var(--ink);font-size:15px;font-weight:500;
    border:1px solid transparent;transition:.2s;
  }
  .side-nav a:hover{background:rgba(159,18,57,.06);border-color:var(--line-soft);color:var(--brand);}
  .side-nav a i{width:20px;color:var(--brand);font-size:13px;margin-right:6px;}
  .side-title{
    font-size:12px;letter-spacing:.16em;text-transform:uppercase;
    color:var(--muted);margin:0 0 10px;font-weight:600;
  }
  .side-links{list-style:none;padding:0;margin:0 0 26px;}
  .side-links a{display:block;padding:6px 12px;font-size:14px;color:var(--muted);}
  .side-links a:hover{color:var(--accent);}
  .side-stat{
    border:1px solid var(--line-soft);border-radius:10px;padding:14px 16px;
    font-size:13px;color:var(--muted);
  }
  .side-stat strong{display:block;font-size:24px;color:var(--brand);font-family:"Source Han Serif SC",serif;}

  /* 主区域 */
  .main-wrap{margin-left:var(--sidebar-w);}
  .site-header{
    position:sticky;top:0;z-index:1030;
    background:rgba(250,250,250,.86);backdrop-filter:blur(10px);
    border-bottom:1px solid var(--line-soft);
    padding:12px 34px;display:flex;align-items:center;justify-content:space-between;
  }
  .site-header .tag{font-size:13px;color:var(--muted);}
  .mobile-toggle{display:none;background:none;border:1px solid var(--line);border-radius:8px;padding:6px 12px;color:var(--brand);}

  .content{padding:0 34px 40px;max-width:1180px;}

  /* Hero */
  .hero{
    position:relative;overflow:hidden;
    padding:86px 0 74px;border-bottom:1px solid var(--line-soft);
  }
  .hero-glow{
    position:absolute;border-radius:50%;filter:blur(70px);pointer-events:none;z-index:0;
  }
  .glow-a{width:420px;height:420px;background:rgba(225,29,72,.20);top:-140px;right:-60px;}
  .glow-b{width:340px;height:340px;background:rgba(159,18,57,.14);bottom:-160px;left:12%;}
  .hero-inner{position:relative;z-index:1;}
  .hero h1{font-size:clamp(26px,3.4vw,40px);margin:0 0 18px;max-width:820px;}
  .hero p.lead-text{font-size:17px;color:var(--muted);max-width:720px;margin:0 0 34px;}
  .stat-row{
    display:grid;grid-template-columns:repeat(4,1fr);gap:0;
    border-top:1px solid var(--line);border-bottom:1px solid var(--line);
  }
  .stat-cell{padding:24px 18px 22px;border-right:1px solid var(--line-soft);}
  .stat-cell:last-child{border-right:none;}
  .stat-num{
    font-family:"Source Han Serif SC","Noto Serif SC",serif;
    font-size:clamp(28px,3.2vw,42px);font-weight:800;color:var(--brand);
    line-height:1.1;display:block;
  }
  .stat-label{font-size:13px;color:var(--muted);letter-spacing:.04em;}

  /* 区块通用 */
  section.block{padding:66px 0;border-bottom:1px solid var(--line-soft);}
  .block-head{margin-bottom:34px;}
  .kicker{
    font-size:12px;letter-spacing:.2em;text-transform:uppercase;
    color:var(--accent);font-weight:600;margin-bottom:10px;display:block;
  }
  .block-head h2{font-size:clamp(21px,2.2vw,27px);margin:0 0 12px;}
  .block-head p{color:var(--muted);margin:0;max-width:720px;}

  /* 对比表格 */
  .compare-wrap{
    border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#fff;
  }
  table.compare{width:100%;border-collapse:collapse;font-size:15px;}
  table.compare th,table.compare td{
    padding:16px 18px;text-align:left;border-bottom:1px solid var(--line-soft);
    vertical-align:top;
  }
  table.compare thead th{
    background:rgba(159,18,57,.05);font-family:"Source Han Serif SC",serif;
    font-size:15px;font-weight:700;color:var(--brand);border-bottom:1px solid var(--line);
  }
  table.compare tbody tr:last-child td{border-bottom:none;}
  table.compare tbody tr:hover{background:rgba(225,29,72,.035);}
  .yes{color:var(--brand);font-weight:600;}
  .no{color:rgba(63,10,26,.4);}

  /* 特色瀑布流卡片 */
  .masonry{column-count:3;column-gap:20px;}
  .mcard{
    break-inside:avoid;display:inline-block;width:100%;margin-bottom:20px;
    background:var(--card);border:1px solid var(--line-soft);border-radius:12px;
    padding:22px 22px 20px;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;
  }
  .mcard:hover{transform:translateY(-6px);box-shadow:0 16px 34px rgba(159,18,57,.16);border-color:var(--line);}
  .mcard .ic{
    width:38px;height:38px;border-radius:9px;display:flex;align-items:center;justify-content:center;
    background:rgba(225,29,72,.10);color:var(--brand);font-size:16px;margin-bottom:14px;
  }
  .mcard h3{font-size:17px;margin:0 0 8px;}
  .mcard p{margin:0;font-size:14.5px;color:var(--muted);line-height:1.8;}

  /* 编号清单 */
  .steps{list-style:none;counter-reset:s;padding:0;margin:0;}
  .steps li{
    counter-increment:s;position:relative;padding:18px 0 18px 62px;
    border-bottom:1px dashed var(--line-soft);
  }
  .steps li:last-child{border-bottom:none;}
  .steps li::before{
    content:counter(s,decimal-leading-zero);
    position:absolute;left:0;top:16px;
    font-family:"Source Han Serif SC",serif;font-size:19px;font-weight:800;
    color:var(--accent);width:44px;height:44px;border:1px solid var(--line);
    border-radius:50%;display:flex;align-items:center;justify-content:center;
    font-size:14px;
  }
  .steps li strong{display:block;margin-bottom:4px;font-size:16px;}
  .steps li span{color:var(--muted);font-size:14.5px;}

  /* FAQ */
  .faq-item{border-bottom:1px solid var(--line-soft);}
  .faq-q{
    width:100%;background:none;border:none;text-align:left;
    padding:20px 0;font-size:16px;font-weight:600;color:var(--ink);
    font-family:"Source Han Serif SC",serif;display:flex;justify-content:space-between;
    gap:16px;align-items:flex-start;cursor:pointer;transition:color .2s;
  }
  .faq-q:hover{color:var(--brand);}
  .faq-q i{color:var(--accent);font-size:13px;margin-top:6px;transition:transform .25s;}
  .faq-q.open i{transform:rotate(45deg);}
  .faq-a{max-height:0;overflow:hidden;transition:max-height .3s ease;}
  .faq-a p{margin:0 0 20px;color:var(--muted);font-size:14.5px;line-height:1.9;}

  /* CTA */
  .cta-box{
    position:relative;overflow:hidden;
    border:1px solid var(--line);border-radius:14px;
    padding:52px 40px;text-align:center;background:#fff;
  }
  .cta-box .glow-c{
    position:absolute;width:360px;height:360px;border-radius:50%;
    background:rgba(225,29,72,.16);filter:blur(70px);top:-180px;left:50%;transform:translateX(-50%);
  }
  .cta-box h2{position:relative;font-size:clamp(21px,2.4vw,28px);margin:0 0 14px;}
  .cta-box p{position:relative;color:var(--muted);max-width:620px;margin:0 auto 28px;}
  .btn-brand{
    position:relative;display:inline-block;padding:12px 32px;border-radius:9px;
    background:var(--brand);color:#fff;font-weight:600;font-size:15px;
    border:1px solid var(--brand);transition:.22s;
  }
  .btn-brand:hover{background:var(--accent);border-color:var(--accent);color:#fff;transform:translateY(-2px);}
  .btn-ghost{
    position:relative;display:inline-block;padding:12px 32px;border-radius:9px;
    background:transparent;color:var(--brand);font-weight:600;font-size:15px;
    border:1px solid var(--line);margin-left:12px;transition:.22s;
  }
  .btn-ghost:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-2px);}

  /* 友链 */
  .friend-links{
    padding:40px 0 34px;border-bottom:1px solid var(--line-soft);
  }
  .friend-links h2{font-size:16px;margin:0 0 14px;letter-spacing:.04em;}
  .friend-links .fl-line{color:var(--muted);font-size:14.5px;word-break:break-word;}
  .friend-links .fl-line a{color:var(--brand);}

  /* 页脚 */
  footer.site-footer{
    padding:36px 0 46px;color:var(--muted);font-size:13.5px;
  }
  footer.site-footer .f-top{display:flex;flex-wrap:wrap;gap:14px 26px;margin-bottom:16px;}
  footer.site-footer .f-top a{color:var(--muted);}
  footer.site-footer .f-top a:hover{color:var(--accent);}
  footer.site-footer .f-brand{
    font-family:"Source Han Serif SC",serif;color:var(--ink);font-weight:700;font-size:15px;
  }

  /* 响应式 */
  @media (max-width:1100px){
    .masonry{column-count:2;}
  }
  @media (max-width:900px){
    .sidebar{
      transform:translateX(-100%);transition:transform .28s ease;
      box-shadow:0 0 0 1px var(--line-soft);width:280px;
    }
    .sidebar.show{transform:translateX(0);}
    .main-wrap{margin-left:0;}
    .mobile-toggle{display:inline-flex;align-items:center;gap:6px;}
    .site-header{padding:12px 18px;}
    .content{padding:0 18px 30px;}
    .hero{padding:60px 0 50px;}
    .stat-row{grid-template-columns:repeat(2,1fr);}
    .stat-cell:nth-child(2){border-right:none;}
    .stat-cell:nth-child(1),.stat-cell:nth-child(2){border-bottom:1px solid var(--line-soft);}
  }
  @media (max-width:640px){
    .masonry{column-count:1;}
    table.compare{font-size:13.5px;}
    table.compare th,table.compare td{padding:12px 12px;}
    section.block{padding:48px 0;}
    .cta-box{padding:38px 20px;}
    .btn-ghost{margin:12px 0 0 0;display:block;}
  }

/* --- 子页面追加 --- */
/* 本页专属少量样式，复用站内变量 */
  .about-lead {font-size:clamp(16px,1.6vw,19px);line-height:1.95;color:var(--muted);max-width:74ch}
.about-lead strong {color:var(--ink);font-weight:600}
.value-grid {display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin-top:8px}
.value-card {background:var(--card);border:1px solid var(--line-soft);border-radius:14px;padding:22px 22px 20px;transition:.25s ease}
.value-card:hover {border-color:var(--line);transform:translateY(-2px);box-shadow:0 10px 26px -18px rgba(159,18,57,.45)}
.value-card h3 {font-size:16.5px;font-weight:700;color:var(--ink);margin:0 0 10px;display:flex;align-items:center;gap:8px}
.value-card h3 i {color:var(--accent);font-size:15px}
.value-card p {margin:0;font-size:14px;line-height:1.85;color:var(--muted)}
.rhythm-list {list-style:none;padding:0;margin:0;display:grid;gap:12px}
.rhythm-list li {display:flex;gap:14px;background:var(--card);border:1px solid var(--line-soft);border-radius:12px;padding:16px 18px}
.rhythm-list .num {flex:0 0 30px;height:30px;border-radius:50%;background:rgba(225,29,72,.10);color:var(--brand);font-weight:800;font-size:13px;display:flex;align-items:center;justify-content:center}
.rhythm-list h3 {margin:0 0 4px;font-size:15px;font-weight:700;color:var(--ink)}
.rhythm-list p {margin:0;font-size:13.5px;line-height:1.8;color:var(--muted)}
.about-quote {border-left:3px solid var(--accent);padding:4px 0 4px 18px;margin:26px 0;color:var(--ink);font-size:15.5px;line-height:1.9;font-weight:500}
.about-quote span {display:block;margin-top:8px;font-size:12.5px;color:var(--muted);font-weight:400}
.mini-table {width:100%;border-collapse:collapse;margin-top:10px;font-size:14px}
.mini-table th,.mini-table td {text-align:left;padding:12px 14px;border-bottom:1px solid var(--line-soft);color:var(--muted);vertical-align:top}
.mini-table th {color:var(--ink);font-weight:700;font-size:13px;letter-spacing:.02em;background:rgba(159,18,57,.045)}
.mini-table td strong {color:var(--ink);font-weight:600}
.about-cta {margin-top:34px;background:linear-gradient(135deg,rgba(159,18,57,.06),rgba(225,29,72,.03));border:1px solid var(--line);border-radius:16px;padding:26px 26px 24px}
.about-cta h2 {font-size:19px;font-weight:800;color:var(--ink);margin:0 0 8px}
.about-cta p {margin:0 0 16px;font-size:14px;line-height:1.85;color:var(--muted)}
.cta-links {display:flex;flex-wrap:wrap;gap:12px}
.cta-btn {display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border-radius:999px;font-size:13.5px;font-weight:600;text-decoration:none;transition:.2s ease}
.cta-btn.primary {background:var(--brand);color:#fff}
.cta-btn.primary:hover {background:var(--accent)}
.cta-btn.ghost {background:transparent;color:var(--brand);border:1px solid var(--line)}
.cta-btn.ghost:hover {border-color:var(--accent);color:var(--accent)}
.rhythm-list li {flex-direction:row}
.about-cta {padding:20px 18px}
.mini-table th:nth-child(3),.mini-table td:nth-child(3) {display:none}

/* --- 子页面追加 --- */
.guide-main {max-width:860px;}
.guide-lead {font-size:1.06rem;line-height:1.95;color:var(--ink);margin:0 0 18px;}
.guide-p {line-height:1.95;color:var(--muted);margin:0 0 16px;}
.guide-card {
    background:var(--card);
    border:1px solid var(--line-soft);
    border-radius:16px;
    padding:24px 26px;
    margin-bottom:22px;
    box-shadow:0 8px 26px -22px rgba(159,18,57,.5);
  }
.guide-card h3 {
    font-size:1.16rem;font-weight:800;color:var(--ink);
    margin:0 0 14px;letter-spacing:-.01em;line-height:1.5;
  }
.guide-card h3 .num {
    display:inline-flex;align-items:center;justify-content:center;
    width:26px;height:26px;border-radius:8px;margin-right:10px;
    background:var(--brand);color:#fff;font-size:.82rem;font-weight:800;
    vertical-align:2px;
  }
.guide-list {margin:0;padding:0;list-style:none;}
.guide-list li {
    position:relative;padding-left:22px;margin-bottom:11px;
    line-height:1.9;color:var(--muted);font-size:.96rem;
  }
.guide-list li::before {
    content:"";position:absolute;left:0;top:.72em;
    width:7px;height:7px;border-radius:50%;
    background:var(--accent);
  }
.guide-list li strong {color:var(--ink);font-weight:700;}
.step-row {display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:6px 0 0;}
.step-cell {
    background:rgba(159,18,57,.045);
    border:1px solid var(--line-soft);
    border-radius:14px;padding:16px 16px 14px;
  }
.step-cell .s-k {
    display:inline-block;font-size:.72rem;font-weight:800;letter-spacing:.08em;
    color:var(--accent);text-transform:uppercase;margin-bottom:8px;
  }
.step-cell h4 {font-size:.98rem;font-weight:800;color:var(--ink);margin:0 0 8px;line-height:1.5;}
.step-cell p {margin:0;font-size:.88rem;line-height:1.8;color:var(--muted);}
.tip-box {
    border-left:3px solid var(--accent);
    background:rgba(225,29,72,.05);
    border-radius:0 12px 12px 0;
    padding:16px 20px;margin:0 0 22px;
  }
.tip-box p {margin:0;font-size:.94rem;line-height:1.9;color:var(--ink);}
.tip-box p + p {margin-top:8px;}
.tip-box strong {color:var(--brand);}
.time-table {width:100%;border-collapse:collapse;margin:4px 0 0;font-size:.93rem;}
.time-table th,.time-table td {
    text-align:left;padding:12px 14px;
    border-bottom:1px solid var(--line-soft);
    line-height:1.7;
  }
.time-table th {
    font-weight:800;color:var(--ink);font-size:.85rem;
    letter-spacing:.03em;background:rgba(159,18,57,.05);
  }
.time-table td {color:var(--muted);}
.time-table td:first-child {color:var(--ink);font-weight:700;white-space:nowrap;}
.time-table tr:last-child td {border-bottom:none;}
.step-row {grid-template-columns:1fr;}
.guide-card {padding:20px 18px;}
.time-table th,.time-table td {padding:10px 8px;font-size:.86rem;}
.time-table td:first-child {white-space:normal;}

/* --- 子页面追加 --- */
/* ---- 本页专属：榜单列表 ---- */
  .rank-tabs {display:flex;flex-wrap:wrap;gap:.5rem;margin:0 0 1.6rem;}
.rank-tab {
    border:1px solid var(--line);
    background:var(--card);
    color:var(--ink);
    font-size:.86rem;font-weight:600;
    padding:.45rem 1rem;border-radius:999px;
    cursor:pointer;transition:.18s ease;
    font-family:inherit;
  }
.rank-tab:hover {border-color:var(--accent);color:var(--accent);}
.rank-tab.is-active {background:var(--brand);color:#fff;border-color:var(--brand);}
.rank-list {list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.9rem;}
.rank-item {
    display:grid;grid-template-columns:56px 1fr auto;gap:1rem;align-items:center;
    background:var(--card);
    border:1px solid var(--line-soft);
    border-radius:14px;
    padding:1rem 1.2rem;
    transition:.2s ease;
  }
.rank-item:hover {border-color:var(--line);box-shadow:0 10px 26px -18px rgba(159,18,57,.55);transform:translateY(-2px);}
.rank-no {
    font-size:1.55rem;font-weight:900;line-height:1;
    color:var(--muted);letter-spacing:-.03em;
    text-align:center;
  }
.rank-item:nth-child(1) .rank-no {color:var(--brand);}
.rank-item:nth-child(2) .rank-no {color:var(--accent);}
.rank-item:nth-child(3) .rank-no {color:#c2410c;}
.rank-body h3 {margin:0 0 .3rem;font-size:1.02rem;font-weight:700;color:var(--ink);}
.rank-body h3 span {font-size:.74rem;font-weight:600;color:var(--accent);margin-left:.45rem;letter-spacing:.02em;}
.rank-body p {margin:0;font-size:.85rem;line-height:1.6;color:var(--muted);}
.rank-tags {display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.5rem;}
.rank-tags i {
    font-style:normal;font-size:.72rem;font-weight:600;
    color:var(--brand);background:rgba(159,18,57,.07);
    border:1px solid var(--line-soft);
    padding:.15rem .55rem;border-radius:999px;
  }
.rank-heat {text-align:right;min-width:96px;}
.rank-heat .heat-num {font-size:1.05rem;font-weight:800;color:var(--ink);letter-spacing:-.02em;}
.rank-heat .heat-label {display:block;font-size:.7rem;color:var(--muted);margin-top:.15rem;}
.heat-bar {height:5px;border-radius:99px;background:rgba(159,18,57,.10);margin-top:.45rem;overflow:hidden;}
.heat-bar span {display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,var(--brand),var(--accent));}
.rank-note {
    font-size:.8rem;color:var(--muted);margin-top:1.4rem;line-height:1.7;
    border-left:3px solid var(--line);padding-left:.85rem;
  }
.type-card {
    background:var(--card);border:1px solid var(--line-soft);border-radius:14px;
    padding:1.15rem 1.25rem;height:100%;
  }
.type-card h3 {margin:0 0 .4rem;font-size:.98rem;font-weight:700;color:var(--ink);display:flex;align-items:center;gap:.5rem;}
.type-card h3 i {color:var(--accent);font-size:.9rem;}
.type-card p {margin:0;font-size:.84rem;line-height:1.65;color:var(--muted);}
.rank-item {grid-template-columns:40px 1fr;padding:.85rem .9rem;gap:.7rem;}
.rank-no {font-size:1.25rem;}
.rank-heat {grid-column:2;text-align:left;min-width:0;display:flex;align-items:center;gap:.5rem;}
.rank-heat .heat-label {margin:0;}
.heat-bar {flex:1;margin-top:0;}

/* --- 子页面追加 --- */
/* 页面专属少量补充样式（沿用站点变量） */
  .doc-wrap { max-width: 900px; }
.doc-card {
    background: var(--card);
    border: 1px solid var(--line);
    border-radius: 16px;
    padding: 26px 28px;
    margin-bottom: 20px;
    box-shadow: 0 2px 12px rgba(159,18,57,.04);
  }
.doc-card h2 {
    font-size: 1.22rem;
    font-weight: 800;
    color: var(--ink);
    margin: 0 0 14px;
    padding-left: 12px;
    border-left: 4px solid var(--accent);
    line-height: 1.4;
  }
.doc-card h3 {
    font-size: 1.02rem;
    font-weight: 700;
    color: var(--brand);
    margin: 18px 0 8px;
  }
.doc-card p,
  .doc-card li {
    color: var(--ink);
    font-size: .95rem;
    line-height: 1.85;
  }
.doc-card p { margin: 0 0 10px; }
.doc-card ul, .doc-card ol { padding-left: 20px; margin: 0 0 10px; }
.doc-card li { margin-bottom: 6px; }
.doc-card strong { color: var(--brand); }
.doc-note {
    background: var(--line-soft);
    border-radius: 12px;
    padding: 14px 18px;
    font-size: .9rem;
    color: var(--muted);
    margin-top: 6px;
  }
.doc-meta {
    font-size: .82rem;
    color: var(--muted);
    letter-spacing: .02em;
  }
.doc-timeline {
    list-style: none;
    padding: 0;
    margin: 6px 0 0;
    counter-reset: dstep;
  }
.doc-timeline li {
    position: relative;
    padding: 0 0 18px 44px;
    margin: 0;
    counter-increment: dstep;
  }
.doc-timeline li::before {
    content: counter(dstep);
    position: absolute;
    left: 0;
    top: 0;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: var(--brand);
    color: #fff;
    font-size: .82rem;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
  }
.doc-timeline li::after {
    content: "";
    position: absolute;
    left: 13.5px;
    top: 30px;
    bottom: 2px;
    width: 1px;
    background: var(--line);
  }
.doc-timeline li:last-child::after { display: none; }
.doc-timeline b { color: var(--ink); display: block; margin-bottom: 2px; }
.doc-card { padding: 20px 18px; }
.doc-card h2 { font-size: 1.1rem; }