@import url("/brand/design-system.css");
/* Brand adaptation, shared with the existing Wanxiang site identity. */
.logo-text{font-size:18px;white-space:nowrap}.logo-img{object-fit:contain}.nav-inner{gap:16px}.nav-links{gap:18px}.nav-links a{white-space:nowrap}.footer-brand strong{font-size:19px}.footer-meta{gap:20px;flex-wrap:wrap}.wx-service-note{text-align:center;color:#7f8b9e;font-size:12px;padding:22px}.wx-product{display:flex;aspect-ratio:16/9;width:100%;overflow:hidden;border-radius:12px;background:#f7f9fc;color:#263444;text-align:left;font-family:Arial,"Microsoft YaHei",sans-serif;font-size:clamp(5px,.78vw,12px);box-shadow:0 20px 70px #0003}.wx-side{width:17%;flex-shrink:0;position:relative;padding:2% 1%;background:linear-gradient(150deg,#071324,#102b3b);color:#adc4d7}.wx-product-brand{display:flex;align-items:center;gap:8%;margin:0 5% 18%;color:#e7e7ff}.wx-product-brand img{width:26%!important;height:auto!important;border-radius:0!important;box-shadow:none!important}.wx-product-brand b{font-size:1.2em;white-space:nowrap}.wx-product-brand small{display:block;font-size:.7em;letter-spacing:.3em;color:#b6a3df;margin-top:.4em}.wx-menu{display:flex;gap:.8em;align-items:center;padding:.9em .7em;margin-bottom:.5em;border-radius:.5em;white-space:nowrap}.wx-menu span{color:#4bbcff;font-size:1.2em}.wx-active{background:#133054;color:white;border:1px solid #1c456e}.wx-online{position:absolute;bottom:3%;font-size:.8em;color:#6cdbad}.wx-workspace{flex:1;min-width:0;display:flex;flex-direction:column}.wx-appbar{padding:1.2em 1.5em;background:white;font-size:1.2em;font-weight:700;border-bottom:1px solid #edf1f7;display:flex;justify-content:space-between}.wx-appbar span{font-size:.65em;font-weight:400;color:#9b91b8}.wx-workspace-body{display:flex;flex:1;min-height:0}.wx-history{width:22%;padding:2%;background:white;flex-shrink:0;border-right:1px solid #edf1f7}.wx-history b{display:block;margin-bottom:1.5em}.wx-history span{color:#748497;font-size:.8em}.wx-history p{padding:.8em 0;font-size:.9em}.wx-history p:first-of-type{background:#eafaf9;color:#14a5b3}.wx-chat{flex:1;position:relative;padding:3% 6% 10%;min-width:0}.wx-success{border:1px solid #b4e9e9;color:#1caaa5;border-radius:.5em;padding:.55em 1em;margin-bottom:.6em;background:#f0fbfd;font-size:.85em}.wx-bubble{background:#fff;padding:1em 1.2em;border-radius:1em;line-height:1.8;margin:1em 0;box-shadow:0 2px 2px #142c4610}.wx-bubble p{margin:.3em 0}.wx-bubble hr{margin:.5em 0;border:0;border-top:1px solid #f0f2f5}.wx-user{background:#3b82f6;color:#fff;margin-left:18%}.wx-compose{position:absolute;bottom:4%;left:6%;right:6%;background:white;border:1px solid #e5e9ef;border-radius:.8em;padding:1.2em;color:#a6afba;font-size:.85em}.wx-compose span{float:right;background:#7db6ff;color:white;border-radius:50%;padding:0 .4em}.wx-panel{width:100%;padding:2% 3%}.wx-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:2%}.wx-toolbar span{color:#8993a2;font-size:.8em}.wx-toolbar i{background:#438dff;padding:.65em 1em;color:white;border-radius:.4em;font-style:normal;font-size:.8em}.wx-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:2%}.wx-metrics>div{background:white;border:1px solid #e8edf5;border-radius:.6em;padding:1em}.wx-metrics small{color:#8491a2}.wx-metrics strong{display:block;color:#273c58;font-size:2.3em;margin:.1em 0}.wx-metrics em{font-size:.7em;color:#24ad8f;font-style:normal}.wx-chart{padding:1em;background:white;border:1px solid #e8edf5;border-radius:.6em;margin-top:2%;height:34%}.wx-chart>div{display:flex;align-items:flex-end;justify-content:space-around;height:70%;margin-top:.5em;background:repeating-linear-gradient(to top,#edf2f8 0 1px,transparent 1px 25%)}.wx-chart i{width:4%;background:linear-gradient(#6e98ff,#c3d8ff);border-radius:.3em .3em 0 0}.wx-table{margin-top:2%;background:white;border:1px solid #e8edf5;border-radius:.5em}.wx-table>div{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:1em;padding:.7em 1em;border-bottom:1px solid #f1f4f8;font-size:.85em}.wx-table em{color:#1cb18b;font-style:normal}.wx-guide-figure{display:block;box-sizing:border-box;padding:24px;margin:22px 0;background:#f7f9ff;border:1px solid #dfe7f4;border-radius:12px;color:#263652}.wx-guide-brand{display:flex;align-items:center;gap:10px;font-size:13px;color:#75648d}.wx-guide-brand img{width:28px!important;height:28px!important;margin:0!important}.wx-guide-figure>strong{display:block;font-size:20px;margin:22px 0}.wx-guide-flow{display:flex;align-items:center;gap:12px}.wx-guide-flow>span{background:white;border:1px solid #dce6f6;padding:18px;border-radius:8px;flex:1;text-align:center;font-size:13px}.wx-guide-flow i{color:#8d78c7;font-style:normal}.wx-guide-figure>small{display:block;margin-top:20px;color:#8190a7;font-size:11px}.docs-brand{line-height:1.6}.docs-brand,.logo-text{overflow-wrap:anywhere}
@media(min-width:981px) and (max-width:1300px){.nav-links{gap:12px}.nav-links a{font-size:12px}.logo-text{font-size:16px}.logo-img{width:30px;height:30px}.nav-cta .btn{padding:9px 12px}.nav-inner{gap:12px}}
@media(max-width:980px){.nav-links{gap:0}.logo-text{font-size:17px}.wx-product{font-size:clamp(4px,1.1vw,10px)}.wx-guide-figure{padding:16px}.wx-guide-flow{gap:5px}.wx-guide-flow>span{font-size:11px;padding:10px 5px}.wx-guide-figure>strong{font-size:17px}.wx-appbar span{display:none}}
@media(prefers-reduced-motion:reduce){.fx{opacity:1!important;transform:none!important}*,*:before,*:after{animation:none!important;scroll-behavior:auto!important;transition:none!important}}

/* Shared main-site navigation identity: nebula surface, typography and outline action. */
:root{--nav-h:64px}
header.nav{background:#070912;border-bottom:1px solid #a6a5fa45;backdrop-filter:none;-webkit-backdrop-filter:none;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",Arial,sans-serif}
.nav .nav-inner{max-width:1440px;padding:0 24px;gap:18px;justify-content:space-between;box-sizing:border-box}
.nav .logo{gap:10px}.nav .logo-img{width:23px;height:23px}.nav .logo-text{font-size:18px;font-weight:600;letter-spacing:.02em;line-height:1.25;color:#f2f3ff}
.nav .logo-text::after{content:none}
.nav .nav-links{position:static;display:flex;flex-direction:row;justify-content:flex-start;flex:1;gap:16px;padding:0;background:transparent;border:0;color:#b5b4cd;font-size:12px;font-weight:400}
.nav .nav-links a{position:relative;display:inline-flex;align-items:center;min-height:44px;line-height:1.5;color:inherit}
.nav .nav-links a::after{content:"";position:absolute;height:1px;bottom:0;inset-inline:0;background:linear-gradient(90deg,transparent,#c8b5ff,transparent);opacity:0;transition:opacity .25s}
.nav .nav-links a:is(:hover,:focus-visible,.on){color:#fff}.nav .nav-links a:is(:hover,:focus-visible,.on)::after{opacity:1}.nav .nav-divider{display:none}
.nav .nav-cta .btn{min-height:44px;padding:11px 15px;box-sizing:border-box;font-size:12px;font-weight:400;line-height:1.5;color:#ded6ff;border:1px solid #b6a4ff55;border-radius:8px;background:linear-gradient(115deg,#8173cb28,#b7c9ff08);box-shadow:inset 0 1px #d6dbff0c;transform:none;white-space:nowrap}
.nav .nav-cta .btn::after{content:"↗";margin-left:18px}.nav .nav-cta .btn:hover{background:#9b88e82e;box-shadow:inset 0 1px #d6dbff0c}.nav .nav-toggle{display:none}
.nav a:focus-visible{outline:2px solid #b5a3ff;outline-offset:4px}
@media(max-width:1100px){.nav .nav-inner{gap:12px;padding-inline:24px}.nav .logo-text{font-size:16px}.nav .nav-links{gap:12px;font-size:12px}.nav .nav-cta .btn{padding:9px 12px}.nav .nav-cta .btn::after{margin-left:8px}}
@media(max-width:980px){.nav .nav-inner{gap:10px;padding-inline:18px}.nav .nav-links{gap:10px;font-size:11px}.nav .nav-links a{font-size:11px}.nav .logo{gap:8px}.nav .logo-text{font-size:15px}.nav .nav-cta .btn{font-size:11px;padding:9px 10px}}
@media(max-width:1100px){.nav .nav-inner{flex-wrap:nowrap;padding-inline:16px}.nav .logo-text{font-size:16px}.nav .nav-cta{margin-left:auto}.nav .nav-toggle{display:block}.nav .nav-toggle span{background:#ded6ff}.nav .nav-links{display:none;position:fixed;top:var(--nav-h);left:0;right:0;flex-direction:column;align-items:stretch;gap:0;padding:12px 24px;background:#070912;border-bottom:1px solid #a6a5fa45}.nav .nav-links.open{display:flex}.nav .nav-links a{font-size:13px}.nav .nav-cta .btn{min-height:38px}.nav .nav-cta .btn::after{display:none}}header.nav{transition:background-color .25s,box-shadow .25s}header.nav[data-scrolled="true"]{background:rgba(7,9,18,.78);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 6px 24px #00000014}

/* Official shared brand and navy palette, September 2026. */
@media screen{
:root{--bg:#0a1220;--bg-2:#0c1626;--panel:#12203a;--panel-2:#16263d;--primary:#79b1ff;--primary-hover:#a1c9ff;--primary-deep:#79b1ff;--accent-text:#6de0cb;--text:#eef2f8;--muted:#9fb0c9;--line:#6094ff29;--dark-bg:#0a1220;--dark-bg-2:#0c1626;--dark-text:#eef2f8;--dark-muted:#9fb0c9;color-scheme:dark}
.doc-content p,.doc-content li{color:#c3d0e1}.btn-ghost:hover{background:#16263d}.wx-service-note{color:#9fb0c9}
}
header.nav{background:#0a1220;border-color:#6094ff29}
header.nav[data-scrolled="true"]{background:rgba(10,18,32,.78)}
.nav .logo-img{width:40px;height:40px;object-fit:contain;border-radius:8px}
.nav .logo-text{color:#eef2f8}.nav .nav-links{color:#adc2d4}.nav .nav-links a::after{background:linear-gradient(90deg,transparent,#34d399,transparent)}
.nav .nav-cta .btn{border-color:#6094ff42;color:#d2e6f3;background:linear-gradient(115deg,#3b82f61a,#34d39908)}
.nav .nav-cta .btn:hover{background:#3b82f623}.nav a:focus-visible{outline-color:#80dccc}
.nav .nav-toggle{width:40px;height:40px;padding:10px}.nav .nav-toggle span{background:#d2e6f3}
@media(max-width:1100px){.nav .nav-links{background:#0a1220;border-color:#6094ff29}.nav .nav-cta .btn{min-height:38px}}
@media(max-width:370px){.nav .nav-inner{gap:8px}.nav .logo-text{font-size:14px}.nav .nav-cta .btn{padding-inline:8px}}