:root{--navy: #1a2b4a;--navy-deep: #12203a;--teal: #0e7c7b;--teal-strong: #0a6362;--bg: #f7f8fa;--surface: #ffffff;--border: #e4e7ec;--text: #1f2937;--text-strong: var(--navy);--text-muted: #5b6472;--accent: var(--teal);--accent-soft: rgba(14, 124, 123, .1);--hero-bg: var(--navy);--hero-text: #ffffff;--shadow: 0 1px 2px rgba(18, 32, 58, .06), 0 8px 24px rgba(18, 32, 58, .07);--shadow-lift: 0 2px 4px rgba(18, 32, 58, .08), 0 16px 40px rgba(18, 32, 58, .14);--radius: 12px;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono: ui-monospace, "SF Mono", SFMono-Regular, Menlo, Consolas, monospace}html[data-theme=dark]{--bg: #0f1729;--surface: #16203a;--border: #26314e;--text: #d6dbe6;--text-strong: #f1f4f9;--text-muted: #8b94a7;--accent: #2fb4b3;--accent-soft: rgba(47, 180, 179, .14);--hero-bg: #12203a;--hero-text: #f1f4f9;--shadow: 0 1px 2px rgba(0, 0, 0, .3), 0 8px 24px rgba(0, 0, 0, .35);--shadow-lift: 0 2px 4px rgba(0, 0, 0, .35), 0 16px 40px rgba(0, 0, 0, .5)}*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:var(--font-sans);font-size:16px;line-height:1.65;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased}img,svg{max-width:100%;height:auto}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3,h4{color:var(--text-strong);line-height:1.25;margin:0 0 .5em;font-weight:650;letter-spacing:-.015em}button{font:inherit;cursor:pointer}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.container{max-width:1080px;margin:0 auto;padding:0 24px}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.site-header{background:var(--hero-bg);color:var(--hero-text)}.site-header .bar{display:flex;align-items:center;gap:20px;padding:18px 0}.site-header .logo{display:flex;align-items:center;gap:10px;color:var(--hero-text);font-weight:650;font-size:1.05rem;letter-spacing:-.01em}.site-header .logo:hover{text-decoration:none}.site-header .logo img{height:30px;width:auto;display:block}.header-actions{margin-left:auto;display:flex;align-items:center;gap:10px}.search-trigger{display:flex;align-items:center;gap:10px;min-width:220px;padding:9px 14px;border-radius:10px;border:1px solid rgba(255,255,255,.22);background:#ffffff17;color:#ffffffd9;font-size:.9rem;transition:background .15s ease}.search-trigger:hover{background:#ffffff29}.search-trigger kbd{margin-left:auto;font-family:var(--font-sans);font-size:.72rem;padding:2px 7px;border-radius:5px;border:1px solid rgba(255,255,255,.28);color:#ffffffbf}.theme-toggle{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;border:1px solid rgba(255,255,255,.22);background:#ffffff17;color:var(--hero-text)}.theme-toggle:hover{background:#ffffff29}.theme-toggle .icon-sun,html[data-theme=dark] .theme-toggle .icon-moon{display:none}html[data-theme=dark] .theme-toggle .icon-sun{display:block}.hero{background:var(--hero-bg);color:var(--hero-text);padding:56px 0 88px;text-align:center}.hero h1{color:var(--hero-text);font-size:clamp(1.7rem,4vw,2.4rem);margin-bottom:12px}.hero p{margin:0 auto;max-width:560px;color:#ffffffc7}.hero .hero-search{margin:32px auto 0;max-width:640px;display:flex;align-items:center;gap:12px;width:100%;padding:16px 20px;border-radius:14px;border:none;background:var(--surface);color:var(--text-muted);font-size:1rem;box-shadow:var(--shadow-lift);text-align:left}.hero .hero-search svg{color:var(--accent);flex-shrink:0}.category-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;margin-top:-44px;padding-bottom:72px}.category-card{display:block;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:26px;box-shadow:var(--shadow);color:inherit;transition:transform .15s ease,box-shadow .15s ease}.category-card:hover{text-decoration:none;transform:translateY(-2px);box-shadow:var(--shadow-lift)}.category-card .icon{display:inline-grid;place-items:center;width:46px;height:46px;border-radius:11px;background:var(--accent-soft);color:var(--accent);margin-bottom:16px}.category-card .icon svg{width:23px;height:23px}.category-card h2{font-size:1.08rem;margin-bottom:6px}.category-card p{margin:0 0 14px;color:var(--text-muted);font-size:.92rem}.category-card .count{font-size:.82rem;font-weight:550;color:var(--accent)}.page{padding:40px 0 80px}.breadcrumbs{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:.86rem;color:var(--text-muted);margin-bottom:28px}.breadcrumbs a{color:var(--text-muted)}.breadcrumbs a:hover{color:var(--accent)}.breadcrumbs .sep{opacity:.55}.breadcrumbs .current{color:var(--text-strong);font-weight:550}.category-head{display:flex;align-items:flex-start;gap:18px;margin-bottom:34px}.category-head .icon{display:grid;place-items:center;width:54px;height:54px;border-radius:13px;background:var(--accent-soft);color:var(--accent);flex-shrink:0}.category-head .icon svg{width:26px;height:26px}.category-head h1{font-size:1.55rem;margin-bottom:4px}.category-head p{margin:0;color:var(--text-muted)}.article-list{display:flex;flex-direction:column;gap:12px;max-width:760px}.article-item{display:block;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:18px 22px;color:inherit;transition:border-color .15s ease,box-shadow .15s ease}.article-item:hover{text-decoration:none;border-color:var(--accent);box-shadow:var(--shadow)}.article-item h2{font-size:1rem;margin-bottom:4px}.article-item p{margin:0;font-size:.9rem;color:var(--text-muted)}.article-layout{max-width:760px}.article-layout h1{font-size:clamp(1.5rem,3vw,2rem);margin-bottom:8px}.article-meta{color:var(--text-muted);font-size:.88rem;margin-bottom:36px}.article-body{font-size:1.02rem}.article-body h2{font-size:1.28rem;margin:1.8em 0 .6em}.article-body h3{font-size:1.1rem;margin:1.6em 0 .5em}.article-body p{margin:0 0 1.1em}.article-body ul,.article-body ol{padding-left:1.4em;margin:0 0 1.1em}.article-body li{margin-bottom:.35em}.article-body li p{margin:0}.article-body blockquote{margin:1.4em 0;padding:14px 20px;border-left:3px solid var(--accent);background:var(--accent-soft);border-radius:0 10px 10px 0}.article-body blockquote p:last-child{margin:0}.article-body code{font-family:var(--font-mono);font-size:.88em;background:var(--accent-soft);padding:2px 6px;border-radius:5px}.article-body hr{border:0;border-top:1px solid var(--border);margin:2.2em 0}.article-body figure{margin:1.6em 0}.article-body figure img{border-radius:10px;border:1px solid var(--border)}.article-body table{width:100%;border-collapse:collapse;margin:1.4em 0;font-size:.94rem}.article-body th,.article-body td{border:1px solid var(--border);padding:9px 13px;text-align:left}.article-body th{background:var(--accent-soft);color:var(--text-strong)}.related{margin-top:56px;padding-top:32px;border-top:1px solid var(--border)}.related h2{font-size:1.05rem;margin-bottom:16px}.related ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.related a{display:flex;align-items:center;gap:10px;padding:13px 16px;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--text-strong);font-size:.94rem;font-weight:500}.related a:hover{text-decoration:none;border-color:var(--accent)}.related a svg{color:var(--accent);flex-shrink:0}.empty-state{padding:48px 0;color:var(--text-muted)}.search-overlay{position:fixed;inset:0;z-index:60;display:none;background:#0f17298c;backdrop-filter:blur(3px);padding:12vh 20px 40px}.search-overlay.open{display:flex;justify-content:center;align-items:flex-start}.search-panel{width:100%;max-width:620px;background:var(--surface);border-radius:16px;border:1px solid var(--border);box-shadow:var(--shadow-lift);overflow:hidden}.search-panel .input-row{display:flex;align-items:center;gap:12px;padding:16px 20px;border-bottom:1px solid var(--border)}.search-panel .input-row svg{color:var(--accent);flex-shrink:0}.search-panel input{flex:1;border:none;outline:none;background:transparent;color:var(--text);font:inherit;font-size:1.02rem}.search-panel input::placeholder{color:var(--text-muted)}.search-panel .esc-hint{font-size:.72rem;color:var(--text-muted);border:1px solid var(--border);border-radius:5px;padding:2px 7px;font-family:var(--font-sans)}.search-results{max-height:55vh;overflow-y:auto;padding:8px}.search-results .hint{padding:22px 16px;color:var(--text-muted);font-size:.92rem;text-align:center}.search-results a.result{display:block;padding:12px 14px;border-radius:10px;color:inherit}.search-results a.result:hover,.search-results a.result:focus{background:var(--accent-soft);text-decoration:none}.search-results .result h3{font-size:.96rem;margin:0 0 3px}.search-results .result p{margin:0;font-size:.85rem;color:var(--text-muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.search-results .result mark{background:transparent;color:var(--accent);font-weight:650}.site-footer{border-top:1px solid var(--border);padding:28px 0;color:var(--text-muted);font-size:.88rem}.site-footer .container{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}@media(max-width:640px){.search-trigger{min-width:0}.search-trigger .label,.search-trigger kbd{display:none}.hero{padding:40px 0 76px}.category-head{flex-direction:column}.site-header .logo span{display:none}}