/* site.css — 静态实验页样式。与 docs/design_system.md 同一套 token,
   但静态页是【亮底】的：它面向搜索引擎与第一次来的老师/学生，正文可读性优先，
   深色主题留给 Studio 本身。 */
:root{--ink:#14181D;--ink2:#4A525C;--ink3:#6E7681;--line:#E2E6EA;--bg:#FFFFFF;
      --raised:#F5F7F9;--accent:#3E7CB1;--data:#B9762A;--r:4px}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);
     font:16px/1.75 system-ui,-apple-system,"Noto Sans SC","PingFang SC",sans-serif}
main{max-width:760px;margin:0 auto;padding:28px 20px 60px}
a{color:var(--accent)}
.site-top{display:flex;align-items:center;gap:20px;padding:14px 20px;border-bottom:1px solid var(--line)}
.site-brand{font-weight:600;text-decoration:none;color:var(--ink)}
.site-top nav a{margin-right:14px;font-size:14px;text-decoration:none}
h1{font-size:28px;line-height:1.35;margin:.4em 0 .3em}
h2{font-size:17px;margin:2em 0 .5em;padding-bottom:6px;border-bottom:1px solid var(--line)}
.lede{font-size:17px;color:var(--ink2)}
.crumb{font-size:13px;color:var(--ink3);margin:0}
.crumb a{text-decoration:none}
.kv b{display:inline-block;min-width:4em;color:var(--ink3);font-weight:400;font-size:14px}
.gear-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}
figure{margin:0}
figure img{width:100%;height:auto;border:1px solid var(--line);border-radius:var(--r);background:var(--raised)}
figcaption{font-size:13px;color:var(--ink2);margin-top:6px}
figcaption .code{color:var(--ink3);margin-left:6px;font-family:ui-monospace,Menlo,monospace;font-size:12px}
.formulas{list-style:none;padding:0}
.formulas li{background:var(--raised);border:1px solid var(--line);border-radius:var(--r);
             padding:8px 12px;margin:6px 0;overflow-x:auto}
code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:14px}
table.params{width:100%;border-collapse:collapse;font-size:14px}
table.params th{text-align:left;color:var(--ink3);font-weight:400;border-bottom:1px solid var(--line);padding:6px 10px 6px 0}
table.params td{border-bottom:1px solid var(--line);padding:6px 10px 6px 0}
.honest li{color:var(--ink2);font-size:15px}
.cta{margin:2.4em 0 0}
.btn{display:inline-block;background:var(--accent);color:#fff;text-decoration:none;
     padding:11px 22px;border-radius:var(--r);font-size:15px}
.exp-list{list-style:none;padding:0}
.exp-list li{padding:10px 0;border-bottom:1px solid var(--line)}
.exp-list a{text-decoration:none;font-size:16px}
.exp-list .d{display:block;color:var(--ink2);font-size:14px}
.site-foot{max-width:760px;margin:0 auto;padding:20px;border-top:1px solid var(--line);
           color:var(--ink3);font-size:13px}
/* ICP 备案号: 页脚里再低一级 —— 12px, 次要色, 链接不加色块, 只在 hover 时下划线。 */
.site-foot .icp{margin:6px 0 0;font-size:12px;color:var(--ink3)}
.site-foot .icp a{color:inherit;text-decoration:none}
.site-foot .icp a:hover{text-decoration:underline}