:root{--paper:#efe6d6;--paper-deep:#e3d6c0;--ink:#1b1712;--ink-2:#3d352c;--muted:#7a7064;--line:#d2c4ad;--card:#fffaf1;--card-2:#f6eee0;--accent:#9b2a1a;--accent-soft:#c45a38;--teal:#1e5854;--gold:#8a6b24;--plum:#5c3558;--olive:#3f4a2e;--shadow:0 18px 50px #1b171214;--serif:"Instrument Serif", "Noto Serif SC", serif;--sans:"Source Sans 3", "PingFang SC", "Microsoft YaHei", sans-serif;--mono:"Source Sans 3", ui-monospace, monospace}*{box-sizing:border-box}html,body,#root{min-height:100%}html{scroll-behavior:smooth}body{color:var(--ink);font-family:var(--sans);background:radial-gradient(#1b171209 .7px, transparent .7px) 0 0 / 8px 8px, linear-gradient(180deg, var(--paper) 0%, var(--paper-deep) 100%);background-attachment:fixed;margin:0;font-size:16.5px;line-height:1.6}a{color:inherit;-webkit-text-decoration-color:color-mix(in srgb, var(--accent) 55%, transparent);text-decoration-color:color-mix(in srgb, var(--accent) 55%, transparent)}a:hover{color:var(--accent)}button,input,textarea,select{font:inherit;color:inherit}h1,h2,h3,h4{font-family:var(--serif);margin:0;font-weight:600;line-height:1.2}.site{flex-direction:column;min-height:100vh;display:flex}.wrap{width:min(1120px,100% - 40px);margin:0 auto}.header{z-index:20;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:color-mix(in srgb, var(--paper) 82%, transparent);border-bottom:1px solid var(--line);position:sticky;top:0}.header-inner{align-items:center;gap:28px;padding:12px 0;display:flex}.brand{white-space:nowrap;align-items:baseline;gap:10px;text-decoration:none;display:flex}.brand-mark{border:1.5px solid var(--ink);grid-template-columns:1fr 1fr;align-self:center;width:18px;height:18px;display:grid}.brand-mark span{background:var(--accent)}.brand-mark span:first-child{grid-column:2}.brand-en{font-family:var(--serif);letter-spacing:.01em;font-size:20px}.brand-zh{color:var(--muted);letter-spacing:.12em;font-size:12px}.nav{flex-wrap:wrap;flex:1;gap:4px;display:flex}.nav a{color:var(--ink-2);border-radius:2px;padding:6px 10px;font-size:14px;text-decoration:none}.nav a.is-on,.nav a:hover{background:var(--card);color:var(--ink)}.search{border:1px solid var(--line);background:var(--card);min-width:220px;display:flex}.search input{background:0 0;border:0;outline:none;width:100%;padding:8px 10px}.search button{background:var(--ink);color:var(--card);cursor:pointer;border:0;padding:0 12px}.main{flex:1;padding:36px 0 80px}.footer{border-top:1px solid var(--line);color:var(--muted);padding:22px 0;font-size:13px}.kicker{letter-spacing:.16em;text-transform:uppercase;color:var(--accent);font-size:12px;font-weight:600}.hero{padding:18px 0 10px}.hero h1{letter-spacing:-.03em;max-width:16ch;font-size:clamp(40px,6vw,68px)}.hero h1 em{color:var(--accent);font-style:italic}.hero-lead{max-width:62ch;color:var(--ink-2);margin:18px 0 28px;font-size:18px}.hero-actions{flex-wrap:wrap;gap:10px;display:flex}.btn{border:1px solid var(--ink);background:var(--ink);color:var(--card);cursor:pointer;align-items:center;gap:8px;padding:10px 16px;text-decoration:none;display:inline-flex}.btn:hover{background:var(--accent);border-color:var(--accent);color:var(--card)}.btn-ghost{color:var(--ink);background:0 0}.btn-ghost:hover{background:var(--ink);color:var(--card)}.btn-small{padding:6px 10px;font-size:13px}.triad{grid-template-columns:repeat(3,1fr);gap:16px;margin:42px 0;display:grid}.triad article{background:var(--card);border:1px solid var(--line);padding:22px 22px 20px}.triad .n{font-family:var(--serif);color:var(--accent);font-size:28px}.triad h3{margin:8px 0;font-size:22px}.triad p{color:var(--ink-2);margin:0;font-size:15px}.section-head{justify-content:space-between;align-items:end;gap:16px;margin:46px 0 16px;display:flex}.section-head h2{font-size:30px}.section-head p{color:var(--muted);max-width:46ch;margin:0;font-size:14px}.domain-grid{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.domain-card{background:var(--card);border:1px solid var(--line);min-height:148px;padding:20px;text-decoration:none;display:block;position:relative}.domain-card:hover{border-color:var(--ink)}.domain-card .en{letter-spacing:.12em;color:var(--muted);font-size:12px}.domain-card h3{margin:6px 0 8px;font-size:24px}.domain-card p{color:var(--ink-2);margin:0;font-size:14px}.domain-card[data-d=decision]{box-shadow:inset 4px 0 0 var(--accent)}.domain-card[data-d=systems]{box-shadow:inset 4px 0 0 var(--teal)}.domain-card[data-d=probability]{box-shadow:inset 4px 0 0 var(--gold)}.domain-card[data-d=economics]{box-shadow:inset 4px 0 0 var(--olive)}.domain-card[data-d=cognition]{box-shadow:inset 4px 0 0 var(--plum)}.domain-card[data-d=learning]{box-shadow:inset 4px 0 0 var(--ink-2)}.domain-card[data-d=strategy]{box-shadow:inset 4px 0 #2c4a6e}.domain-card[data-d=science]{box-shadow:inset 4px 0 #6a4a2a}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{border:1px solid var(--line);background:var(--card);color:var(--ink-2);padding:6px 10px;font-size:13px;text-decoration:none}.chip:hover,.chip.is-on{border-color:var(--ink);color:var(--ink);background:var(--card-2)}button.chip{cursor:pointer}.model-grid{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}.model-card{background:var(--card);border:1px solid var(--line);grid-template-columns:64px 1fr;gap:14px;min-height:128px;padding:16px 18px;text-decoration:none;display:grid}.model-card:hover{border-color:var(--ink)}.model-no{font-family:var(--serif);color:var(--accent);font-size:22px}.model-card h3{font-size:22px}.model-card .en{color:var(--muted);font-size:13px;font-family:var(--serif);margin-left:8px;font-style:italic}.model-card p{color:var(--ink-2);margin:8px 0 0;font-size:14px}.meta{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.tag{letter-spacing:.06em;border:1px solid var(--line);color:var(--muted);padding:1px 6px;font-size:11px}.page-title{margin-bottom:8px;font-size:clamp(32px,5vw,48px)}.lede{color:var(--ink-2);max-width:62ch;margin:0 0 24px}.model-hero{grid-template-columns:1fr 280px;gap:28px;margin-bottom:28px;display:grid}.one-liner{font-size:22px;font-family:var(--serif);line-height:1.35}.metaphor{border-left:2px solid var(--accent);color:var(--ink-2);margin-top:12px;padding-left:14px;font-style:italic}.side-box{background:var(--card);border:1px solid var(--line);padding:16px;font-size:14px}.side-box dt{color:var(--muted);letter-spacing:.08em;margin-top:10px;font-size:12px}.side-box dt:first-child{margin-top:0}.side-box dd{margin:4px 0 0}.toolbar{flex-wrap:wrap;gap:8px;margin:16px 0 8px;display:flex}.grid-2{grid-template-columns:1fr 1fr;gap:16px;display:grid}.panel{background:var(--card);border:1px solid var(--line);padding:20px 22px}.panel h3{margin-bottom:10px;font-size:22px}.panel ol,.panel ul{margin:0;padding-left:18px}.panel li{margin:6px 0}.panel.warn{box-shadow:inset 3px 0 0 var(--gold)}.panel.danger{box-shadow:inset 3px 0 0 var(--accent)}.case{background:var(--card);border:1px solid var(--line);margin:14px 0;overflow:hidden}.case-head{border-bottom:1px solid var(--line);background:var(--card-2);justify-content:space-between;gap:12px;padding:14px 18px;display:flex}.case-head h4{font-size:20px}.scene{letter-spacing:.1em;color:var(--accent);font-size:12px}.steps5{grid-template-columns:repeat(5,1fr);display:grid}.steps5 div{border-right:1px solid var(--line);padding:14px 14px 16px;font-size:14px}.steps5 div:last-child{border-right:0}.steps5 strong{letter-spacing:.12em;color:var(--muted);margin-bottom:6px;font-size:11px;font-weight:600;display:block}.rel-list{flex-direction:column;gap:8px;display:flex}.rel{background:var(--card);border:1px solid var(--line);grid-template-columns:92px 1fr;gap:12px;padding:10px 12px;text-decoration:none;display:grid}.rel:hover{border-color:var(--ink)}.kind{color:var(--accent);font-size:12px}.rel h4{font-size:18px}.rel p{color:var(--ink-2);margin:4px 0 0;font-size:13px}.map-frame{background:var(--card);border:1px solid var(--line);padding:8px;overflow:auto}.map-svg{width:100%;min-width:720px;height:auto;display:block}.map-node{cursor:pointer}.map-node text{font-size:12px;font-family:var(--sans);fill:var(--ink)}.map-node:hover circle{stroke:var(--accent);stroke-width:2.4px}.map-legend{color:var(--muted);flex-wrap:wrap;gap:14px;margin:12px 0;font-size:13px;display:flex}.path-steps{flex-direction:column;gap:0;display:flex}.path-step{border:1px solid var(--line);background:var(--card);border-bottom:0;grid-template-columns:56px 1fr;padding:14px 16px;text-decoration:none;display:grid}.path-step:last-child{border-bottom:1px solid var(--line)}.path-step:hover{background:var(--card-2)}.path-step .n{font-family:var(--serif);color:var(--accent);font-size:24px}.path-step h3{font-size:20px}.path-step p{color:var(--ink-2);margin:4px 0 0;font-size:14px}.form label{color:var(--muted);margin:12px 0 6px;font-size:13px;display:block}.form textarea,.form input[type=text]{border:1px solid var(--line);background:var(--card);outline:none;width:100%;padding:10px 12px}.form textarea{resize:vertical;min-height:88px}.note{color:var(--muted);font-size:13px}.compare{grid-template-columns:1fr 1fr;gap:16px;display:grid}.compare .panel h2{margin-bottom:6px;font-size:28px}.empty{border:1px dashed var(--line);color:var(--muted);background:color-mix(in srgb, var(--card) 60%, transparent);padding:28px}.filter-input{border:1px solid var(--line);background:var(--card);outline:none;width:100%;margin-bottom:12px;padding:8px 10px}@media (width<=1100px){.domain-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=860px){.header-inner{flex-wrap:wrap}.search{width:100%;min-width:0}.triad,.domain-grid,.model-grid,.grid-2,.model-hero,.compare,.steps5{grid-template-columns:1fr}.steps5 div{border-right:0;border-bottom:1px solid var(--line)}.nav{order:3;width:100%}}