:root{color-scheme:light dark;--page:#f5f6f8;--card:#fff;--soft:#eef2ff;--text:#111318;--muted:#606774;--line:rgba(20,30,50,.12);--blue:#4569e8;--radius:24px}*{box-sizing:border-box}html{background:var(--page);scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{margin:0;background:var(--page);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Hiragino Sans","PingFang TC",sans-serif;line-height:1.62;overflow-wrap:anywhere}.page{width:min(100%,1080px);margin:auto;padding:env(safe-area-inset-top) 18px calc(72px + env(safe-area-inset-bottom))}.hero{padding:52px 8px 28px}.eyebrow{color:var(--blue);font-weight:800;letter-spacing:.08em;text-transform:uppercase}.hero h1{font-size:clamp(2.35rem,8vw,5.2rem);line-height:1.02;margin:.15em 0}.hero p{max-width:760px;color:var(--muted);font-size:1.08rem}.chips,.toc{display:flex;gap:9px;flex-wrap:wrap}.chip,.toc a,.path{border:1px solid var(--line);background:var(--card);border-radius:999px;padding:8px 12px;text-decoration:none;font-size:.88rem}.toc{position:sticky;top:0;z-index:4;padding:12px 0;background:color-mix(in srgb,var(--page) 90%,transparent);backdrop-filter:blur(18px)}.chapter{margin:20px 0;padding:clamp(20px,5vw,40px);background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 14px 38px rgba(20,30,52,.07)}.head{display:grid;grid-template-columns:auto 1fr;gap:16px;align-items:start}.index{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:var(--soft);color:var(--blue);font-weight:900}.chapter h2{margin:0;font-size:clamp(1.55rem,5vw,2.35rem);line-height:1.15}.lead{color:var(--muted);margin:.45em 0 1em}.path{display:inline-block;background:var(--soft);margin-bottom:14px}.chapter h3{margin-top:26px}.chapter li{margin:.48em 0}.media{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:20px}.shot{margin:0;padding:10px;border:1px solid var(--line);border-radius:20px;background:var(--page)}.shot img{display:block;width:100%;height:auto;aspect-ratio:1206/2622;border-radius:14px}.shot figcaption{padding:10px 5px 3px;color:var(--muted);font-size:.9rem}.note{margin-top:18px;padding:16px 18px;border-left:4px solid var(--blue);border-radius:14px;background:var(--soft)}table{width:100%;border-collapse:collapse;margin:16px 0}th,td{padding:12px;text-align:start;border-bottom:1px solid var(--line);vertical-align:top}details{border-top:1px solid var(--line);padding:14px 0}summary{font-weight:750;cursor:pointer}footer{padding:36px 8px;color:var(--muted);text-align:center}@media(max-width:650px){.page{padding-left:12px;padding-right:12px}.hero{padding-top:36px}.media{grid-template-columns:1fr}.chapter{padding:20px}.toc{overflow-x:auto;flex-wrap:nowrap}.toc a{white-space:nowrap}}@media(prefers-color-scheme:dark){:root{--page:#0e1014;--card:#171a20;--soft:#202945;--text:#f4f5f7;--muted:#aeb4c0;--line:rgba(255,255,255,.12);--blue:#90a7ff}.shot{background:#101319}}