:root{
  --bg:#f7f8fa; --surface:#fff; --line:#e4e7ec; --ink:#1f1f1f; --ink-2:#5f6b7a;
  --blue:#1a73e8; --blue-deep:#174ea6; --blue-soft:#e8f0fe;
  --violet:#9334e6; --violet-soft:#f6effd;
  --green:#188038; --green-soft:#e6f4ea;
  --amber:#9a6b00; --amber-soft:#fdf3dc;
  --radius:12px;
  --font:"Inter","Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",system-ui,sans-serif;
}
*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%}
body{background:var(--bg);color:var(--ink);font-family:var(--font);font-size:16px;line-height:1.75}
a{color:var(--blue);text-decoration:none}
a:hover{text-decoration:underline}
img,iframe{max-width:100%}
.container{max-width:1000px;margin:0 auto;padding:0 24px}

/* ===== 顶栏 ===== */
.topbar{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.92);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
.topbar .container{display:flex;align-items:center;height:60px;gap:36px}
.brand{font-size:19px;font-weight:700;letter-spacing:.2px;color:var(--ink)}
.brand:hover{text-decoration:none}
.brand .dot{color:var(--blue)}
nav.menu{display:flex;gap:2px;flex:1}
.m{position:relative}
.m>a{display:block;padding:8px 13px;border-radius:8px;font-size:14.5px;color:var(--ink-2);transition:background .15s,color .15s}
.m>a:hover{background:var(--blue-soft);color:var(--blue-deep);text-decoration:none}
.m.active>a{color:var(--blue-deep);font-weight:600;background:var(--blue-soft)}
.m .drop{display:none;position:absolute;top:100%;left:0;min-width:170px;background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:0 6px 24px rgba(31,45,61,.10);padding:6px;margin-top:2px}
.m:hover .drop,.m:focus-within .drop{display:block}
.drop a{display:block;padding:7px 12px;border-radius:7px;font-size:14px;color:var(--ink-2)}
.drop a:hover{background:var(--bg);color:var(--blue-deep);text-decoration:none}
.drop a.on{color:var(--blue-deep);font-weight:600}
.top-meta{margin-left:auto;font-size:12.5px;color:#98a2b3;white-space:nowrap}
.top-meta b{color:var(--ink-2);font-weight:500}

/* ===== Hero ===== */
.hero{padding:56px 0 10px}
.eyebrow{font-size:13px;font-weight:600;letter-spacing:.12em;color:var(--blue);margin-bottom:10px}
.hero h1{font-size:36px;line-height:1.25;font-weight:700;letter-spacing:-.01em}
.hero .lead{font-size:17.5px;color:var(--ink-2);margin-top:14px;max-width:66ch}
.hero .meta-row{margin-top:18px;display:flex;gap:20px;flex-wrap:wrap;color:#98a2b3;font-size:13px}
.hero .meta-row span{display:inline-flex;align-items:center;gap:6px}

/* ===== 正文段落 ===== */
main{padding-bottom:70px}
h2{font-size:21px;font-weight:650;margin:52px 0 6px;letter-spacing:-.01em}
h3{font-size:16.5px;font-weight:650;margin:0 0 8px}
.sec-note{color:var(--ink-2);font-size:14px;max-width:70ch;margin-bottom:18px}
p+p{margin-top:10px}
.lead-block{font-size:16.5px;color:var(--ink-2);margin:10px 0 0}
.muted{color:var(--ink-2);font-size:14.5px}

/* ===== 卡片 ===== */
.cards{display:grid;gap:18px;margin-top:16px}
.c2{grid-template-columns:repeat(2,1fr)}
.c3{grid-template-columns:repeat(3,1fr)}
.c4{grid-template-columns:repeat(4,1fr)}
.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:22px;transition:box-shadow .18s,border-color .18s}
.card:hover{border-color:#d3d9e0;box-shadow:0 4px 16px rgba(31,45,61,.06)}
.card h3{font-size:16px}
.card p{font-size:14px;color:var(--ink-2);margin-top:6px}
.card .k{font-size:12px;font-weight:600;letter-spacing:.08em;margin-bottom:12px}
.k-blue{color:var(--blue)} .k-violet{color:var(--violet)} .k-green{color:var(--green)} .k-gray{color:#8a94a3}

/* ===== 链步骤(横向) ===== */
.flow{display:flex;flex-wrap:wrap;gap:0;margin-top:22px;counter-reset:fl}
.fstep{flex:1;min-width:150px;position:relative;padding:16px 18px 14px;background:var(--surface);border:1px solid var(--line);border-left:none}
.fstep:first-child{border-left:1px solid var(--line);border-radius:var(--radius) 0 0 var(--radius)}
.fstep:last-child{border-radius:0 var(--radius) var(--radius) 0}
.fstep b{display:block;font-size:14.5px;color:var(--ink)}
.fstep span{display:block;font-size:13px;color:var(--ink-2);margin-top:2px}
.fstep::before{counter-increment:fl;content:"0" counter(fl);position:absolute;top:-11px;left:16px;background:var(--blue);color:#fff;font-size:11px;font-weight:700;border-radius:99px;padding:1px 9px;letter-spacing:.05em}
@media(max-width:860px){.fstep{border:1px solid var(--line);border-radius:var(--radius);margin-bottom:10px}}

/* ===== 表格 ===== */
.tbl-wrap{overflow-x:auto;margin-top:14px}
table{width:100%;border-collapse:separate;border-spacing:0;font-size:14px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}
th{background:#f4f6f8;color:#4b5563;font-weight:600;text-align:left;padding:11px 16px;border-bottom:1px solid var(--line);white-space:nowrap;font-size:13px}
td{padding:12px 16px;border-bottom:1px solid #eef1f4;vertical-align:top}
tr:last-child td{border-bottom:none}
td b{font-weight:650}
.mono{font-family:ui-monospace,Consolas,Menlo,monospace;font-size:12.5px;background:#f4f6f8;border-radius:5px;padding:1px 6px}
table.logic td:first-child{font-weight:600;color:var(--blue-deep);white-space:nowrap}
.lbl{display:inline-block;font-size:12px;font-weight:600;border-radius:99px;padding:1px 10px;margin-right:6px}
.l-ok{background:var(--green-soft);color:var(--green)}
.l-do{background:var(--blue-soft);color:var(--blue-deep)}
.l-wait{background:var(--amber-soft);color:var(--amber)}
.l-no{background:#eef1f4;color:#8a94a3}
.l-note{background:var(--violet-soft);color:var(--violet)}

/* ===== 引用/费曼 ===== */
.note{border-left:3px solid var(--blue);background:var(--surface);border-radius:0 10px 10px 0;padding:16px 20px;margin:20px 0;font-size:14.5px;color:var(--ink-2)}
.note b{color:var(--ink)}
.feyn{border:1px solid #eadcfc;background:linear-gradient(180deg,#faf6ff,#fff);border-radius:var(--radius);padding:24px 26px;margin:46px 0 0}
.feyn .k{color:var(--violet)}
.feyn .saying{font-size:15.5px;line-height:1.9;color:#3a3245}

/* ===== 状态行 ===== */
.band{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:18px 22px;margin-top:18px;font-size:14px}
.band .row{display:flex;gap:26px;flex-wrap:wrap}

/* ===== Footer ===== */
footer{border-top:1px solid var(--line);background:var(--surface);padding:26px 0 34px;font-size:13px;color:#98a2b3}
footer .container{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap}
footer .f-brand{font-weight:700;color:var(--ink-2);font-size:14px}
footer a{color:#8a94a3}
footer a:hover{color:var(--blue-deep)}

@media(max-width:860px){
  .hero h1{font-size:28px}
  .cards.c2,.cards.c3,.cards.c4{grid-template-columns:1fr}
  nav.menu{display:none}
  .top-meta{margin-left:0}
}

/* ===== 旧类名兼容别名(内容区) ===== */
.chain{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0}
.chain .step{flex:1;min-width:150px;background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:14px 16px;font-size:14px}
.chain .step b{display:block;color:var(--blue-deep);font-size:14.5px;margin-bottom:2px}
.chain .step span{color:var(--ink-2);font-size:13px}
.chain .arr{align-self:center;color:#c3cad3;padding:0 8px;font-weight:700}
.grid{display:grid;gap:18px;margin-top:16px}
.g2{grid-template-columns:repeat(2,1fr)}
.g3{grid-template-columns:repeat(3,1fr)}
.g4{grid-template-columns:repeat(4,1fr)}
.statusband{display:flex;gap:28px;flex-wrap:wrap;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:16px 22px;margin-top:24px;font-size:14px}
.statusband .it{display:flex;align-items:center;gap:8px;color:var(--ink-2)}
.pill,.tag{display:inline-block;font-size:12px;font-weight:600;border-radius:99px;padding:1px 10px;margin-right:6px;vertical-align:1px}
.p-ok,.tag.ok{background:var(--green-soft);color:var(--green)}
.p-wait{background:var(--amber-soft);color:var(--amber)}
.p-now{background:var(--blue-soft);color:var(--blue-deep)}
.p-no{background:#eef1f4;color:#8a94a3}
.tag.first{background:var(--green-soft);color:var(--green);border:1px solid #b7dfc3}
.feynman{margin:48px 0 0}
.feynman b{display:block;color:var(--violet);font-size:12.5px;font-weight:700;letter-spacing:.08em;margin-bottom:8px;text-transform:none}
.feynman .saying{background:linear-gradient(180deg,#faf6ff,#fff);border:1px solid #eadcfc;border-radius:var(--radius);padding:20px 24px;font-size:15.5px;line-height:1.9;color:#3a3245}
.card .tag,.card .pill{margin-bottom:8px}
@media(max-width:860px){.g2,.g3,.g4{grid-template-columns:1fr}}