:root{color-scheme:light;--paper:#fcfaf7;--ink:#292722;--muted:#756e64;--line:#e6dfd4;--accent:#8b582c}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.9 system-ui,-apple-system,"Segoe UI","Microsoft YaHei",sans-serif}a{color:var(--accent);text-underline-offset:4px}a:hover{color:#48331e}a:focus-visible{outline:2px solid var(--accent);outline-offset:5px}header,footer{width:min(1120px,calc(100% - 64px));margin:auto;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}header{padding:26px 0;border-bottom:1px solid var(--line)}header nav{display:flex;gap:26px;flex-wrap:wrap}header a,footer a{text-decoration:none}.brand{font:600 30px/1.5 Georgia,serif;color:var(--ink)}.brand small{font:13px system-ui;color:var(--muted);margin-left:8px}main{width:min(820px,calc(100% - 48px));margin:64px auto 80px}h1,h2,h3{line-height:1.45;font-weight:600;letter-spacing:-.02em}h1{font-size:clamp(30px,4vw,45px);margin:14px 0 24px}h2{font-size:25px;margin:0 0 18px}p{margin:0 0 20px}.eyebrow{font-size:12px;letter-spacing:.1em;color:var(--accent)}.lead{font-size:18px;color:var(--muted);line-height:1.9}.meta,.crumb{font-size:13px;color:var(--muted)}.crumb{margin-bottom:32px}.toc{padding:24px 28px;background:#f3eee6;border:1px solid var(--line);border-radius:12px;margin:36px 0}.toc ol{margin-bottom:0}article section{margin-top:44px}li{margin:8px 0}pre{padding:22px;background:#eee9e1;border:1px solid var(--line);border-radius:10px;overflow:auto;line-height:1.8;font-size:13px}code{font-family:Consolas,monospace;overflow-wrap:anywhere}p code,li code,td code{font-size:.9em;background:#f0eae1;padding:2px 4px}.table-wrap{overflow-x:auto;margin:24px 0}table{border-collapse:collapse;width:100%;font-size:14px;text-align:left}th,td{padding:14px;border:1px solid var(--line);min-width:130px}th{background:#f3eee6}.next{padding:28px;border:1px solid var(--line);border-radius:12px;margin-top:44px}.next p{margin-bottom:0}.related{border-top:1px solid var(--line);margin-top:48px;padding-top:32px}.post-list{margin-top:48px}.post-card{padding:32px 0;border-top:1px solid var(--line)}.post-card h2{margin:10px 0 14px}.post-card h2 a{color:var(--ink);text-decoration:none}.post-card h2 a:hover{text-decoration:underline}.post-card p{color:var(--muted)}.post-card .meta{display:flex;justify-content:space-between;gap:16px}footer{padding:28px 0;border-top:1px solid var(--line);font-size:13px;color:var(--muted)}.skip{position:absolute;top:-100px;left:20px;background:white;padding:12px}.skip:focus{top:10px}@media(max-width:600px){header,footer{width:calc(100% - 40px);gap:12px}header nav{gap:18px;font-size:14px}main{margin-top:38px}h2{font-size:22px}.toc,.next{padding:20px}pre{padding:16px}.crumb{line-height:1.8}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.tutorial-figure{margin:32px 0;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:#f5f0e7}.tutorial-figure a{display:block}.tutorial-figure img{display:block;width:100%;height:auto}.tutorial-figure figcaption{padding:13px 20px;font-size:12px;line-height:1.7;color:var(--muted);background:#fffdf8}.tutorial-figure figcaption span{display:block;color:var(--accent)}.walk-step{position:relative;border-left:3px solid #81936c;padding:4px 0 4px 23px;margin:28px 0}.walk-step h3,.os-options h3{font-size:19px;margin:8px 0 15px}.checkpoint{padding:13px 16px;background:#edf1e7;border-radius:8px;font-size:14px}.walk-step p:last-child{margin-bottom:5px}.post-card{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.2fr);gap:28px;align-items:start}.post-thumb img{display:block;width:100%;height:auto;border-radius:12px;border:1px solid var(--line)}.post-card h2{font-size:22px}.post-card p{font-size:14px}.checklist{padding:22px;background:#edf1e7;border-radius:12px}blockquote{margin:16px 0;padding:15px 20px;border-left:3px solid #81936c;background:#f3eee6}h3{scroll-margin-top:24px}.os-options{padding:22px;border:1px solid var(--line);border-radius:12px}@media(max-width:660px){.post-card{grid-template-columns:1fr;gap:18px}.post-card h2{font-size:23px}.walk-step{padding-left:16px}.tutorial-figure{margin:24px -4px}.tutorial-figure figcaption{padding:12px 15px}}