:root{font-family:Arial,Microsoft YaHei,sans-serif;color:#242b36;background:#fff;font-synthesis:none;scroll-padding-top:24px;--muted:#657083;--line:#e4e8ed;--accent:#2459b7}*{box-sizing:border-box}body{margin:0}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button,input{font:inherit}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #78a4ef;outline-offset:3px}[hidden]{display:none!important}.container{max-width:1080px;margin-inline:auto;padding-inline:36px}.site-header{border-bottom:1px solid var(--line);background:#fff}.header-inner{max-width:1080px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:24px 36px;gap:20px}.brand{color:#222f42;display:flex;align-items:baseline;gap:13px}.brand:hover{text-decoration:none}.brand strong{font-size:21px;letter-spacing:-.5px}.brand span{font-size:12px;color:var(--muted)}.language-switch{font-size:12px;border:1px solid #cdd5df;border-radius:5px;padding:8px 12px;color:#39485d;white-space:nowrap}.language-switch span{padding-left:7px}.main-nav{display:flex;gap:7px;overflow-x:auto}.main-nav a{display:block;padding:14px 20px;font-size:14px;color:#566276;white-space:nowrap;border-bottom:3px solid transparent}.main-nav a.active{color:var(--accent);border-bottom-color:var(--accent);font-weight:700}.main-nav a:hover{color:var(--accent);text-decoration:none;background:#f5f8fc}.home{max-width:940px;padding-top:42px;padding-bottom:55px}.page-heading{margin-bottom:32px}.page-heading h1{font-size:33px;line-height:1.35;letter-spacing:-.7px;margin:0 0 13px}.page-heading p{font-size:15px;line-height:1.8;color:var(--muted);margin:0;max-width:740px}.search-label{display:block;font-size:13px;font-weight:700;margin-bottom:10px}.search-input{width:100%;padding:14px 16px;border:1px solid #cbd4e0;border-radius:6px;background:#fff;font-size:14px}.filters{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.filters button{border:1px solid #d9e0e9;background:#fff;border-radius:5px;padding:9px 16px;cursor:pointer;font-size:13px;color:#526076}.filters button span{margin-left:8px;opacity:.7;font-size:11px}.filters button.selected{color:#fff;background:var(--accent);border-color:var(--accent)}.filters button:hover:not(.selected){background:#f0f5fc}.guide-list{margin-top:34px}.list-heading{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:16px}.list-heading h2{font-size:20px;margin:0}.list-heading p{font-size:12px;color:var(--muted);margin:0}.post-card{padding:25px 0 28px;border-bottom:1px solid var(--line)}.card-meta{display:flex;align-items:center;gap:16px;font-size:12px;color:var(--muted)}.category-badge{display:inline-block;background:#edf3fc;color:#365f9f;border-radius:4px;padding:5px 9px;font-size:12px}.post-card h2{font-size:23px;line-height:1.45;margin:14px 0 10px}.post-card h2 a{color:#233a5d}.post-card>p{font-size:14px;color:#58667a;line-height:1.8;margin:10px 0}.editor-note{background:#f6f8fb;border:1px solid #e7ecf3;border-radius:6px;padding:20px 22px;margin-top:32px}.editor-note h2{font-size:14px;margin:0 0 9px}.editor-note p{font-size:13px;line-height:1.8;color:var(--muted);margin:0}.empty-state{padding:35px 20px;background:#f7f9fc;border:1px dashed #d2dae6;border-radius:6px;font-size:14px;color:var(--muted);line-height:1.8}.empty-state h2{font-size:20px;color:#364156}.site-footer{border-top:1px solid var(--line);padding-top:24px;padding-bottom:26px}.footer-links{display:flex;gap:25px;font-size:12px}.site-footer p,.site-footer small{font-size:11px;color:#7a8493;line-height:1.7}.breadcrumb{display:inline-block;margin-bottom:25px;font-size:13px}.article-page{padding-top:32px;padding-bottom:65px}.article-header{padding-bottom:30px;border-bottom:1px solid var(--line)}.article-header h1{font-size:35px;line-height:1.35;letter-spacing:-.7px;max-width:920px;margin:16px 0}.article-deck{font-size:16px;line-height:1.8;color:var(--muted);max-width:850px}.article-meta{font-size:12px;color:#7a8391}.scope-note{font-size:13px;line-height:1.7;padding:13px 17px;background:#fffaee;border-left:3px solid #d5b469;border-radius:3px;color:#7c683f;margin-top:20px}.article-grid{display:grid;grid-template-columns:190px minmax(0,1fr);gap:36px;padding-top:30px}.toc{position:sticky;align-self:start;top:24px}.toc h2{font-size:13px;margin:0 0 16px}.toc nav{display:flex;flex-direction:column;gap:12px}.toc a{color:#667387;font-size:12px;line-height:1.6}.toc a:hover{color:var(--accent)}.prose{min-width:0;font-size:16px;line-height:1.95;overflow-wrap:anywhere}.prose p{margin:0 0 20px}.prose h2{font-size:23px;line-height:1.5;margin:32px 0 17px;color:#24354e}.prose h3{font-size:19px;line-height:1.6;margin:25px 0 15px}.prose img{display:block;max-width:100%;height:auto;margin:25px auto;border:1px solid var(--line);border-radius:4px}.prose table{display:block;overflow-x:auto;border-collapse:collapse;max-width:100%;font-size:13px;line-height:1.8;margin:25px 0}.prose th,.prose td{border:1px solid #dfe5ed;padding:12px;min-width:100px;text-align:left}.prose th{background:#f1f5fb}.prose li{margin-bottom:7px}.prose a{text-decoration:underline;text-underline-offset:3px}.prose>p:first-child{margin-top:0}.article-end{border-top:1px solid var(--line);padding-top:25px;margin-top:35px!important;font-size:13px}.text-page{max-width:850px;padding-top:20px;padding-bottom:60px}.not-found{padding-block:70px}.not-found h1{font-size:40px}.button-dark{display:inline-block;background:var(--accent);color:#fff;padding:12px 18px;border-radius:5px;font-size:13px}.skip-link{position:fixed;left:15px;top:-100px;z-index:5;background:#fff;padding:15px}.skip-link:focus{top:10px}@media(max-width:680px){.container{padding-inline:20px}.header-inner{padding:19px 20px;align-items:center}.brand{display:block}.brand strong{font-size:17px}.brand span{display:block;font-size:11px;margin-top:5px}.language-switch{font-size:11px;padding:8px}.language-switch span{display:none}.main-nav{gap:0}.main-nav a{font-size:12px;padding:13px 14px}.home{padding-top:28px;padding-bottom:35px}.page-heading h1{font-size:27px}.page-heading p,.search-input{font-size:13px}.filters{gap:6px}.filters button{font-size:12px;padding:8px 11px}.filters button span{font-size:10px;margin-left:5px}.guide-list{margin-top:27px}.post-card h2{font-size:21px}.post-card>p{font-size:13px}.card-meta{font-size:11px}.article-header h1{font-size:27px}.article-deck{font-size:14px}.article-grid{grid-template-columns:1fr;gap:25px}.toc{position:static;border-bottom:1px solid var(--line);padding-bottom:20px}.toc nav{gap:9px}.prose{font-size:15px}.prose h2{font-size:21px}.prose table{font-size:12px}.prose td,.prose th{padding:10px}.article-page{padding-top:25px}.footer-links{font-size:11px;gap:20px}}.language-switch{display:inline-flex;flex-shrink:0;align-items:center;gap:3px;padding:3px;border:1px solid #d7dfe9;border-radius:7px;background:#f3f6fa}.language-option{display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:8px 12px;border-radius:4px;color:#536176;font-size:12px;line-height:1.3;white-space:nowrap}.language-option:hover{background:#e5ecf6;text-decoration:none}.language-option.selected{background:var(--accent);color:#fff;font-weight:700}.language-switch .selected-mark{display:inline;padding:0;font-size:12px}@media(max-width:680px){.header-inner{gap:12px}.brand{min-width:0}.language-switch{padding:3px}.language-option{padding:8px 9px;font-size:11px}.language-switch .selected-mark{display:inline;font-size:11px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}.toc summary{cursor:pointer;font-size:14px;font-weight:700;line-height:1.6;color:#34445d;padding:10px 0}.toc details[open] summary{margin-bottom:10px}.toc summary:focus-visible{outline:3px solid #78a4ef;outline-offset:3px}.toc a{font-size:13px}.language-option{min-height:36px}.card-meta{flex-wrap:wrap;gap:8px 16px}.footer-links{flex-wrap:wrap;font-size:13px}.site-footer p,.site-footer small{font-size:12px}@media(max-width:680px){.main-nav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));overflow:visible;padding-inline:12px}.main-nav a{padding:14px 2px;text-align:center;font-size:11px;min-height:44px}.header-inner{padding-block:16px}.brand strong{font-size:16px}.language-option{min-height:38px}.page-heading h1{font-size:26px}.page-heading p,.post-card>p{font-size:14px}.search-input{font-size:16px;min-height:46px}.filters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.filters button{min-height:44px;padding:10px 6px;font-size:12px}.filters button span{display:inline-block;min-width:16px;margin-left:4px;font-size:11px}.toc{padding:0 16px;border:1px solid var(--line);border-radius:6px;background:#f8fafc}.toc summary{min-height:44px;padding-block:13px}.toc details[open] nav{padding-bottom:16px}.article-grid{gap:24px}.prose{font-size:16px;line-height:1.9}}@media(max-width:360px){.header-inner{padding-inline:16px;gap:8px}.brand strong{font-size:14px}.language-option{padding-inline:7px}}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.category-page .guide-list{margin-top:0}.category-page .post-card:first-child{padding-top:0}.header-actions{display:flex;align-items:center;justify-content:flex-end;gap:12px;flex-shrink:0}.bookmark-trigger{min-height:44px;border:1px solid #d7dfe9;border-radius:6px;padding:8px 12px;background:#fff;color:#39485d;cursor:pointer;font-size:13px;white-space:nowrap}.bookmark-trigger:hover{background:#f3f6fa}.bookmark-trigger{display:inline-flex;align-items:center;justify-content:center;gap:7px}.bookmark-icon{display:block;flex-shrink:0}.bookmark-trigger span{font-size:inherit;line-height:1.4}.bookmark-dialog{width:calc(100% - 40px);max-width:440px;border:1px solid var(--line);border-radius:10px;padding:26px;color:#242b36;box-shadow:0 16px 60px #142b4933}.bookmark-dialog::backdrop{background:#14213380}.bookmark-dialog h2{margin:0 0 16px;font-size:23px}.bookmark-dialog p{font-size:15px;line-height:1.8}.bookmark-dialog .bookmark-note{font-size:13px;color:var(--muted)}.bookmark-actions{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:24px;font-size:14px}.bookmark-actions form{margin:0}.bookmark-actions button{border:0;cursor:pointer;min-height:44px}@media(max-width:680px){.header-inner{flex-wrap:wrap}.header-actions{gap:8px;margin-left:auto}.bookmark-trigger{font-size:12px;padding-inline:10px}}
