:root{--color-primary: #1b3a5c;--color-primary-light: #274a72;--color-primary-dark: #12283f;--color-accent: #2e6fd8;--color-accent-soft: #e8f0fb;--color-bg: #ffffff;--color-bg-soft: #f5f8fc;--color-bg-soft-2: #eef3f9;--color-text: #22304a;--color-text-muted: #5b6b82;--color-text-faint: #8b99ad;--color-border: #dfe6f0;--color-border-strong: #c9d5e4;--color-quant: #2e6fd8;--color-qa: #8a5cf6;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans SC", sans-serif;--font-mono: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;--font-size-base: 17px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--shadow-sm: 0 1px 2px rgba(27, 58, 92, .06);--shadow-md: 0 4px 16px rgba(27, 58, 92, .08);--shadow-lg: 0 12px 40px rgba(27, 58, 92, .14);--container-max: 1200px;--article-body-max: 820px;--header-height: 64px;--transition: .18s ease}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--header-height) + 16px);-webkit-text-size-adjust:100%}body{margin:0;font-family:var(--font-sans);font-size:var(--font-size-base);line-height:1.75;color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}html[data-font-scale=s]{font-size:15px;--font-size-base: 15px}html[data-font-scale=m]{font-size:17px;--font-size-base: 17px}html[data-font-scale=l]{font-size:19px;--font-size-base: 19px}img,svg{max-width:100%;height:auto;vertical-align:middle}a{color:var(--color-accent);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3,h4,h5,h6{margin:0 0 .6em;line-height:1.35;font-weight:700;color:var(--color-primary-dark);scroll-margin-top:calc(var(--header-height) + 16px)}p{margin:0 0 1.1em}::selection{background:var(--color-accent-soft);color:var(--color-primary-dark)}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.container{max-width:var(--container-max);margin:0 auto;padding:0 24px}.reading-progress{position:fixed;top:0;left:0;height:3px;width:0;background:linear-gradient(90deg,var(--color-accent),var(--color-qa));z-index:1000;transition:width .08s linear}.site-header{position:sticky;top:0;z-index:900;background:#ffffffeb;backdrop-filter:blur(10px);border-bottom:1px solid var(--color-border)}.site-header-inner{display:flex;align-items:center;gap:16px;height:var(--header-height)}.brand{display:flex;align-items:center;gap:10px;color:var(--color-primary);font-weight:800;font-size:18px;letter-spacing:.2px;white-space:nowrap}.brand:hover{text-decoration:none}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:linear-gradient(135deg,var(--color-primary),var(--color-accent));color:#fff;font-weight:900;font-size:15px;flex-shrink:0}.brand .brand-sub{font-size:11px;font-weight:500;color:var(--color-text-faint);display:block;letter-spacing:.4px}.main-nav{display:flex;align-items:center;gap:2px;margin-left:8px;flex:1;overflow-x:auto;scrollbar-width:none}.main-nav::-webkit-scrollbar{display:none}.nav-link{padding:8px 12px;border-radius:var(--radius-sm);color:var(--color-text-muted);font-size:15px;font-weight:500;white-space:nowrap;transition:color var(--transition),background var(--transition)}.nav-link:hover{color:var(--color-primary);background:var(--color-bg-soft);text-decoration:none}.nav-link.active{color:var(--color-primary);background:var(--color-accent-soft);font-weight:600}.header-actions{display:flex;align-items:center;gap:8px;margin-left:auto;flex-shrink:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;border-radius:var(--radius-md);font-size:15px;font-weight:600;line-height:1.4;border:1px solid transparent;cursor:pointer;transition:all var(--transition);text-decoration:none}.btn:hover{text-decoration:none;transform:translateY(-1px)}.btn-primary{background:var(--color-primary);color:#fff;box-shadow:var(--shadow-sm)}.btn-primary:hover{background:var(--color-primary-light);box-shadow:var(--shadow-md)}.btn-accent{background:var(--color-accent);color:#fff;box-shadow:var(--shadow-sm)}.btn-accent:hover{background:#2560c2;box-shadow:var(--shadow-md)}.btn-outline{background:#fff;border-color:var(--color-border-strong);color:var(--color-primary)}.btn-outline:hover{border-color:var(--color-accent);color:var(--color-accent);background:var(--color-bg-soft)}.btn-lg{padding:14px 28px;font-size:16px}.btn-sm{padding:6px 12px;font-size:13px;border-radius:var(--radius-sm)}.icon-btn{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:var(--radius-md);border:1px solid var(--color-border);background:#fff;color:var(--color-text-muted);cursor:pointer;transition:all var(--transition);font-size:15px;line-height:1}.icon-btn:hover{color:var(--color-primary);border-color:var(--color-accent);background:var(--color-bg-soft)}.icon-btn.active{color:#fff;background:var(--color-accent);border-color:var(--color-accent)}.search-box{display:flex;align-items:center;gap:8px;width:220px;padding:8px 12px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-soft);color:var(--color-text-faint);font-size:14px;cursor:pointer;transition:all var(--transition)}.search-box:hover{border-color:var(--color-accent);background:#fff}.search-box kbd{margin-left:auto;font-family:var(--font-mono);font-size:11px;padding:1px 6px;border:1px solid var(--color-border);border-radius:4px;background:#fff;color:var(--color-text-faint)}.menu-toggle{display:none}.site-footer{margin-top:80px;background:var(--color-primary-dark);color:#b8c6d8;font-size:14px}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:40px;padding:56px 24px 40px;max-width:var(--container-max);margin:0 auto}.footer-brand .brand{color:#fff}.footer-brand p{margin-top:14px;max-width:320px;line-height:1.8}.footer-col h4{color:#fff;font-size:15px;margin-bottom:14px}.footer-col a{display:block;color:#b8c6d8;padding:4px 0;font-size:14px}.footer-col a:hover{color:#fff;text-decoration:none}.footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding:20px 24px;text-align:center;color:#7d8ea5;font-size:13px}.hero{position:relative;background:linear-gradient(160deg,var(--color-primary) 0%,var(--color-primary-light) 55%,#2e5c92 100%);color:#fff;overflow:hidden}.hero:after{content:"";position:absolute;right:-120px;top:-120px;width:480px;height:480px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.12) 0%,transparent 65%);pointer-events:none}.hero-inner{position:relative;z-index:1;max-width:var(--container-max);margin:0 auto;padding:88px 24px 84px}.hero-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:999px;background:#ffffff1f;border:1px solid rgba(255,255,255,.22);font-size:13px;font-weight:500;letter-spacing:.3px;margin-bottom:22px}.hero h1{color:#fff;font-size:clamp(30px,4.2vw,46px);line-height:1.25;max-width:780px;margin-bottom:18px;letter-spacing:.5px}.hero .hero-sub{font-size:clamp(16px,1.6vw,19px);line-height:1.8;color:#d3e0f0;max-width:640px;margin-bottom:34px}.hero-actions{display:flex;gap:14px;flex-wrap:wrap}.hero-stats{display:flex;gap:48px;margin-top:56px;flex-wrap:wrap}.hero-stat strong{display:block;font-size:26px;color:#fff}.hero-stat span{font-size:13.5px;color:#b8c9de}.section{padding:72px 0}.section-alt{background:var(--color-bg-soft);border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}.section-head{max-width:720px;margin-bottom:36px}.section-head .kicker{font-size:13px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;color:var(--color-accent);margin-bottom:8px}.section-head h2{font-size:clamp(24px,2.6vw,32px);margin-bottom:10px}.section-head p{color:var(--color-text-muted);font-size:16px;margin:0}.topic-banner{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:16px 22px;margin-bottom:24px;border-radius:var(--radius-lg);background:linear-gradient(120deg,#f1ebfe,#e8f0fb);border:1px solid #d9cdf5;color:var(--color-text);transition:all var(--transition)}.topic-banner:hover{text-decoration:none;border-color:var(--color-qa);box-shadow:var(--shadow-md);transform:translateY(-2px)}.topic-banner-badge{padding:3px 12px;border-radius:999px;background:var(--color-qa);color:#fff;font-size:12.5px;font-weight:600;flex-shrink:0}.topic-banner-title{font-size:17px;font-weight:700;color:var(--color-primary-dark);white-space:nowrap}.topic-banner-desc{font-size:14px;color:var(--color-text-muted);margin-left:auto;text-align:right}@media(max-width:640px){.topic-banner-desc{margin-left:0;text-align:left;width:100%}}.card{background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:26px;box-shadow:var(--shadow-sm);transition:all var(--transition)}a.card:hover{text-decoration:none;transform:translateY(-3px);box-shadow:var(--shadow-md);border-color:var(--color-border-strong)}.card h3{font-size:18px;margin-bottom:8px}.card p{color:var(--color-text-muted);font-size:15px;line-height:1.7;margin:0}.card .card-link{margin-top:14px;font-size:14px;font-weight:600;color:var(--color-accent);display:inline-flex;align-items:center;gap:4px}.grid-3,.grid-6{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.product-card{display:grid;grid-template-columns:1fr auto;gap:20px;padding:30px}.product-badge{display:inline-block;padding:4px 12px;border-radius:999px;font-size:12.5px;font-weight:600;margin-bottom:12px}.product-badge.quant{background:var(--color-accent-soft);color:var(--color-accent)}.product-badge.qa{background:#f1ebfe;color:var(--color-qa)}.product-card h3{font-size:22px}.product-caps{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 18px}.product-caps span{padding:4px 10px;border-radius:var(--radius-sm);background:var(--color-bg-soft);border:1px solid var(--color-border);font-size:13px;color:var(--color-text-muted)}.product-logo{width:72px;height:72px;border-radius:var(--radius-lg);display:grid;place-items:center;font-weight:900;font-size:20px;color:#fff}.product-logo.quant{background:linear-gradient(135deg,var(--color-accent),#1b4f9e)}.product-logo.qa{background:linear-gradient(135deg,#8a5cf6,#5b2fd0)}.article-card{display:block;padding:20px 24px;border-radius:var(--radius-md);border:1px solid var(--color-border);background:#fff;transition:all var(--transition);margin-bottom:14px}.article-card:hover{text-decoration:none;border-color:var(--color-border-strong);box-shadow:var(--shadow-md);transform:translateY(-2px)}.article-card .meta{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--color-text-faint);margin-bottom:8px}.badge{display:inline-block;padding:2px 10px;border-radius:999px;font-size:12px;font-weight:600;background:var(--color-accent-soft);color:var(--color-accent)}.badge-qual{background:#f1ebfe;color:var(--color-qa)}.article-card h3{font-size:17px;margin-bottom:6px;color:var(--color-primary-dark)}.article-card:hover h3{color:var(--color-accent)}.article-card p{font-size:14.5px;color:var(--color-text-muted);margin:0;line-height:1.7;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.search-overlay{position:fixed;inset:0;z-index:1200;background:#12283f8c;backdrop-filter:blur(3px);display:none;align-items:flex-start;justify-content:center;padding:12vh 20px 20px}.search-overlay.open{display:flex}.search-dialog{width:100%;max-width:640px;background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);overflow:hidden;max-height:70vh;display:flex;flex-direction:column}.search-input-wrap{display:flex;align-items:center;gap:10px;padding:16px 20px;border-bottom:1px solid var(--color-border)}.search-input-wrap input{flex:1;border:none;outline:none;font-size:17px;font-family:var(--font-sans);color:var(--color-text);background:transparent}.search-results{overflow-y:auto;padding:8px}.search-result{display:block;padding:12px 14px;border-radius:var(--radius-md)}.search-result:hover{background:var(--color-bg-soft);text-decoration:none}.search-result .sr-title{font-weight:600;color:var(--color-primary-dark);font-size:15px;margin-bottom:2px}.search-result .sr-meta{font-size:12.5px;color:var(--color-text-faint)}.search-result mark{background:#ffe9a8;color:inherit;border-radius:2px;padding:0 2px}.search-empty{padding:40px 20px;text-align:center;color:var(--color-text-faint);font-size:14px}.search-loading{padding:40px 20px;text-align:center;color:var(--color-text-faint)}.drawer{position:fixed;inset:0;z-index:1100;display:none}.drawer.open{display:block}.drawer-mask{position:absolute;inset:0;background:#12283f80}.drawer-panel{position:absolute;top:0;bottom:0;right:0;width:min(320px,86vw);background:#fff;box-shadow:var(--shadow-lg);padding:20px;overflow-y:auto}.drawer-panel h4{font-size:14px;color:var(--color-text-faint);text-transform:uppercase;letter-spacing:1px;margin-bottom:12px}.drawer-panel a{display:block;padding:9px 10px;border-radius:var(--radius-sm);color:var(--color-text);font-size:15px;font-weight:500}.drawer-panel a:hover{background:var(--color-bg-soft);text-decoration:none}.drawer-panel a.active{color:var(--color-accent);background:var(--color-accent-soft);font-weight:600}.kicker{font-size:13px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;color:var(--color-accent)}.breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:6px;font-size:13.5px;color:var(--color-text-faint);margin-bottom:14px}.breadcrumb a{color:var(--color-text-muted)}.breadcrumb a:hover{color:var(--color-accent)}.breadcrumb .sep{color:var(--color-border-strong)}.page-head{padding:48px 0 28px}.page-head h1{font-size:clamp(26px,3vw,36px);margin-bottom:12px}.page-head .page-desc{font-size:16.5px;color:var(--color-text-muted);max-width:760px;margin:0}.category-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:28px}.category-tabs a{padding:7px 16px;border-radius:999px;border:1px solid var(--color-border);color:var(--color-text-muted);font-size:14px;font-weight:500;transition:all var(--transition)}.category-tabs a:hover{text-decoration:none;border-color:var(--color-accent);color:var(--color-accent)}.category-tabs a.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.empty-state{padding:60px 20px;text-align:center;color:var(--color-text-faint);background:var(--color-bg-soft);border-radius:var(--radius-lg);border:1px dashed var(--color-border-strong)}.empty-state h3{color:var(--color-text-muted);margin-bottom:6px}@media(max-width:1024px){.search-box{display:none}.grid-6{grid-template-columns:repeat(2,1fr)}}@media(max-width:900px){.main-nav,.desktop-only{display:none}.menu-toggle{display:inline-grid}.grid-3{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr 1fr;gap:28px}}@media(max-width:640px){.container{padding:0 16px}.hero-inner{padding:56px 16px 60px}.grid-3,.grid-6,.product-card{grid-template-columns:1fr}.section{padding:52px 0}.footer-grid{grid-template-columns:1fr}.hero-stats{gap:24px}}