:root{--color-bg:#f6f8fc;--color-surface:#fff;--color-surface-2:#eef2f9;--color-border:#dde3ee;--color-text:#1c2434;--color-text-muted:#55607a;--color-accent:#2c5ecb;--color-accent-hover:#1e4aac;--color-accent-soft:#2c5ecb14;--color-success:#1f8a4c;--color-warning:#b07916;--color-danger:#c03a36;--font-sans:"Inter", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;--font-mono:"JetBrains Mono", Consolas, "Courier New", monospace;--container:1080px;--radius:8px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px}*,:before,:after{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;font-size:16px;line-height:1.7}h1,h2,h3{letter-spacing:-.015em;font-weight:700}a{color:var(--color-accent);text-decoration:none}a:hover{color:var(--color-accent-hover);text-decoration:underline}code,pre{font-family:var(--font-mono);background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:6px;font-size:.9em}code{padding:1px 6px}pre{padding:var(--space-4);overflow-x:auto}pre code{background:0 0;border:none;padding:0}.container{max-width:var(--container);padding:0 var(--space-4);margin:0 auto}.section{padding:55px 0 70px}.section-title{margin:0 0 var(--space-4);font-size:1.75rem}.page-header{padding:var(--space-7) 0 var(--space-5)}.page-header h1{margin:0 0 var(--space-3);font-size:2.1rem;line-height:1.25}.page-header .lead{color:var(--color-text-muted);max-width:720px;margin:0;font-size:1.1rem}.site-header{border-bottom:1px solid var(--color-border);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:50;background:#f6f8fcf0;position:sticky;top:0}.site-header .container{justify-content:space-between;align-items:center;gap:var(--space-4);flex-wrap:nowrap;min-height:64px;display:flex}.site-logo{color:var(--color-text);flex-shrink:0;align-items:center;gap:12px;text-decoration:none;display:flex}.site-logo:hover{color:var(--color-text);text-decoration:none}.site-logo-mark{flex-shrink:0;width:38px;height:38px}.site-logo-text{flex-direction:column;line-height:1.2;display:flex}.site-logo-title{letter-spacing:-.02em;font-size:1.15rem;font-weight:700}.site-logo-subtitle{color:var(--color-text-muted);text-overflow:ellipsis;white-space:nowrap;max-width:280px;font-size:.78rem;font-weight:500;overflow:hidden}.site-logo:hover .site-logo-subtitle{color:var(--color-text)}.header-right{align-items:center;gap:var(--space-4);flex-shrink:1;min-width:0;display:flex}.site-nav{align-items:center;gap:var(--space-3);flex-wrap:nowrap;min-width:0;display:flex}.site-nav a{color:var(--color-text);white-space:nowrap;font-size:.9rem;font-weight:600}.site-nav a:hover{color:var(--color-accent);text-decoration:none}.header-meta{align-items:center;gap:var(--space-2);flex-shrink:0;display:flex}.lang-switcher{color:var(--color-text-muted);border:1px solid var(--color-border);background:var(--color-surface);white-space:nowrap;border-radius:6px;padding:2px 8px;font-size:.85rem;font-weight:700}.version-chip{font-family:var(--font-mono);color:var(--color-accent);background:var(--color-accent-soft);border:1px solid var(--color-accent);white-space:nowrap;border-radius:6px;padding:2px 8px;font-size:.8rem;font-weight:600}.version-chip:hover{background:var(--color-accent);color:#fff;text-decoration:none}.site-footer{border-top:1px solid var(--color-border);background:var(--color-surface);margin-top:var(--space-7);padding:var(--space-6) 0;color:var(--color-text-muted);font-size:.9rem}.footer-grid{gap:var(--space-5);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));display:grid}.footer-grid h3{color:var(--color-text);margin:0 0 var(--space-3);font-size:.95rem}.footer-grid ul{gap:var(--space-2);margin:0;padding:0;list-style:none;display:grid}.footer-disclaimer{margin-top:var(--space-5);padding-top:var(--space-4);border-top:1px solid var(--color-border);font-size:.85rem}.breadcrumb{color:var(--color-text-muted);padding:var(--space-3) 0 0;font-size:.85rem}.breadcrumb ol{gap:var(--space-2);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.breadcrumb li:not(:last-child):after{content:"›";margin-left:var(--space-2);color:var(--color-border)}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:27px 20px 25px}.card h2,.card h3{margin-top:0}.grid{gap:var(--space-4);display:grid}.grid-2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.btn{border-radius:var(--radius);cursor:pointer;border:1px solid #0000;padding:10px 19px;font-size:1rem;font-weight:700;display:inline-block}.btn:hover{text-decoration:none}.btn-primary{background:var(--color-accent);color:#fff}.btn-primary:hover{background:var(--color-accent-hover);color:#fff}.btn-secondary{color:var(--color-accent);border-color:var(--color-accent);background:0 0}.btn-secondary:hover{background:var(--color-accent-soft);color:var(--color-accent-hover)}.btn-row{gap:var(--space-3);margin-top:var(--space-4);flex-wrap:wrap;display:flex}.badge{border:1px solid var(--color-border);color:var(--color-text-muted);border-radius:999px;padding:3px 10px;font-size:.78rem;font-weight:600;display:inline-block}.badge-latest{border-color:var(--color-success);color:var(--color-success);background:#1f8a4c1a}.badge-platform{background:var(--color-accent-soft);border-color:var(--color-accent);color:var(--color-accent)}.table-wrap{overflow-x:auto}table.data-table{border-collapse:collapse;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);width:100%}table.data-table th,table.data-table td{text-align:left;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border);vertical-align:top}table.data-table th{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:.85rem}table.data-table tr:last-child td{border-bottom:none}.faq-item{border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);margin-bottom:var(--space-3)}.faq-item summary{cursor:pointer;padding:var(--space-4) var(--space-5);font-weight:600;list-style:none}.faq-item summary:hover{color:var(--color-accent)}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:"+";float:right;color:var(--color-accent)}.faq-item[open] summary:after{content:"−"}.faq-item .faq-answer{padding:0 var(--space-5) var(--space-4);color:var(--color-text-muted)}.note{border-radius:var(--radius);padding:var(--space-4) var(--space-5);margin:var(--space-4) 0;border:1px solid}.note-info{border-color:var(--color-accent);background:var(--color-accent-soft)}.note-warning{border-color:var(--color-warning);background:#b0791614}.note-danger{border-color:var(--color-danger);background:#c03a3614}.toc{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:var(--space-4) var(--space-5)}.toc-title{margin:0 0 var(--space-2);font-weight:700}.toc ul{padding-left:var(--space-5);margin:0}.ad-slot{border:1px dashed var(--color-border);border-radius:var(--radius);min-height:90px;color:var(--color-text-muted);margin:var(--space-5) 0;background:var(--color-surface);justify-content:center;align-items:center;font-size:.8rem;display:flex}.article-content h2{margin-top:var(--space-6)}.article-content{max-width:780px}.last-updated{color:var(--color-text-muted);font-size:.85rem}.hero{padding:var(--space-7) 0;text-align:left}.hero h1{letter-spacing:-.045em;margin:0 0 var(--space-4);font-size:clamp(2.4rem,5.5vw,4.2rem);line-height:.98}.hero .lead{color:var(--color-text-muted);max-width:700px;margin:0;font-size:1.15rem}.hero-versions{gap:var(--space-4);margin-top:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));max-width:860px;display:grid}.hero-version-item{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:var(--space-3) var(--space-4);gap:var(--space-1);flex-direction:column;display:flex}.hero-version-label{letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-muted);font-size:.72rem;font-weight:700}.hero-version-value{font-family:var(--font-mono);font-size:1rem;font-weight:600}.guide-number{letter-spacing:.08em;text-transform:uppercase;color:var(--color-accent);margin-bottom:var(--space-2);font-size:.72rem;font-weight:700;display:block}.guide-card{flex-direction:column;display:flex}.guide-card p{color:var(--color-text-muted);flex:1}@media (max-width:720px){.hero h1{font-size:1.8rem}.page-header h1{font-size:1.6rem}.site-header .container,.site-nav{gap:var(--space-3)}}