:root { --chrome-ink:#111319; --chrome-muted:#68717c; --chrome-line:rgba(17,19,25,.1); --chrome-dark:#11141a; --chrome-shell:min(1320px, calc(100% - 96px)); }
.unified-site-header { position:sticky; top:0; z-index:100; height:78px; border-bottom:1px solid var(--chrome-line); background:rgba(252,252,251,.91); backdrop-filter:blur(18px); -webkit-backdrop-filter:blur(18px); color:var(--chrome-ink); font-family:Inter,"HarmonyOS Sans SC","Noto Sans SC","Microsoft YaHei",system-ui,sans-serif; }
.unified-site-shell { width:var(--chrome-shell); height:100%; margin:0 auto; }
.unified-site-nav { display:flex; align-items:center; gap:30px; }
.unified-site-brand { display:inline-flex; align-items:center; gap:10px; color:var(--chrome-ink); font-size:17px; font-weight:760; letter-spacing:-.045em; white-space:nowrap; }
.unified-site-brand img { width:30px; height:30px; object-fit:contain; }
.unified-site-links { display:flex; align-items:center; gap:27px; margin-left:auto; color:#444b54; font-size:14px; }
.unified-site-links > a,.unified-product-menu summary { position:relative; padding:8px 0; color:inherit; cursor:pointer; list-style:none; }
.unified-site-links > a::after,.unified-product-menu summary::after { position:absolute; right:0; bottom:2px; left:0; height:1px; content:""; background:currentColor; transform:scaleX(0); transform-origin:right; transition:transform .2s ease; }
.unified-site-links > a:hover,.unified-site-links > a.is-current,.unified-product-menu[open] summary { color:var(--chrome-ink); }.unified-site-links > a:hover::after,.unified-site-links > a.is-current::after,.unified-product-menu[open] summary::after { transform:scaleX(1); transform-origin:left; }
.unified-product-menu { position:relative; }.unified-product-menu summary::-webkit-details-marker { display:none; }
.unified-product-panel { position:absolute; top:37px; left:-18px; width:250px; padding:8px; border:1px solid var(--chrome-line); border-radius:15px; background:#fff; box-shadow:0 18px 42px rgba(16,18,22,.12); }
.unified-product-panel a { display:flex; flex-direction:column; gap:3px; padding:12px; border-radius:10px; }.unified-product-panel a:hover { background:#f4f5f7; }.unified-product-panel strong { font-size:13px; }.unified-product-panel span { color:#78808a; font-size:11px; line-height:1.45; }
.unified-site-menu { display:none; margin-left:auto; padding:8px 0; color:var(--chrome-ink); border:0; background:transparent; font:inherit; }
.unified-mobile-menu { display:none; }
.unified-site-footer { padding:54px 0 34px; color:#aeb6c0; background:var(--chrome-dark); font-family:Inter,"HarmonyOS Sans SC","Noto Sans SC","Microsoft YaHei",system-ui,sans-serif; }.unified-site-footer .unified-site-brand { color:#fff; }
.unified-footer-grid { display:grid; grid-template-columns:1.5fr repeat(3,.75fr); gap:30px; }.unified-footer-intro { max-width:330px; margin:16px 0 0; color:#8f99a6; font-size:13px; line-height:1.7; }.unified-footer-title { margin:5px 0 15px; color:#fff; font-size:13px; font-weight:720; }.unified-footer-links { display:grid; gap:10px; font-size:13px; }.unified-footer-links a:hover { color:#fff; }.unified-footer-bottom { display:flex; justify-content:space-between; gap:20px; margin-top:48px; padding-top:18px; border-top:1px solid rgba(255,255,255,.1); color:#77818d; font-size:12px; }
body[data-site-chrome] > .topbar,body[data-site-chrome] > .mobile-menu,body[data-site-chrome] > footer.legacy-site-footer { display:none !important; }
body[data-site-chrome] { padding-top:0 !important; }.unified-site-header + main { min-height:calc(100vh - 78px); }
@media(max-width:800px) { :root { --chrome-shell:calc(100% - 40px); }.unified-site-header { height:68px; }.unified-site-links { display:none; }.unified-site-menu { display:block; }.unified-mobile-menu { position:fixed; inset:68px 0 auto; z-index:99; padding:12px 20px 20px; border-bottom:1px solid var(--chrome-line); background:rgba(252,252,251,.98); box-shadow:0 18px 30px rgba(15,18,22,.06); transform:translateY(-130%); transition:transform .22s ease; }.unified-mobile-menu.is-open { transform:translateY(0); }.unified-mobile-menu a { display:block; padding:14px 0; color:var(--chrome-ink); border-bottom:1px solid var(--chrome-line); font-size:15px; }.unified-footer-grid { grid-template-columns:1fr 1fr; gap:34px 20px; }.unified-footer-grid > :first-child { grid-column:1 / -1; }.unified-footer-bottom { flex-wrap:wrap; margin-top:36px; } }
@media(max-width:480px) { :root { --chrome-shell:calc(100% - 32px); }.unified-footer-grid { grid-template-columns:1fr; }.unified-footer-grid > :first-child { grid-column:auto; } }

/* Shared desktop proportions: keep the brand compact so navigation remains calm. */
@media(min-width:801px) { .unified-site-header { height:72px; }.unified-site-brand { gap:8px; font-size:16px; }.unified-site-brand img { width:26px; height:26px; }.unified-site-links { gap:24px; } }