/* 方案3统一企业站外壳：以多业务入口与真实内容分组建立平台级导航。 */
:root { --shell-blue:#1268e8; --shell-blue-dark:#0b4eb9; --shell-ink:#10213d; --shell-muted:#62728a; --shell-line:#dfe7f1; --shell-soft:#f4f8fc; --shell-panel:#ffffff; }
body.drawer-open { overflow:hidden !important; }
.unified-header { position:sticky; top:0; z-index:300; height:76px; background:rgba(255,255,255,.97); border-bottom:0; box-shadow:none; backdrop-filter:blur(12px); }
.unified-header *, .unified-footer * { box-sizing:border-box; }
.unified-header .u-wrap, .unified-footer .u-wrap { width:min(1340px, calc(100% - 48px)); margin:0 auto; }
.unified-header .u-wrap { height:76px; display:flex; align-items:center; gap:18px; }
.u-brand { display:inline-flex; align-items:center; gap:10px; color:var(--shell-ink); font-size:16px; font-weight:800; white-space:nowrap; text-decoration:none; }
.u-brand-mark { display:grid; place-items:center; width:32px; height:32px; border-radius:50%; color:#fff; background:var(--shell-blue); font-size:15px; line-height:1; }
.unified-nav { display:flex; align-items:stretch; justify-content:center; height:100%; min-width:0; margin-left:auto; }
.unified-nav > a, .u-nav-trigger { position:relative; display:inline-flex; align-items:center; gap:3px; height:100%; padding:0 11px; border:0; border-bottom:2px solid transparent; background:transparent; color:#34455d; font:650 13.5px/1 -apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif; text-decoration:none; white-space:nowrap; cursor:pointer; }
.unified-nav > a:hover, .unified-nav > a[aria-current="page"], .u-nav-menu:hover .u-nav-trigger, .u-nav-menu.is-current .u-nav-trigger, .u-nav-menu.is-open .u-nav-trigger { border-bottom-color:var(--shell-blue); color:var(--shell-blue); }
.u-nav-menu { position:relative; display:flex; align-items:stretch; }
.u-nav-chevron { width:14px; height:14px; fill:none; stroke:currentColor; stroke-width:1.8; transition:transform .18s ease; }
.u-nav-menu:hover .u-nav-chevron, .u-nav-menu.is-open .u-nav-chevron { transform:rotate(180deg); }
.u-nav-panel { position:absolute; top:calc(100% - 1px); left:0; z-index:320; width:260px; padding:16px; border:1px solid #dce5f0; border-radius:0 0 12px 12px; background:var(--shell-panel); box-shadow:0 18px 42px rgba(26,55,96,.14); opacity:0; visibility:hidden; transform:translateY(-7px); transition:opacity .16s ease, transform .16s ease, visibility 0s linear .16s; }
.u-nav-menu:last-child .u-nav-panel { right:0; left:auto; }
.u-nav-menu:hover .u-nav-panel, .u-nav-menu:focus-within .u-nav-panel, .u-nav-menu.is-open .u-nav-panel { visibility:visible; opacity:1; transform:translateY(0); transition:opacity .16s ease, transform .16s ease; }

/* 旧落地页的客户评价轮播紧接客户滚动墙时会露出整条边框；新版只保留卡片内容，不保留这条分隔线。 */
.clients-wall, .review-carousel, .review-carousel .review-card { border:0 !important; box-shadow:none; }
.u-nav-panel > p { margin:0 0 10px; padding:0 4px 10px; border-bottom:1px solid #edf2f7; color:#728096; font-size:12px; line-height:1.55; }
.u-nav-panel-links { display:grid; gap:2px; }
.u-nav-panel-links a { display:grid; gap:3px; padding:9px 10px; border-radius:7px; color:var(--shell-ink); text-decoration:none; transition:background .16s ease, color .16s ease; }
.u-nav-panel-links a:hover, .u-nav-panel-links a[aria-current="page"] { background:#edf5ff; color:var(--shell-blue); }
.u-nav-panel-links span { font-size:14px; font-weight:750; line-height:1.25; }
.u-nav-panel-links small { color:#78869a; font-size:11.5px; line-height:1.35; }
.u-header-cta, .u-drawer-cta { display:inline-flex; align-items:center; justify-content:center; min-height:38px; padding:0 16px; border-radius:8px; background:var(--shell-blue); color:#fff; font-size:14px; font-weight:750; text-decoration:none; white-space:nowrap; transition:background .2s ease; }
.u-header-cta:hover, .u-drawer-cta:hover { background:var(--shell-blue-dark); color:#fff; }
.u-menu-button { display:none; width:42px; height:42px; padding:0; border:0; border-radius:8px; background:transparent; color:var(--shell-ink); cursor:pointer; }.u-menu-button:hover { background:var(--shell-soft); }.u-menu-button svg { width:23px; height:23px; }

.unified-drawer { position:fixed; z-index:9999; inset:0; visibility:hidden; pointer-events:none; background:rgba(16,33,61,.24); opacity:0; transition:opacity .22s ease, visibility 0s linear .22s; }.unified-drawer.is-open { visibility:visible; pointer-events:auto; opacity:1; transition:opacity .22s ease; }.u-drawer-panel { position:fixed; inset:0; display:flex; flex-direction:column; width:100%; min-height:100dvh; height:100dvh; padding:20px 22px 24px; background:#fff !important; isolation:isolate; transform:translateX(100%); transition:transform .26s cubic-bezier(.2,.8,.2,1); overflow-y:auto; }.unified-drawer.is-open .u-drawer-panel { transform:translateX(0); }.u-drawer-top { display:flex; align-items:center; justify-content:space-between; min-height:40px; padding-bottom:18px; border-bottom:1px solid var(--shell-line); }.u-close-button { display:grid; place-items:center; width:42px; height:42px; border:1px solid var(--shell-line); border-radius:50%; background:#fff; color:var(--shell-ink); cursor:pointer; }.u-close-button svg { width:20px; height:20px; }.u-drawer-intro { margin:26px 0 18px; color:var(--shell-muted); font-size:13px; line-height:1.6; }.u-drawer-group { padding:16px 0; border-top:1px solid var(--shell-line); }.u-drawer-group:first-of-type { border-top:0; }.u-drawer-group h2 { margin:0 0 9px; color:var(--shell-blue); font-size:12px; font-weight:800; letter-spacing:.06em; }.u-drawer-group a { display:flex; align-items:center; justify-content:space-between; min-height:46px; padding:0 2px; border-bottom:1px solid #edf2f7; color:var(--shell-ink); font-size:17px; font-weight:700; text-decoration:none; }.u-drawer-group a::after { content:"→"; color:#91a1b7; font-size:16px; }.u-drawer-group a[aria-current="page"] { color:var(--shell-blue); }.u-drawer-bottom { margin-top:auto; padding-top:22px; }.u-drawer-cta { width:100%; min-height:48px; }

.unified-footer { margin-top:0; padding:48px 0 20px; background:#10213d; color:#c5d1e1; }.unified-footer .u-footer-grid { display:grid; grid-template-columns:1.55fr .8fr .9fr .9fr auto; gap:30px; }.unified-footer .u-brand { color:#fff; }.unified-footer .u-brand-copy { max-width:280px; margin:14px 0 0; color:#9bacc2; font-size:13px; line-height:1.7; }.u-footer-col h2 { margin:0 0 10px; color:#fff; font-size:14px; font-weight:750; }.u-footer-col a { display:block; padding:5px 0; color:#c5d1e1; font-size:13px; line-height:1.45; text-decoration:none; }.u-footer-col a:hover { color:#fff; }.u-footer-qr { width:90px; height:90px; padding:5px; border-radius:8px; background:#fff; object-fit:cover; }.u-footer-qr-label { margin:8px 0 0; color:#9bacc2; font-size:12px; }.u-footer-bottom { display:flex; justify-content:space-between; gap:18px; margin-top:32px; padding-top:16px; border-top:1px solid rgba(197,209,225,.2); color:#98a9be; font-size:12px; line-height:1.6; }.u-footer-bottom a { color:#c5d1e1; text-decoration:none; }

@media (max-width:1180px) and (min-width:1025px) { .unified-header .u-wrap { width:calc(100% - 40px); gap:10px; }.unified-nav > a, .u-nav-trigger { padding:0 7px; font-size:12px; }.u-header-cta { padding:0 12px; font-size:13px; }.u-nav-panel { width:245px; } }
@media (max-width:1024px) { .unified-header { height:64px; }.unified-header .u-wrap { width:calc(100% - 32px); height:64px; }.unified-nav, .u-header-cta { display:none; }.u-menu-button { display:grid; place-items:center; }.unified-footer { padding:36px 0 18px; }.unified-footer .u-wrap { width:calc(100% - 32px); }.unified-footer .u-footer-grid { grid-template-columns:1fr 1fr; gap:26px 18px; }.u-footer-brand { grid-column:1 / -1; }.u-footer-qr-wrap { grid-column:1 / -1; display:flex; align-items:center; gap:12px; }.u-footer-qr-label { margin:0; }.u-footer-bottom { flex-direction:column; gap:6px; margin-top:26px; } }
@media (max-width:600px) { .unified-footer { padding:24px 0 12px; }.unified-footer .u-footer-grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:17px 9px; }.u-footer-brand { display:flex; align-items:center; min-height:32px; }.unified-footer .u-brand-copy { display:none; }.u-footer-col h2 { margin:0 0 5px; font-size:12px; }.u-footer-col a { padding:2px 0; font-size:11px; line-height:1.55; }.u-footer-qr-wrap { min-height:66px; }.u-footer-qr { width:66px; height:66px; padding:4px; border-radius:6px; }.u-footer-qr-label { font-size:11px; }.u-footer-bottom { gap:2px; margin-top:17px; padding-top:10px; font-size:10.5px; line-height:1.55; } }