:root{color-scheme:light;--ink: #1d252c;--muted: #64727f;--line: #d9e0e6;--paper: #fbfcfd;--panel: #ffffff;--accent: #8f2338;--accent-2: #0f6b7a;--accent-3: #b88a2b;--soft-red: #f7e9ec;--soft-blue: #e6f2f4;--soft-gold: #f6efd9;--shadow: 0 18px 45px rgba(29, 37, 44, .08);font-family:Inter,Noto Sans SC,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Arial,sans-serif}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:linear-gradient(180deg,#e6f2f4d9,#fbfcfd00 430px),var(--paper);line-height:1.65}a{color:inherit;text-decoration:none}p{margin:0}.site-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:14px clamp(18px,4vw,56px);border-bottom:1px solid rgba(217,224,230,.85);background:#fbfcfde6;backdrop-filter:blur(18px)}.brand{display:flex;align-items:center;gap:12px;min-width:245px}.brand-mark{display:grid;width:42px;height:42px;place-items:center;border:1px solid var(--line);border-radius:8px;background:var(--ink);color:#fff;font-weight:800}.brand strong,.brand small{display:block}.brand small{color:var(--muted);font-size:12px}.main-nav{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.main-nav a{border-radius:999px;padding:8px 12px;color:var(--muted);font-size:15px;white-space:nowrap}.main-nav a:hover,.main-nav a.active{background:var(--ink);color:#fff}.container,.hero,.page-header{width:min(1180px,calc(100% - 36px));margin:0 auto}.hero{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(330px,.9fr);gap:clamp(26px,5vw,64px);align-items:center;min-height:calc(100vh - 76px);padding:52px 0 42px}.eyebrow{margin-bottom:16px;color:var(--accent);font-weight:800;letter-spacing:0}h1,h2,h3{margin:0;line-height:1.18}h1{max-width:860px;font-size:clamp(42px,7vw,86px)}h2{font-size:clamp(26px,4vw,42px)}h3{font-size:21px}.hero-copy{margin-top:24px;max-width:720px;color:#394652;font-size:clamp(17px,2.2vw,22px)}.site-notice{color:var(--muted);font-size:14px}.hero-notice{max-width:760px;margin-top:16px}.hero-actions,.action-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.action-row.compact{margin-top:16px}.button{display:inline-flex;align-items:center;gap:8px;min-height:44px;border:1px solid var(--ink);border-radius:8px;padding:10px 16px;background:var(--ink);color:#fff;font-weight:700}.button.secondary{background:#fff;color:var(--ink)}.method-board{display:grid;gap:14px;padding:18px;border:1px solid var(--line);border-radius:8px;background:#ffffffd1;box-shadow:var(--shadow)}.method-node{border-left:5px solid var(--accent-2);border-radius:8px;padding:16px;background:var(--panel)}.method-node:nth-child(2){border-color:var(--accent)}.method-node:nth-child(3){border-color:var(--accent-3)}.method-node strong{display:block;margin-bottom:4px}.section{padding:48px 0}.section-header{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:22px}.section-header p{max-width:660px;color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.topic-card,.info-card,.resource-item,.example-card,.exercise-card{border:1px solid var(--line);border-radius:8px;padding:20px;background:var(--panel);box-shadow:0 10px 30px #1d252c0a}.topic-card{display:flex;min-height:245px;flex-direction:column}.topic-card.compact{min-height:205px}.topic-card h3,.resource-item h3,.example-card h3,.exercise-card h3{margin:10px 0}.topic-card p,.info-card p,.resource-item p,.example-card p,.exercise-card p{color:#3f4b56}.example-card h3 a{color:var(--accent-2)}.topic-number,.resource-meta{display:flex;gap:8px;color:var(--accent);font-size:13px;font-weight:800}.tag-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto;padding-top:16px}.tag-row span{border:1px solid var(--line);border-radius:999px;padding:4px 9px;background:#f7f9fa;color:#44515d;font-size:12px}.page-header{padding:54px 0 28px}.page-header p{max-width:820px;margin-top:16px;color:#3f4b56;font-size:19px}.content-layout{display:grid;grid-template-columns:minmax(0,.78fr) minmax(280px,.22fr);gap:26px;align-items:start}.article-stack{display:grid;gap:18px}.article-section{border-top:1px solid var(--line);padding:26px 0;background:transparent}.article-section:first-child{border-top:0;padding-top:0}.article-section h2{margin-bottom:14px;font-size:26px}.article-section ul,.article-section ol{margin:10px 0 0;padding-left:22px}.sidebar{position:sticky;top:92px;display:grid;gap:14px}.side-card{border:1px solid var(--line);border-radius:8px;padding:18px;background:#fff}.side-card h3{margin-bottom:10px;font-size:18px}.side-card a{display:block;color:var(--accent-2);font-weight:700}.resource-list{display:grid;gap:16px}.byline,.citation{color:var(--muted);font-size:14px}.citation{margin-top:8px}.sample-paper-matrix{margin-bottom:22px}.attachment-grid{margin-top:22px}.attachment-card{display:flex;flex-direction:column}.attachment-card ul{margin-bottom:0}.matrix{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.matrix div{min-height:112px;border:1px solid var(--line);border-radius:8px;padding:14px;background:#fff}.matrix strong{display:block;margin-bottom:8px;color:var(--accent-2)}.timeline{display:grid;gap:12px;counter-reset:step}.timeline div{position:relative;border-left:4px solid var(--accent);border-radius:8px;padding:16px 16px 16px 20px;background:#fff}.timeline div:before{counter-increment:step;content:counter(step);display:inline-grid;width:28px;height:28px;margin-right:8px;place-items:center;border-radius:50%;background:var(--accent);color:#fff;font-weight:800}.site-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:54px;padding:28px clamp(18px,4vw,56px);border-top:1px solid var(--line);background:#f2f5f7}.site-footer p{color:var(--muted)}.footer-notice{max-width:760px;margin-top:6px}.site-footer a{color:var(--accent);font-weight:800}@media(max-width:920px){.site-header{align-items:flex-start;flex-direction:column}.main-nav{justify-content:flex-start}.hero,.content-layout{grid-template-columns:1fr}.hero{min-height:auto}.grid,.grid.two,.matrix{grid-template-columns:1fr}.sidebar{position:static}}@media(max-width:560px){.container,.hero,.page-header{width:min(100% - 24px,1180px)}.brand{min-width:0}.brand strong{font-size:15px}.main-nav a{padding:7px 10px;font-size:14px}.topic-card,.info-card,.resource-item,.example-card,.exercise-card{padding:16px}.site-footer{align-items:flex-start;flex-direction:column}}