:root{--accent: #2563eb;--accent-hover: #1d4ed8;--accent-soft: #eef4ff;--accent-border: #c7dcff;--ink: #0f172a;--text: #1f2937;--muted: #6b7280;--muted-2: #94a3b8;--border: #e5e7eb;--border-soft: #f1f5f9;--bg: #fff;--bg-soft: #f8fafc;--bg-tint: #fafbfd;--warn-bg: #fff8e6;--warn-border: #fde68a;--warn-ink: #78350f;--shadow-sm: 0 1px 2px rgba(15, 23, 42, .04);--shadow-md: 0 4px 12px rgba(15, 23, 42, .06), 0 1px 2px rgba(15, 23, 42, .04);--radius: 10px;--radius-sm: 6px}*{box-sizing:border-box}html,body,#root{margin:0;min-width:320px;min-height:100%}html{scroll-behavior:smooth}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,sans-serif;font-size:16px;line-height:1.75;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}img{max-width:100%;height:auto}a{color:var(--accent);text-decoration:none;transition:color .15s}a:hover{color:var(--accent-hover);text-decoration:underline}button,input{font-family:inherit}:focus-visible{outline:3px solid rgba(37,99,235,.34);outline-offset:2px}h1,h2,h3,h4{color:var(--ink);line-height:1.35;margin:2rem 0 1rem;text-wrap:balance;letter-spacing:-.01em}h1{display:inline-block;max-width:100%;margin:0 0 1.25rem;padding-bottom:.75rem;border-bottom:3px solid var(--accent);font-size:2rem;font-weight:700}h2{padding-bottom:.4rem;border-bottom:1px solid var(--border);font-size:1.45rem;font-weight:650}h3{font-size:1.15rem;font-weight:600}h4{font-size:1rem;font-weight:600}p{margin:.85rem 0}ul{padding-left:1.5rem;margin:.85rem 0}li{margin:.35rem 0}strong{color:var(--ink);font-weight:600}.sec-header{position:sticky;top:0;z-index:100;border-bottom:1px solid var(--border);background:#ffffffdb;-webkit-backdrop-filter:saturate(180%) blur(8px);backdrop-filter:saturate(180%) blur(8px)}.header-top{display:flex;align-items:center;gap:1.5rem;max-width:1200px;margin:0 auto;padding:.9rem 1.5rem}.topic-brand{display:flex;flex-shrink:0;align-items:center;gap:.75rem;color:inherit}.topic-brand:hover{text-decoration:none}.brand-logo{width:44px;height:44px;flex-shrink:0;object-fit:contain;border-radius:8px}.brand-txt{display:block}.brand-main{display:block;font-size:1.2rem;line-height:1.1;letter-spacing:-.01em}.brand-tag{display:block;margin-top:3px;color:var(--muted);font-family:SF Mono,Menlo,monospace;font-size:.72rem;line-height:1.4;letter-spacing:.02em}.site-search{position:relative;display:flex;flex:1 1 auto;max-width:680px;min-width:260px}.search-input{flex:1;min-width:0;padding:.6rem 1rem;border:1.5px solid var(--border);border-right:0;border-radius:8px 0 0 8px;background:var(--bg-soft);color:var(--text);font-size:.95rem;transition:border-color .15s,box-shadow .15s,background .15s}.search-input:focus{outline:0;border-color:var(--accent);background:var(--bg);box-shadow:0 0 0 3px var(--accent-soft)}.search-btn{padding:0 1.4rem;border:1.5px solid var(--accent);border-radius:0 8px 8px 0;background:var(--accent);color:#fff;cursor:pointer;font-size:.95rem;font-weight:500;transition:background .15s}.search-btn:hover{border-color:var(--accent-hover);background:var(--accent-hover)}.search-dropdown{position:absolute;top:calc(100% + 5px);left:0;z-index:120;width:calc(100% - 75px);max-height:390px;overflow:auto;border:1px solid #dbe3f0;border-radius:6px;background:#fff;box-shadow:0 12px 28px #0f172a1f}.search-dropdown button{display:block;width:100%;padding:.65rem .85rem;border:0;border-bottom:1px solid var(--border-soft);background:#fff;color:var(--text);text-align:left;cursor:pointer}.search-dropdown button:hover{background:var(--bg-soft)}.search-dropdown strong,.search-dropdown span{display:block}.search-dropdown strong{color:var(--accent);font-size:.9rem}.search-dropdown span{margin-top:2px;color:var(--muted);font-size:.78rem;line-height:1.45}.search-empty{padding:.85rem 1rem;color:var(--muted);font-size:.86rem;line-height:1.55}.nav-tabs-bar{border-bottom:1px solid var(--border);background:linear-gradient(180deg,#f8fafc,#f1f5f9)}.nav-tabs{display:flex;max-width:1200px;margin:0 auto}.tab-item{position:relative;padding:.7rem 1.2rem;border-bottom:2px solid transparent;color:var(--muted);font-size:.9rem;font-weight:500;text-decoration:none;transition:all .15s}.tab-item:hover{color:var(--accent);text-decoration:none}.tab-item.active{border-bottom-color:var(--accent);color:var(--accent);font-weight:600}main{max-width:880px;margin:0 auto;padding:2.5rem 1.5rem 3rem}.breadcrumb{margin-bottom:1.75rem;padding-bottom:.75rem;border-bottom:1px dashed var(--border);color:var(--muted-2);font-size:.86rem}.breadcrumb a{color:var(--muted)}.breadcrumb span:last-child{color:var(--text)}.post-meta{display:flex;flex-wrap:wrap;gap:1.2rem;margin:0 0 1.2rem;padding-bottom:.6rem;border-bottom:1px dashed var(--border);color:var(--muted);font-size:.85rem}.hero{margin:-1rem -1.5rem 3rem;padding:3.5rem 1.5rem 3rem;border-radius:0 0 var(--radius) var(--radius);background:radial-gradient(ellipse 1200px 400px at 50% 0%,var(--accent-soft) 0%,transparent 60%),linear-gradient(180deg,var(--bg-tint) 0%,var(--bg) 100%);text-align:center}.hero .post-meta{text-align:left}.hero h1{display:inline;padding:0;border:0;color:var(--ink);font-size:2.5rem;letter-spacing:-.02em}.hero-sub{max-width:620px;margin:1rem auto 0;color:var(--muted);font-size:1.1rem;line-height:1.7}.hero-tags{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem;margin-top:1.5rem}.hero-tags span{display:inline-block;padding:.25rem .75rem;border:1px solid var(--accent-border);border-radius:999px;background:#2563eb14;color:var(--accent);font-size:.78rem}.hub-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.1rem;margin:1.5rem 0}.hub-card{position:relative;display:block;padding:1.4rem 1.5rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);box-shadow:var(--shadow-sm);color:inherit;text-decoration:none;transition:transform .18s ease,box-shadow .18s ease,border-color .18s}.hub-card:before{position:absolute;inset:0 auto 0 0;width:3px;border-radius:var(--radius) 0 0 var(--radius);background:var(--accent);content:"";opacity:0;transition:opacity .18s}.hub-card:hover{transform:translateY(-3px);border-color:var(--accent-border);box-shadow:var(--shadow-md);text-decoration:none}.hub-card:hover:before,.hub-card:focus-visible:before{opacity:1}.hub-card h3{margin:0 0 .5rem;padding:0;border:0;color:var(--ink);font-size:1.08rem;font-weight:600}.hub-card p{margin:0;color:var(--muted);font-size:.88rem;line-height:1.6}.card-icon{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;margin-bottom:.85rem;border-radius:8px;background:var(--accent-soft);color:var(--accent)}.listing-grid .hub-card{min-height:142px}.article{overflow-wrap:anywhere}.article .lede{margin:1.25rem 0 2rem;padding:1rem 1.25rem;border-left:4px solid var(--accent);border-radius:0 var(--radius-sm) var(--radius-sm) 0;background:var(--accent-soft);color:var(--ink);font-size:1.02rem;line-height:1.7}.article section{scroll-margin-top:150px}.meta-card{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem 1.5rem;margin:1.25rem 0;padding:1.1rem 1.4rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-soft);box-shadow:var(--shadow-sm)}.meta-card div:last-child{grid-column:1 / -1}.meta-card dt{color:var(--muted);font-size:.85rem;font-weight:600}.meta-card dd{margin:.1rem 0 0;color:var(--text);font-size:.95rem}.table-scroll{max-width:100%;overflow-x:auto}table{width:100%;margin:1.25rem 0;overflow:hidden;border:1px solid var(--border);border-collapse:collapse;border-radius:var(--radius-sm);box-shadow:var(--shadow-sm)}th,td{padding:.65rem 1rem;border-bottom:1px solid var(--border-soft);text-align:left;vertical-align:top}thead th{border-bottom:2px solid var(--border);background:var(--bg-soft);color:var(--ink);font-size:.92rem;font-weight:600}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:var(--bg-tint)}.related-block{margin-top:2.5rem;padding:1.4rem 1.6rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-soft)}.related-block h3{margin:0 0 .8rem;font-size:1rem}.related-block ul{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.5rem 1.2rem;margin:0;padding:0;list-style:none}.related-block li{margin:0}.editor-note{margin:2rem 0 1rem;padding:1rem 1.25rem;border-left:3px solid #4a90e2;border-radius:0 6px 6px 0;background:#f5faff;color:#334155;font-size:.92rem;line-height:1.7}.editor-note strong{color:var(--accent-hover)}.disclaimer{margin:2.5rem 0 1rem;padding:1rem 1.25rem;border:1px solid var(--warn-border);border-left:4px solid #f59e0b;border-radius:0 var(--radius-sm) var(--radius-sm) 0;background:var(--warn-bg);color:var(--warn-ink);font-size:.88rem;line-height:1.65}.disclaimer strong,.disclaimer a{color:var(--warn-ink)}.disclaimer a{text-decoration:underline}footer{margin-top:4rem;padding:2.5rem 1.5rem 2rem;border-top:1px solid var(--border);background:var(--bg-soft)}.foot-inner{max-width:1200px;margin:0 auto}.foot-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2.5rem}.foot-col h4{margin:0 0 .8rem;padding:0;border:0;color:var(--muted);font-size:.88rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.foot-col ul{margin:0;padding:0;list-style:none}.foot-col li{margin:.4rem 0}.foot-col a{color:var(--text);font-size:.92rem}.foot-col a:hover{color:var(--accent)}.foot-copy{margin-top:2rem;padding-top:1.25rem;border-top:1px solid var(--border);color:var(--muted);font-size:.82rem;line-height:1.7;text-align:center}@media(max-width:820px){.header-top{flex-direction:column;align-items:stretch;gap:.75rem;padding:.75rem 1rem}.topic-brand{justify-content:center}.site-search{max-width:100%;min-width:0}.nav-tabs{flex-wrap:wrap}.tab-item{flex:1 1 auto;min-width:70px;padding:.6rem .5rem;font-size:.85rem;text-align:center}main{padding:1.5rem 1rem 2rem}.hero{margin:-1rem -1rem 2rem;padding:2.5rem 1rem 2rem}.hero h1{font-size:1.85rem}.hero-sub{font-size:1rem}h1{font-size:1.55rem}h2{font-size:1.2rem}.hub-grid{grid-template-columns:1fr;gap:.85rem}.foot-grid{grid-template-columns:1fr;gap:1.5rem}}@media(max-width:640px){body{font-size:15px}.desktop-detail{display:none}.header-top{gap:.5rem;padding:.7rem .85rem}.brand-logo{width:40px;height:40px}.brand-main{font-size:1.1rem}.site-search{max-width:100%}.search-input{padding:.5rem .75rem;font-size:16px}.search-btn{padding:0 .9rem;font-size:.88rem}.search-dropdown{width:calc(100% - 61px)}.nav-tabs{flex-wrap:wrap;overflow-x:visible}.tab-item{flex:0 0 auto;min-width:auto;padding:.6rem .75rem;white-space:nowrap;font-size:.82rem}main{padding:1rem .85rem 1.5rem}.hero{margin:-1rem -.85rem 1.5rem;padding:2rem .85rem 1.5rem;border-radius:0}.hero h1{font-size:1.6rem}.hero-sub{font-size:.95rem}.hero-tags{gap:.35rem}.hero-tags span{padding:.2rem .55rem;font-size:.72rem}.post-meta{flex-direction:column;align-items:flex-start;gap:.3rem}.breadcrumb{margin-bottom:.8rem;padding-bottom:.5rem;font-size:.8rem}.hub-grid{gap:.7rem}.hub-card{padding:1rem 1.1rem}.hub-card h3{margin:.35rem 0;font-size:1rem}.hub-card p{font-size:.82rem}.card-icon{width:32px;height:32px;margin-bottom:.5rem}.article .lede,.editor-note,.related-block,.disclaimer,.meta-card{margin-right:0;margin-left:0;padding:.75rem .9rem}.meta-card{grid-template-columns:1fr;gap:.2rem}.meta-card div:last-child{grid-column:auto}th,td{padding:.45rem .6rem;font-size:.88rem}footer{margin-top:4rem;padding:2.5rem 1.5rem 2rem}.foot-grid{gap:1.2rem}}@media(max-width:380px){body{font-size:14px}main{padding:.75rem .65rem 1rem}h1,.hero h1{font-size:1.35rem}.brand-main{font-size:1rem}.brand-logo{width:36px;height:36px}.brand-tag{font-size:.65rem}.tab-item{padding:.5rem .6rem;font-size:.78rem}.hub-card{padding:.8rem .9rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}