/* 百盛28 · 850 双端蓝色主题。静态导航与 Web Clip 共用。 */
:root {
  --color-primary:#1674ec; --color-primary-dark:#075ccc;
  --panel:#fff; --panel-2:#f5f5f5; --line:#e5e5e5; --line-dark:#d5dce5;
  --ink:#333; --ink-soft:#666; --muted:#767676; --head:#333;
  --link:var(--color-primary); --ok:#28783d; --err:#bb3434; --warn:#98600b; --maxw:1140px;
}
* {box-sizing:border-box}
html {-webkit-text-size-adjust:100%}
body {margin:0;color:var(--ink);background:#fff;font:14px/1.6 "PingFang SC","Microsoft YaHei",Arial,sans-serif}
a {color:var(--link);text-decoration:none}
a:hover {text-decoration:underline}
img {max-width:100%;display:block}
button {font:inherit}
:focus-visible {outline:3px solid #4195ff;outline-offset:4px}
.wrap {width:min(1140px,calc(100% - 40px));margin-inline:auto}
.sr-only {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}
.nav {position:sticky;top:0;z-index:50;background:#fff;border-bottom:1px solid var(--line)}
.nav-inner {max-width:1180px;min-height:64px;margin:auto;padding:0 20px;display:flex;align-items:center;justify-content:space-between;gap:12px}
.brand-link {display:inline-flex;align-items:center;gap:10px;min-width:0}
.brand-link:hover {text-decoration:none}
.brand-link img {width:38px;height:38px;object-fit:contain}
.brand-link .name {font-size:18px;font-weight:700;white-space:nowrap;color:#333}
.brand-link .name b {color:var(--link)}
.nav-links {display:flex;align-self:stretch;gap:24px}
.nav-links a {position:relative;display:flex;align-items:center;padding:0 12px;color:#333}
.nav-links a::after {content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:var(--link);transform:scaleX(0);transition:transform 180ms}
.nav-links a:hover,.nav-links a[aria-current="page"] {color:var(--link);text-decoration:none}
.nav-links a:hover::after,.nav-links a:focus-visible::after,.nav-links a[aria-current="page"]::after {transform:scaleX(1)}
.btn {display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:11px 22px;border:1px solid var(--line-dark);border-radius:5px;color:#333;background:#fff;font-weight:600;cursor:pointer;line-height:1.4;text-align:center}
.btn:hover {background:#edf3fc;text-decoration:none}
.btn-primary,.btn-download {background:var(--link);border-color:var(--link);color:#fff}
.btn-primary:hover,.btn-download:hover {background:var(--color-primary-dark);border-color:var(--color-primary-dark)}
.btn-lg {padding:12px 26px;font-size:15px;border-radius:24px}
.btn svg {width:18px;height:18px}
.hero {width:100%;position:relative;text-align:center;background:#edf3fc;padding:40px 20px}
.hero-center {max-width:1140px;margin:auto}
.hero-art {width:92px;margin:0 auto 18px}
.hero-art img {width:100%;height:auto}
.hero h1 {font-size:36px;line-height:1.3;margin:0;color:#333}
.hero h1 .accent {color:var(--link)}
.eyebrow {display:block;color:var(--link);font:14px/1.5 Arial,"Microsoft YaHei",sans-serif;margin-bottom:16px}
.lead {color:var(--ink-soft);font-size:14px;line-height:1.8}
.hero .lead {max-width:56ch;margin:16px auto 0}
.hero-actions {display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin-top:22px}
.hero-note {margin:16px 0 0;color:var(--ink-soft);font-size:12px}
.portal-hero {min-height:calc(100vh / 3);display:flex;align-items:center}
.portal-hero .hero-center {width:1140px;position:relative;text-align:left;padding-right:220px}
.portal-hero .hero-art {position:absolute;right:24px;top:50%;transform:translateY(-50%);width:160px;margin:0}
.portal-hero .lead {margin-left:0}
.portal-hero .hero-actions {justify-content:flex-start}
section {padding:48px 0}
.section-head {text-align:center;max-width:720px;margin:0 auto 24px}
.h-section {font-size:24px;line-height:1.4;margin:18px 0;color:var(--head)}
.section-title {margin:32px 0 16px;font-size:18px;font-weight:600;color:var(--head)}
.section-title::before {content:"";display:inline-block;width:3px;height:16px;background:var(--link);margin-right:10px;vertical-align:-2px}
.access-section {background:var(--link);padding:40px 0 48px}
.access-heading {color:white;text-align:center;margin:0 0 28px;font-size:18px;font-weight:400}
.access-heading span {display:block;font:42px/1.2 Arial,sans-serif;margin-bottom:6px}
.access-columns {display:grid;grid-template-columns:1fr 1fr;gap:28px}
.access-section .section-title {color:#fff;margin-top:0}
.access-section .section-title::before {background:#fff}
.link-grid {display:grid;gap:14px;margin-top:16px}
.linkcard {display:flex;align-items:center;justify-content:space-between;gap:12px;padding:22px 20px;background:white;border:1px solid var(--line);border-radius:4px;color:var(--ink)}
.linkcard:hover {text-decoration:none;border-color:#96c4ff;background:#f5f9ff}
.url-text {font-size:16px;font-weight:600;overflow-wrap:anywhere;min-width:0}
.status {flex-shrink:0;font-size:12px;display:inline-flex;align-items:center;gap:6px;color:var(--muted)}
.status::before {content:"";width:6px;height:6px;border-radius:50%;background:currentColor}
.st-ok {color:var(--ok)} .st-warn {color:var(--warn)} .st-err {color:var(--err)}
.cta-inner {padding:38px 24px;text-align:center;background:#f5f8fc;border-radius:4px}
.cta-inner h2 {font-size:24px;margin:0 0 12px}
.cta-inner p {max-width:52ch;margin:0 auto 22px;color:var(--ink-soft)}
.bento-grid {display:grid;grid-template-columns:2fr 1fr 1fr;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:16px 0 48px}
.bento-item {padding:20px 12px;text-align:center;color:var(--ink-soft)}
.bento-item + .bento-item {border-left:1px solid var(--line)}
.callout {display:flex;gap:8px;padding:16px;margin-top:24px;background:#edf3fc;color:#425673;border-radius:4px}
.seg {display:inline-flex;max-width:100%;border-bottom:1px solid var(--line)}
.seg button {border:0;border-bottom:3px solid transparent;background:white;color:#666;cursor:pointer;padding:14px 20px}
.seg button[aria-selected="true"] {border-bottom-color:var(--link);color:var(--link)}
.stepshot {margin:24px auto 0;max-width:560px;padding:8px;border:1px solid var(--line);border-radius:4px}
[hidden] {display:none!important}
.footer {padding:36px 20px 48px;text-align:center;background:#1e2124;color:#b9bdc3}
.footer a {color:#e2e7ef}
.footer p {color:#b9bdc3;font-size:12px;margin:14px 0 0}
.gate {min-height:100svh;display:flex;align-items:center;justify-content:center;padding:24px;background:#edf3fc}
.gate-card {text-align:center;width:min(100%,440px);padding:44px 30px;background:#fff;border:1px solid var(--line);border-radius:6px}
.gate-card .logo {width:118px;margin:0 auto 24px}
.gate-card h1 {font-size:34px;margin:0}
.gate-card .accent {color:var(--link)}
.gate-card p {color:var(--ink-soft);margin:10px 0 26px}
.gate-card .btn {width:100%;font-size:16px}
@media(max-width:767px) {
 .wrap {width:calc(100% - 32px)}
 .nav-inner {min-height:52px;padding:0 16px;gap:8px}
 .brand-link {gap:6px}.brand-link img {width:30px;height:30px}.brand-link .name {font-size:14px}
 .nav-links {gap:4px}.nav-links a {font-size:12px;padding:0 8px}
 .hero {padding:36px 16px}.hero h1 {font-size:28px}
 .portal-hero {min-height:480px}
 .portal-hero .hero-center {width:100%;padding:0;text-align:center}
 .portal-hero .hero-art {position:static;transform:none;width:120px;margin:0 auto 24px}
 .portal-hero .lead {margin-inline:auto}.portal-hero .hero-actions {justify-content:center}
 .hero-actions {gap:10px}.btn-lg {padding:12px 18px;font-size:14px}
 .access-columns {grid-template-columns:1fr;gap:24px}.access-heading {text-align:left}.access-heading span {font-size:34px}
 .access-section {padding:32px 0}.linkcard {padding:18px 14px}.url-text {font-size:14px}
 section {padding:32px 0}.h-section,.cta-inner h2 {font-size:22px}
 .bento-grid {grid-template-columns:1fr}.bento-item + .bento-item {border-left:0;border-top:1px solid var(--line)}
 .seg button {padding:12px;font-size:13px}
}
@media(max-width:359px) {.wrap {width:calc(100% - 24px)}.nav-inner {padding-inline:12px}.brand-link .name {font-size:12px}.nav-links a {padding-inline:6px}.hero h1 {font-size:25px}}
@media(prefers-reduced-motion:reduce) {*,*::before,*::after {transition:none!important;scroll-behavior:auto!important}}