/* 基础设计令牌：国际医疗科技与收入增长视觉 */
:root {
  --navy-950: #061c27;
  --navy-900: #082735;
  --navy-800: #0d3545;
  --navy-700: #17495a;
  --mint-500: #20c997;
  --mint-400: #44d7ac;
  --mint-100: #dff8ef;
  --coral-500: #ff7a66;
  --coral-100: #fff0ed;
  --blue-500: #5d88ff;
  --blue-100: #edf2ff;
  --gold-500: #d6a94e;
  --cloud: #f5f8f8;
  --white: #ffffff;
  --ink: #10242b;
  --slate: #60737a;
  --line: #dce5e5;
  --line-dark: rgba(255, 255, 255, 0.12);
  --shadow-sm: 0 10px 35px rgba(8, 39, 53, 0.08);
  --shadow-lg: 0 28px 90px rgba(2, 23, 32, 0.24);
  --radius-sm: 10px;
  --radius-md: 18px;
  --radius-lg: 28px;
  --shell: min(1180px, calc(100vw - 48px));
  --font-display: "Manrope", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-body: "DM Sans", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; color: var(--ink); background: var(--white); font-family: var(--font-body); font-size: 16px; line-height: 1.6; -webkit-font-smoothing: antialiased; }
body.menu-open { overflow: hidden; }
button, input, textarea, select { font: inherit; }
button { color: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
button { cursor: pointer; }
img, svg { display: block; max-width: 100%; }
h1, h2, h3, p { margin-top: 0; }
h1, h2, h3 { font-family: var(--font-display); letter-spacing: -0.035em; }
h1 { font-size: clamp(3.1rem, 6vw, 5.9rem); line-height: 0.99; font-weight: 700; }
h2 { font-size: clamp(2.15rem, 4vw, 3.65rem); line-height: 1.08; font-weight: 700; }
h3 { font-size: 1.35rem; line-height: 1.25; }
em { color: var(--mint-400); font-style: normal; }
::selection { background: var(--mint-500); color: var(--navy-950); }
:focus-visible { outline: 3px solid rgba(32, 201, 151, 0.55); outline-offset: 3px; }

/* 通用布局与控件 */
.section-shell { width: var(--shell); margin-inline: auto; }
.section-dark { color: var(--white); background: var(--navy-950); }
.section-dark-soft { color: var(--white); background: var(--navy-900); }
.section-light { background: var(--cloud); }
.page { display: none; min-height: 70vh; }
.page.active { display: block; animation: pageIn 0.42s ease both; }
@keyframes pageIn { from { opacity: 0; } to { opacity: 1; } }
.is-hidden { display: none !important; }
.reveal { opacity: 0; transform: translateY(18px); transition: opacity 0.65s ease, transform 0.65s ease; }
.reveal.visible { opacity: 1; transform: translateY(0); }
.delay-1 { transition-delay: 0.1s; }
.delay-2 { transition-delay: 0.2s; }

.button { min-height: 48px; padding: 0 20px; border: 1px solid transparent; border-radius: 8px; display: inline-flex; align-items: center; justify-content: center; gap: 12px; font-weight: 700; letter-spacing: -0.01em; transition: transform 0.2s ease, background 0.2s ease, border-color 0.2s ease, color 0.2s ease; }
.button:hover { transform: translateY(-2px); }
.button-small { min-height: 40px; padding: 0 16px; font-size: 0.9rem; }
.button-large { min-height: 56px; padding: 0 24px; }
.button-primary { color: var(--navy-950); background: var(--mint-500); }
.button-primary:hover { background: var(--mint-400); }
.button-dark { color: var(--white); background: var(--navy-900); }
.button-dark:hover { background: var(--navy-800); }
.button-outline { color: var(--ink); border-color: var(--line); background: var(--white); }
.button-outline:hover { border-color: #a9bbbb; }
.button-ghost-light { color: var(--white); border-color: rgba(255,255,255,.24); background: rgba(255,255,255,.04); }
.button-ghost-light:hover { background: rgba(255,255,255,.09); }
.full-width { width: 100%; }
.inline-link, .text-button { padding: 0; border: 0; background: transparent; font-weight: 700; }
.inline-link { display: inline-flex; align-items: center; gap: 8px; color: inherit; }
.eyebrow { display: inline-flex; align-items: center; gap: 9px; color: var(--navy-700); font-size: 0.75rem; font-weight: 800; letter-spacing: 0.14em; text-transform: uppercase; }
.eyebrow-light { color: var(--mint-400); }
.status-dot { width: 7px; height: 7px; border-radius: 50%; background: var(--mint-500); box-shadow: 0 0 0 5px rgba(32,201,151,.12); }
.section-index { display: inline-flex; width: 34px; height: 34px; align-items: center; justify-content: center; margin-right: 14px; border: 1px solid var(--line); border-radius: 50%; color: var(--slate); font-size: 0.72rem; font-weight: 800; }
.split-heading { padding: 118px 0 58px; display: grid; grid-template-columns: 0.85fr 1.65fr 1fr; gap: 52px; align-items: start; }
.split-heading h2, .split-heading p { margin: 0; }
.split-heading p { color: var(--slate); }
.split-heading.light p { color: rgba(255,255,255,.64); }
.center-heading { max-width: 720px; margin: 0 auto 56px; text-align: center; }
.center-heading .eyebrow { margin-bottom: 18px; }
.center-heading p { max-width: 600px; margin: 18px auto 0; color: var(--slate); }
.center-heading.light p { color: rgba(255,255,255,.62); }

/* 顶部导航 */
.site-header { position: fixed; inset: 0 0 auto; z-index: 100; padding: 14px 0; transition: padding .25s ease, background .25s ease, box-shadow .25s ease; }
.site-header.scrolled { padding: 8px 0; background: rgba(255,255,255,.94); box-shadow: 0 8px 25px rgba(8,39,53,.08); backdrop-filter: blur(16px); }
.site-header:not(.scrolled) { color: var(--white); }
.site-header:not(.scrolled) .nav-link, .site-header:not(.scrolled) .text-button, .site-header:not(.scrolled) .language-toggle { color: rgba(255,255,255,.78); }
.site-header:not(.scrolled) .brand-copy small { color: rgba(255,255,255,.54); }
.site-header:not(.scrolled) .menu-button span { background: var(--white); }
.nav-shell { width: var(--shell); min-height: 52px; margin: auto; display: flex; align-items: center; justify-content: space-between; gap: 30px; }
.brand { padding: 0; border: 0; background: transparent; display: inline-flex; align-items: center; gap: 10px; text-align: left; }
.brand-mark { width: 36px; height: 36px; display: grid; place-items: center; border-radius: 9px; color: var(--navy-950); background: var(--mint-500); font-family: var(--font-display); font-size: 1.15rem; font-weight: 800; }
.brand-copy { display: flex; align-items: baseline; gap: 5px; }
.brand-copy strong { font-family: var(--font-display); font-size: 1.03rem; letter-spacing: -0.03em; }
.brand-copy small { color: var(--slate); font-size: .72rem; font-weight: 700; }
.desktop-nav { display: flex; align-items: center; gap: 28px; margin-left: auto; }
.nav-link { padding: 10px 0; border: 0; background: transparent; color: var(--slate); font-size: .92rem; font-weight: 600; position: relative; }
.nav-link::after { content: ""; position: absolute; left: 0; right: 100%; bottom: 4px; height: 2px; background: var(--mint-500); transition: right .2s ease; }
.nav-link.active::after, .nav-link:hover::after { right: 0; }
.nav-actions { display: flex; align-items: center; gap: 12px; }
.language-toggle { height: 38px; padding: 0 10px; border: 0; background: transparent; display: flex; align-items: center; gap: 6px; color: var(--slate); font-size: .72rem; font-weight: 800; }
.toggle-divider { width: 1px; height: 13px; background: currentColor; opacity: .35; }
.auth-link { margin: 0 3px; color: var(--slate); }
.menu-button { width: 42px; height: 42px; padding: 0; border: 0; background: transparent; display: none; place-items: center; position: relative; }
.menu-button span { position: absolute; width: 21px; height: 2px; background: var(--ink); transition: transform .2s ease, top .2s ease; }
.menu-button span:first-child { top: 16px; }
.menu-button span:last-child { top: 24px; }
.menu-button.open span:first-child { top: 20px; transform: rotate(45deg); }
.menu-button.open span:last-child { top: 20px; transform: rotate(-45deg); }
.mobile-menu { display: none; width: calc(100% - 24px); margin: 8px auto 0; padding: 16px; border: 1px solid var(--line); border-radius: var(--radius-md); background: var(--white); box-shadow: var(--shadow-lg); }
.mobile-menu button { width: 100%; padding: 14px; border: 0; border-bottom: 1px solid var(--line); background: transparent; text-align: left; font-weight: 700; }
.mobile-menu button:last-child { border-bottom: 0; }

/* 首页首屏 */
.hero { min-height: 880px; padding: 150px 0 0; overflow: hidden; position: relative; background-image: radial-gradient(circle at 72% 18%, rgba(32,201,151,.12), transparent 28%), linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.025) 1px, transparent 1px); background-size: auto, 48px 48px, 48px 48px; }
.hero::before { content: ""; position: absolute; width: 700px; height: 700px; right: -410px; top: 60px; border: 1px solid rgba(32,201,151,.18); border-radius: 50%; }
.hero-grid { min-height: 650px; display: grid; grid-template-columns: 0.93fr 1.3fr; gap: 65px; align-items: center; position: relative; z-index: 2; }
.hero-copy h1 { max-width: 700px; margin: 25px 0 25px; }
.hero-subtitle { max-width: 590px; margin-bottom: 34px; color: rgba(255,255,255,.67); font-size: 1.12rem; }
.hero-actions { display: flex; gap: 12px; flex-wrap: wrap; }
.play-icon { width: 26px; height: 26px; display: grid; place-items: center; border-radius: 50%; background: rgba(255,255,255,.12); font-size: .58rem; }
.hero-proof { display: flex; gap: 0; margin-top: 54px; }
.hero-proof div { padding: 0 27px; border-left: 1px solid rgba(255,255,255,.16); display: flex; flex-direction: column; }
.hero-proof div:first-child { padding-left: 0; border-left: 0; }
.hero-proof strong { font-family: var(--font-display); font-size: 1.2rem; }
.hero-proof span { color: rgba(255,255,255,.48); font-size: .78rem; }
.hero-product { min-width: 700px; position: relative; transform: perspective(1200px) rotateY(-4deg); transform-origin: center left; }
.product-window { min-height: 480px; overflow: hidden; border: 1px solid rgba(255,255,255,.15); border-radius: 16px; background: #f7f9f9; box-shadow: 0 45px 100px rgba(0,0,0,.38); position: relative; z-index: 3; }
.window-topbar { height: 42px; padding: 0 14px; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #e4ebeb; color: var(--ink); background: #fff; font-size: .68rem; }
.window-dots { display: flex; gap: 5px; }
.window-dots span { width: 7px; height: 7px; border-radius: 50%; background: #cad5d5; }
.window-title { font-weight: 700; }
.live-pill { display: inline-flex; align-items: center; gap: 6px; color: #11825f; font-size: .66rem; font-weight: 700; }
.live-pill span, .live-pill i { width: 6px; height: 6px; border-radius: 50%; background: var(--mint-500); box-shadow: 0 0 0 4px rgba(32,201,151,.13); }
.product-layout { min-height: 438px; display: grid; grid-template-columns: 50px 185px 1fr; }
.mini-sidebar { padding: 12px 0; display: flex; flex-direction: column; align-items: center; gap: 18px; background: var(--navy-900); }
.mini-logo { width: 25px; height: 25px; display: grid; place-items: center; border-radius: 6px; color: var(--navy-950); background: var(--mint-500); font-size: .65rem; font-weight: 900; }
.mini-nav { width: 17px; height: 17px; border: 1px solid rgba(255,255,255,.19); border-radius: 5px; }
.mini-nav.active { background: var(--mint-500); border-color: var(--mint-500); }
.conversation-list { color: var(--ink); border-right: 1px solid #e4ebeb; background: #fff; }
.list-head { padding: 18px 14px 12px; display: flex; justify-content: space-between; font-size: .72rem; }
.list-head span { color: var(--slate); }
.lead-row { min-height: 64px; padding: 10px 10px; display: grid; grid-template-columns: 30px 1fr auto; gap: 8px; align-items: center; border-left: 3px solid transparent; }
.lead-row.active { border-left-color: var(--mint-500); background: #edf9f5; }
.lead-row strong, .lead-row small { display: block; white-space: nowrap; }
.lead-row strong { font-size: .66rem; }
.lead-row small { max-width: 95px; overflow: hidden; color: var(--slate); font-size: .55rem; text-overflow: ellipsis; }
.lead-row time { color: #93a2a7; font-size: .5rem; }
.avatar { width: 30px; height: 30px; flex: 0 0 auto; display: inline-grid; place-items: center; border-radius: 50%; font-style: normal; font-size: .58rem; font-weight: 800; }
.avatar-mint { color: #086146; background: #c8f1e4; }
.avatar-blue { color: #3153a5; background: #dfe7ff; }
.avatar-coral { color: #9f3f31; background: #ffe0da; }
.avatar-gold { color: #775510; background: #f8e8be; }
.large-avatar { width: 48px; height: 48px; font-size: .8rem; }
.chat-panel { min-width: 0; display: flex; flex-direction: column; color: var(--ink); background: #f7f9f9; }
.chat-head { min-height: 58px; padding: 0 16px; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #e4ebeb; background: #fff; }
.chat-head > div { display: flex; align-items: center; gap: 9px; }
.chat-head strong, .chat-head small { display: block; }
.chat-head strong { font-size: .68rem; }
.chat-head small { color: var(--slate); font-size: .53rem; }
.intent-pill { padding: 5px 8px; border-radius: 99px; color: #087552; background: var(--mint-100); font-size: .5rem; font-weight: 800; white-space: nowrap; }
.chat-body { flex: 1; padding: 18px; display: flex; flex-direction: column; align-items: flex-start; gap: 9px; overflow: hidden; }
.message { max-width: 78%; padding: 10px 12px; border-radius: 10px; font-size: .62rem; line-height: 1.45; }
.message.incoming { border: 1px solid #e0e8e8; border-top-left-radius: 3px; background: #fff; }
.message.outgoing { align-self: flex-end; border-top-right-radius: 3px; background: #dff8ef; }
.message.short { max-width: 48%; }
.translation-label { margin: -3px 0 3px 4px; color: #93a2a7; font-size: .48rem; }
.system-card { width: 94%; padding: 9px 10px; display: flex; align-items: center; gap: 8px; border: 1px solid #dce8e5; border-radius: 8px; background: #fff; box-shadow: 0 7px 18px rgba(8,39,53,.06); }
.system-icon { width: 24px; height: 24px; display: grid; place-items: center; border-radius: 7px; color: var(--navy-900); background: var(--mint-500); font-size: .68rem; }
.system-card div { flex: 1; }
.system-card strong, .system-card small { display: block; }
.system-card strong { font-size: .58rem; }
.system-card small { color: var(--slate); font-size: .48rem; }
.system-card button { padding: 4px 8px; border: 0; border-radius: 5px; color: #fff; background: var(--navy-900); font-size: .5rem; }
.booking-card { width: 88%; padding: 10px 12px; display: flex; align-items: center; justify-content: space-between; border-left: 3px solid var(--mint-500); border-radius: 6px; background: #fff; box-shadow: 0 6px 20px rgba(8,39,53,.06); }
.booking-card span, .booking-card strong { display: block; }
.booking-card span { color: var(--slate); font-size: .48rem; }
.booking-card strong { font-size: .6rem; }
.booking-check { width: 20px; height: 20px; display: grid !important; place-items: center; border-radius: 50%; color: #fff !important; background: var(--mint-500); }
.chat-input { min-height: 45px; margin: 0 14px 12px; padding: 0 7px 0 12px; display: flex; align-items: center; justify-content: space-between; border: 1px solid #dbe5e5; border-radius: 8px; color: #93a2a7; background: #fff; font-size: .55rem; }
.chat-input button { width: 27px; height: 27px; border: 0; border-radius: 6px; color: var(--navy-950); background: var(--mint-500); }
.floating-metric { padding: 11px 14px; display: flex; align-items: center; gap: 10px; border: 1px solid rgba(255,255,255,.15); border-radius: 10px; background: rgba(13,53,69,.92); box-shadow: 0 16px 38px rgba(0,0,0,.25); backdrop-filter: blur(10px); position: absolute; z-index: 5; }
.metric-top { top: 62px; right: -50px; }
.metric-bottom { left: -35px; bottom: 50px; }
.metric-icon { width: 31px; height: 31px; display: grid; place-items: center; border-radius: 8px; color: var(--navy-950); background: var(--mint-500); font-weight: 900; }
.metric-icon.coral { background: var(--coral-500); }
.floating-metric strong, .floating-metric small { display: block; }
.floating-metric strong { font-size: .76rem; }
.floating-metric small { color: rgba(255,255,255,.55); font-size: .55rem; }
.orbit { position: absolute; border: 1px solid rgba(32,201,151,.2); border-radius: 50%; }
.orbit-one { width: 500px; height: 500px; right: -170px; top: -70px; }
.orbit-two { width: 310px; height: 310px; right: -80px; top: 35px; }
.trusted-strip { min-height: 80px; margin-top: 55px; display: flex; align-items: center; gap: 45px; border-top: 1px solid rgba(255,255,255,.12); position: relative; z-index: 2; }
.trusted-strip > span { color: rgba(255,255,255,.38); font-size: .65rem; font-weight: 700; text-transform: uppercase; letter-spacing: .13em; white-space: nowrap; }
.trust-items { width: 100%; display: flex; justify-content: space-between; gap: 25px; color: rgba(255,255,255,.56); font-family: var(--font-display); font-size: .7rem; font-weight: 700; letter-spacing: .05em; }

/* 首页内容区 */
.problem-section { padding-bottom: 120px; }
.problem-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
.problem-card { min-height: 355px; padding: 26px; border: 1px solid var(--line); background: var(--white); position: relative; }
.problem-number { color: #9aacb1; font-size: .66rem; font-weight: 800; }
.line-icon { width: 54px; height: 54px; margin: 62px 0 28px; display: grid; place-items: center; border: 1px solid #bfd0d0; border-radius: 50%; color: var(--navy-700); font-family: var(--font-display); font-size: 1.15rem; }
.problem-card h3 { margin-bottom: 10px; }
.problem-card p { color: var(--slate); font-size: .92rem; }
.card-stat { position: absolute; left: 26px; right: 26px; bottom: 24px; padding-top: 15px; display: flex; justify-content: space-between; align-items: baseline; border-top: 1px solid var(--line); }
.card-stat strong { font-family: var(--font-display); font-size: 1.25rem; }
.card-stat span { color: var(--slate); font-size: .74rem; }
.flow-section { padding: 120px 0 140px; overflow: hidden; }
.flow-track { display: grid; grid-template-columns: repeat(5, 1fr); gap: 12px; position: relative; }
.flow-line { height: 1px; position: absolute; left: 10%; right: 10%; top: 17px; background: var(--line); }
.flow-step { position: relative; z-index: 1; }
.flow-dot { width: 34px; height: 34px; margin: 0 auto 20px; display: grid; place-items: center; border: 1px solid #bccccc; border-radius: 50%; color: var(--slate); background: #fff; font-size: .66rem; font-weight: 800; }
.flow-card { min-height: 190px; padding: 24px 20px; border: 1px solid var(--line); background: #fff; }
.flow-card.featured { border-color: var(--navy-900); color: #fff; background: var(--navy-900); box-shadow: var(--shadow-sm); transform: translateY(-8px); }
.flow-card small { display: block; margin-bottom: 30px; color: var(--mint-500); font-size: .63rem; font-weight: 800; letter-spacing: .12em; }
.flow-card strong { display: block; margin-bottom: 10px; font-family: var(--font-display); }
.flow-card p { margin: 0; color: var(--slate); font-size: .82rem; }
.flow-card.featured p { color: rgba(255,255,255,.62); }
.capabilities { padding-bottom: 120px; }
.capability-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 18px; }
.capability-card { min-height: 395px; padding: 34px; overflow: hidden; border: 1px solid rgba(255,255,255,.1); background: rgba(255,255,255,.035); position: relative; }
.capability-card.large { grid-column: 1 / -1; min-height: 470px; display: grid; grid-template-columns: .9fr 1.1fr; align-items: center; }
.capability-card.wide { grid-column: 1 / -1; min-height: 370px; display: grid; grid-template-columns: .72fr 1.28fr; align-items: center; gap: 60px; }
.feature-tag { display: inline-block; margin-bottom: 26px; color: var(--mint-400); font-size: .65rem; font-weight: 800; letter-spacing: .12em; }
.capability-card h3 { max-width: 510px; font-size: clamp(1.65rem, 3vw, 2.45rem); }
.capability-card p { max-width: 520px; color: rgba(255,255,255,.6); }
.capability-card .inline-link { margin-top: 18px; color: var(--white); }
.language-visual { width: 340px; height: 340px; margin: auto; display: grid; place-items: center; position: relative; }
.language-ring { position: absolute; border: 1px solid rgba(32,201,151,.26); border-radius: 50%; }
.ring-1 { width: 220px; height: 220px; }
.ring-2 { width: 330px; height: 330px; }
.language-core { width: 120px; height: 120px; display: grid; place-items: center; border-radius: 50%; color: var(--navy-950); background: var(--mint-500); font-family: var(--font-display); font-size: 2rem; font-weight: 800; box-shadow: 0 0 70px rgba(32,201,151,.24); }
.language-core span { display: block; margin-top: -35px; font-family: var(--font-body); font-size: .55rem; font-weight: 700; }
.lang-chip { min-width: 48px; height: 48px; display: grid; place-items: center; border: 1px solid rgba(255,255,255,.13); border-radius: 50%; background: var(--navy-800); font-size: .65rem; font-weight: 800; position: absolute; }
.chip-en { left: 20px; top: 145px; }.chip-th { right: 35px; top: 45px; }.chip-zh { right: 15px; bottom: 65px; }.chip-ar { left: 65px; top: 35px; }
.score-visual { margin-top: 55px; padding: 18px; border: 1px solid rgba(255,255,255,.1); background: rgba(0,0,0,.11); }
.score-visual > div:first-child { display: flex; justify-content: space-between; }
.score-visual strong { color: var(--mint-400); font-family: var(--font-display); }
.score-bar { height: 7px; margin: 14px 0 16px; overflow: hidden; border-radius: 99px; background: rgba(255,255,255,.08); }
.score-bar span { display: block; height: 100%; border-radius: inherit; background: var(--mint-500); }
.signal-chips { display: flex; gap: 8px; }
.signal-chips span { padding: 5px 9px; border: 1px solid rgba(255,255,255,.1); border-radius: 99px; color: rgba(255,255,255,.68); font-size: .65rem; }
.handoff-visual { margin-top: 45px; display: flex; align-items: center; gap: 12px; }
.handoff-line { width: 90px; height: 1px; background: rgba(255,255,255,.2); position: relative; }
.handoff-line i { width: 8px; height: 8px; border-radius: 50%; background: var(--mint-500); position: absolute; top: -4px; left: 45%; }
.handoff-visual div { margin-left: 8px; }
.handoff-visual strong, .handoff-visual small { display: block; }
.handoff-visual small { color: rgba(255,255,255,.46); font-size: .68rem; }
.mini-chart { padding: 24px 25px 0; border: 1px solid rgba(255,255,255,.1); background: rgba(0,0,0,.1); }
.chart-labels { display: flex; align-items: baseline; justify-content: space-between; }
.chart-labels span { color: rgba(255,255,255,.56); font-size: .72rem; }
.chart-labels strong { font-size: 1.55rem; }
.chart-labels em { color: var(--mint-400); font-size: .62rem; }
.chart-area { fill: url(#chartFill); }
.chart-line { fill: none; stroke: var(--mint-500); stroke-width: 3; }
.outcome-section { padding: 130px 0; }
.outcome-grid { display: grid; grid-template-columns: .85fr 1.15fr; gap: 90px; align-items: center; }
.outcome-copy h2 { margin: 20px 0; }
.outcome-copy > p { color: var(--slate); }
.check-list { padding: 0; margin: 28px 0 32px; list-style: none; }
.check-list li { padding: 11px 0 11px 28px; border-bottom: 1px solid var(--line); position: relative; }
.check-list li::before { content: "✓"; position: absolute; left: 0; color: #0b9a6e; font-weight: 900; }
.pipeline-board { padding: 25px; border: 1px solid var(--line); background: var(--cloud); box-shadow: var(--shadow-lg); transform: rotate(1.2deg); }
.board-head { margin-bottom: 22px; display: flex; align-items: center; justify-content: space-between; }
.board-head small, .board-head strong { display: block; }
.board-head small { color: var(--slate); }
.board-head strong { font-family: var(--font-display); font-size: 1.65rem; }
.trend-pill { padding: 6px 10px; border-radius: 99px; color: #087552; background: var(--mint-100); font-size: .68rem; font-weight: 800; }
.board-columns { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; }
.board-column > span { display: block; margin-bottom: 10px; color: var(--slate); font-size: .6rem; font-weight: 800; }
.patient-card { min-height: 115px; margin-bottom: 10px; padding: 13px; border: 1px solid var(--line); background: #fff; }
.patient-card.highlight { border-color: var(--coral-500); box-shadow: 0 8px 25px rgba(255,122,102,.12); }
.patient-card > div { display: flex; align-items: center; gap: 8px; }
.patient-card strong { font-size: .68rem; }
.patient-card small { display: block; margin: 12px 0 10px; color: var(--slate); font-size: .62rem; }
.progress { display: block; height: 4px; background: var(--mint-500); }
.progress.blue { background: var(--blue-500); }.progress.coral { background: var(--coral-500); }.progress.gold { background: var(--gold-500); }
.patient-card.booked b { display: inline-block; padding: 4px 7px; border-radius: 99px; color: #087552; background: var(--mint-100); font-size: .55rem; }
.compliance-section { padding: 112px 0; border-top: 1px solid var(--line); background: linear-gradient(180deg, #fbfcfc 0%, #f5f8f8 100%); }
.compliance-grid { display: grid; grid-template-columns: minmax(430px, .92fr) minmax(0, 1.08fr); gap: 78px; align-items: center; }
/* 左侧以安全控制台代替装饰性印章，让合规能力变得可感知。 */
.compliance-console { min-height: 500px; padding: 26px; overflow: hidden; border: 1px solid rgba(255,255,255,.08); border-radius: 26px; color: #fff; background: #082936; background-image: radial-gradient(circle at 50% 47%, rgba(32,201,151,.16), transparent 34%), linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.025) 1px, transparent 1px); background-size: auto, 32px 32px, 32px 32px; box-shadow: 0 30px 70px rgba(8,41,54,.18); }
.console-topline, .console-footer { display: flex; align-items: center; justify-content: space-between; }
.console-topline > div > span, .console-topline > div > strong { display: block; }
.console-kicker { margin-bottom: 6px; color: rgba(255,255,255,.45); font-size: .59rem; font-weight: 800; letter-spacing: .18em; }
.console-topline strong { font-size: .98rem; letter-spacing: -.01em; }
.console-live, .compliance-state { display: inline-flex; align-items: center; gap: 7px; font-size: .59rem; font-weight: 800; letter-spacing: .08em; }
.console-live { padding: 8px 11px; border: 1px solid rgba(32,201,151,.24); border-radius: 999px; color: #83ebc9; background: rgba(32,201,151,.08); }
.console-live i, .compliance-state i, .console-footer i { width: 7px; height: 7px; display: inline-block; border-radius: 50%; background: var(--mint-500); box-shadow: 0 0 0 4px rgba(32,201,151,.12); }
.control-map { height: 372px; margin-top: 12px; position: relative; }
.control-orbit, .control-axis { pointer-events: none; position: absolute; }
.control-orbit { inset: 50% auto auto 50%; border: 1px solid rgba(140,208,191,.15); border-radius: 50%; transform: translate(-50%,-50%); }
.orbit-one { width: 286px; height: 286px; }.orbit-two { width: 210px; height: 210px; border-style: dashed; }
.control-axis { background: linear-gradient(90deg, transparent, rgba(32,201,151,.28), transparent); }
.axis-horizontal { width: 84%; height: 1px; left: 8%; top: 50%; }.axis-vertical { width: 1px; height: 84%; left: 50%; top: 8%; background: linear-gradient(180deg, transparent, rgba(32,201,151,.28), transparent); }
.control-core { width: 136px; height: 136px; padding: 14px; display: flex; flex-direction: column; align-items: center; justify-content: center; border: 1px solid rgba(32,201,151,.36); border-radius: 50%; position: absolute; left: 50%; top: 50%; z-index: 2; background: #0b3442; box-shadow: 0 0 0 12px rgba(32,201,151,.04); transform: translate(-50%,-50%); }
.shield { width: 48px; height: 54px; display: grid; place-items: center; border-radius: 50% 50% 48% 48% / 38% 38% 62% 62%; color: var(--navy-950); background: var(--mint-500); font-family: var(--font-display); font-size: 1.1rem; font-weight: 900; position: relative; z-index: 2; }
.control-core strong { margin-top: 9px; font-size: .62rem; letter-spacing: .1em; }.control-core > span { margin-top: 3px; color: rgba(255,255,255,.42); font-size: .55rem; }
.control-node { width: 158px; min-height: 66px; padding: 11px 12px; display: flex; align-items: center; gap: 10px; border: 1px solid rgba(255,255,255,.1); border-radius: 14px; position: absolute; z-index: 3; background: rgba(11,52,66,.92); box-shadow: 0 12px 24px rgba(1,18,26,.16); transition: border-color .25s ease, transform .25s ease, background .25s ease; }
.control-node:hover { border-color: rgba(32,201,151,.48); background: #0d3c4b; transform: translateY(-3px); }
.node-channel { left: 0; top: 48px; }.node-workspace { right: 0; top: 48px; }.node-guardrail { left: 0; bottom: 46px; }.node-exception { right: 0; bottom: 46px; }
.node-icon { width: 34px; height: 34px; flex: 0 0 34px; display: grid; place-items: center; border: 1px solid rgba(32,201,151,.22); border-radius: 10px; color: #70e2bd; background: rgba(32,201,151,.08); }
.node-icon svg, .compliance-icon svg { width: 19px; height: 19px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.control-node small, .control-node strong { display: block; }.control-node small { margin-bottom: 3px; color: #63dcb3; font-size: .52rem; font-weight: 800; }.control-node strong { color: rgba(255,255,255,.83); font-size: .67rem; line-height: 1.25; }
.console-footer { padding-top: 14px; border-top: 1px solid rgba(255,255,255,.08); color: rgba(255,255,255,.48); font-size: .63rem; }
.console-footer > span { display: inline-flex; align-items: center; gap: 9px; }.console-footer b { color: rgba(255,255,255,.8); font-size: .68rem; letter-spacing: .08em; }
.compliance-copy h2 { max-width: 720px; margin: 18px 0; font-size: clamp(2.35rem, 3.05vw, 3.35rem); line-height: 1.02; letter-spacing: -.05em; }
.compliance-copy h2 > span { display: block; }
.compliance-copy > p { max-width: 680px; color: var(--slate); font-size: .96rem; line-height: 1.72; }
.compliance-points { margin-top: 28px; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); grid-auto-rows: 1fr; gap: 12px; }
/* 能力卡改为横向结构，图标与文字同排以降低整体高度。 */
.compliance-card { min-height: 116px; padding: 15px 16px; display: grid; grid-template-columns: 38px minmax(0, 1fr); gap: 12px; align-items: start; border: 1px solid var(--line); border-radius: 16px; background: rgba(255,255,255,.78); transition: border-color .25s ease, box-shadow .25s ease, transform .25s ease; }
.compliance-card:hover { border-color: var(--card-accent); background: #fff; box-shadow: 0 16px 34px rgba(7,39,50,.09); transform: translateY(-4px); }
.compliance-icon { width: 36px; height: 36px; display: grid; place-items: center; border-radius: 11px; color: var(--card-accent); background: var(--card-soft); }
.compliance-card-body { min-width: 0; }
.compliance-card-title { min-height: 36px; display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.compliance-card-title strong { font-size: .88rem; line-height: 1.25; }
.compliance-state { flex: 0 0 auto; color: #6b7f85; font-size: .5rem; }.compliance-state i { width: 6px; height: 6px; box-shadow: none; }
.compliance-card-description { margin-top: 5px; display: block; color: var(--slate); font-size: .69rem; line-height: 1.42; }
@media (min-width: 861px) { .compliance-copy h2 > span { white-space: nowrap; } }
.tone-blue { --card-accent: #3e83e6; --card-soft: #edf4ff; }.tone-mint { --card-accent: #159f78; --card-soft: #e9f8f2; }.tone-coral { --card-accent: #dc6c5a; --card-soft: #fff0ed; }.tone-gold { --card-accent: #b78826; --card-soft: #fff7e6; }
.final-cta { padding: 110px 0; }
/* 移除中间装饰分割线，保留右侧柔和的品牌色光晕。 */
.cta-panel { min-height: 330px; padding: 58px; display: grid; grid-template-columns: 1.35fr .65fr; gap: 70px; align-items: end; color: #fff; background: var(--navy-950); background-image: radial-gradient(circle at 90% 20%, rgba(32,201,151,.18), transparent 32%); }
.cta-panel h2 { max-width: 720px; margin: 18px 0 0; }
.cta-panel p { color: rgba(255,255,255,.6); }

/* 内页通用 */
.inner-hero { padding: 180px 0 110px; overflow: hidden; }
.inner-hero-grid { display: grid; grid-template-columns: 1.05fr .95fr; gap: 90px; align-items: center; }
.inner-hero h1 { max-width: 780px; margin: 25px 0; font-size: clamp(3.2rem, 5.6vw, 5.5rem); }
.inner-hero p { max-width: 610px; margin-bottom: 35px; color: rgba(255,255,255,.65); font-size: 1.1rem; }
.light-hero { color: var(--ink); background: var(--cloud); }
.center-hero { max-width: 930px; margin: auto; text-align: center; }
.center-hero h1 { margin: 24px auto; }
.center-hero p { max-width: 710px; margin: auto; color: inherit; opacity: .67; }
.product-hero-stack { min-height: 490px; position: relative; }
.stack-card { border: 1px solid rgba(255,255,255,.14); border-radius: var(--radius-md); position: absolute; }
.stack-main { inset: 15px 20px 45px 0; padding: 28px; color: var(--ink); background: #fff; z-index: 3; box-shadow: var(--shadow-lg); }
.stack-back-one { inset: 45px 0 20px 35px; background: var(--navy-800); z-index: 2; transform: rotate(3deg); }
.stack-back-two { inset: 75px -20px 0 75px; background: rgba(32,201,151,.25); z-index: 1; transform: rotate(6deg); }
.stack-top { display: flex; justify-content: space-between; color: var(--slate); font-size: .72rem; }
.profile-row { margin: 30px 0; display: flex; align-items: center; gap: 14px; }
.profile-row strong, .profile-row small { display: block; }.profile-row small { color: var(--slate); }
.profile-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 14px; }
.profile-grid div { padding: 14px; background: var(--cloud); }
.profile-grid small, .profile-grid strong { display: block; }.profile-grid small { color: var(--slate); font-size: .68rem; }
.activity-line { margin-top: 18px; display: flex; gap: 12px; }
.activity-line i { width: 9px; height: 9px; margin-top: 7px; border-radius: 50%; background: var(--mint-500); box-shadow: 0 0 0 5px var(--mint-100); }
.activity-line strong, .activity-line small { display: block; }.activity-line strong { font-size: .82rem; }.activity-line small { color: var(--slate); font-size: .68rem; }
.product-nav { min-height: 78px; display: flex; align-items: center; justify-content: center; gap: 8px; position: sticky; top: 68px; z-index: 20; background: rgba(255,255,255,.96); border-bottom: 1px solid var(--line); }
.product-anchor { padding: 11px 18px; border: 0; border-radius: 99px; background: transparent; color: var(--slate); font-weight: 700; }
.product-anchor.active, .product-anchor:hover { color: var(--navy-950); background: var(--mint-100); }
.feature-showcase { padding: 125px 0; display: grid; grid-template-columns: .82fr 1.18fr; gap: 100px; align-items: center; border-bottom: 1px solid var(--line); }
.feature-showcase.reverse { grid-template-columns: 1.18fr .82fr; }
.feature-showcase.reverse .feature-copy { order: 2; }.feature-showcase.reverse .feature-canvas { order: 1; }
.feature-copy h2 { margin: 22px 0; }
.feature-copy > p { color: var(--slate); }
.feature-canvas { min-height: 480px; padding: 28px; border: 1px solid var(--line); background: var(--cloud); box-shadow: var(--shadow-sm); }
.canvas-toolbar { display: flex; justify-content: space-between; }
.workflow-node { width: 75%; margin: 28px auto 0; padding: 16px; border: 1px solid var(--line); background: #fff; }
.workflow-node small, .workflow-node strong { display: block; }.workflow-node small { color: var(--slate); font-size: .58rem; font-weight: 800; letter-spacing: .1em; }
.workflow-connector { width: 1px; height: 38px; margin: auto; background: #afc2c2; }
.workflow-branch { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.workflow-branch .workflow-node { width: 100%; margin: 0; }
.workflow-node.mint-node { border-color: var(--mint-500); background: var(--mint-100); }
.node-end { border-left: 4px solid var(--coral-500); }
.qualification-canvas { min-height: 430px; }
.qual-head { display: flex; justify-content: space-between; align-items: center; margin-bottom: 24px; }
.qual-head small, .qual-head strong { display: block; }.qual-head small { color: var(--slate); font-size: .68rem; }.qual-head button { padding: 7px 12px; border: 1px solid var(--line); background: #fff; }
.qual-row { min-height: 82px; padding: 14px; display: grid; grid-template-columns: 36px 1fr auto 42px; gap: 12px; align-items: center; border-bottom: 1px solid var(--line); background: #fff; }
.qual-row strong, .qual-row small { display: block; }.qual-row small { color: var(--slate); font-size: .68rem; }
.qual-signals { display: flex; gap: 5px; }.qual-signals span { padding: 4px 6px; border-radius: 99px; background: var(--mint-100); color: #087552; font-size: .55rem; }
.qual-row > b { width: 37px; height: 37px; display: grid; place-items: center; border: 3px solid var(--mint-500); border-radius: 50%; font-size: .68rem; }
.handoff-canvas { min-height: 420px; }
.handoff-banner { padding: 16px; display: flex; gap: 12px; border: 1px solid #f6c9c0; background: var(--coral-100); }
.handoff-banner > span { width: 32px; height: 32px; display: grid; place-items: center; border-radius: 8px; background: var(--coral-500); }
.handoff-banner strong, .handoff-banner small { display: block; }.handoff-banner small { color: var(--slate); font-size: .72rem; }
.advisor-list { margin: 24px 0; }.advisor { padding: 13px; display: grid; grid-template-columns: 36px 1fr auto; gap: 10px; align-items: center; border: 1px solid transparent; }.advisor.active { border-color: var(--mint-500); background: #fff; }.advisor strong, .advisor small { display: block; }.advisor small { color: var(--slate); font-size: .65rem; }.advisor > span:last-child { color: var(--slate); font-size: .65rem; }
.assign-button { width: 100%; min-height: 44px; border: 0; color: var(--navy-950); background: var(--mint-500); font-weight: 800; }
.analytics-canvas { min-height: 420px; }
.analytics-top { display: flex; justify-content: space-between; align-items: start; }.analytics-top small, .analytics-top strong, .analytics-top span { display: block; }.analytics-top small { color: var(--slate); }.analytics-top strong { font-size: 2rem; }.analytics-top span { color: #087552; font-weight: 800; }.analytics-top select { padding: 8px 10px; border: 1px solid var(--line); background: #fff; }
.bar-chart { height: 220px; margin: 25px 0 15px; display: flex; align-items: end; gap: 18px; border-bottom: 1px solid var(--line); }
.bar-chart div { flex: 1; min-height: 20px; background: var(--mint-500); position: relative; }.bar-chart div:nth-child(even) { background: var(--navy-700); }.bar-chart span { position: absolute; left: 50%; bottom: -25px; color: var(--slate); font-size: .65rem; transform: translateX(-50%); }
.source-row { margin-top: 35px; display: grid; grid-template-columns: repeat(6, auto); gap: 10px; align-items: center; font-size: .7rem; }.source-row span { display: inline-flex; align-items: center; gap: 6px; color: var(--slate); }
.source-dot { width: 8px; height: 8px; display: inline-block; border-radius: 50%; }.source-dot.mint { background: var(--mint-500); }.source-dot.coral { background: var(--coral-500); }.source-dot.blue { background: var(--blue-500); }.source-dot.gold { background: var(--gold-500); }

/* 解决方案页 */
.solution-tabs { padding: 75px 0 130px; }
.solution-tab-list { display: grid; grid-template-columns: repeat(3, 1fr); border-bottom: 1px solid var(--line); }
.solution-tab { padding: 22px 16px; display: flex; gap: 13px; border: 0; border-bottom: 3px solid transparent; background: transparent; color: var(--slate); text-align: left; }
.solution-tab span { font-size: .65rem; }.solution-tab.active { color: var(--ink); border-bottom-color: var(--mint-500); }
.solution-panel { display: none; min-height: 590px; padding: 85px 0 0; grid-template-columns: .9fr 1.1fr; gap: 100px; align-items: center; }
.solution-panel.active { display: grid; }
.solution-copy h2 { margin: 20px 0; }.solution-copy > p { color: var(--slate); }
.solution-metric-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 14px; }
.solution-metric-grid > div { min-height: 190px; padding: 24px; border: 1px solid var(--line); background: var(--cloud); }
.solution-metric-grid span, .solution-metric-grid strong, .solution-metric-grid small { display: block; }.solution-metric-grid > div > span { color: var(--slate); }.solution-metric-grid > div > strong { margin: 15px 0; font-family: var(--font-display); font-size: 2.8rem; }.solution-metric-grid small { color: var(--slate); }
.solution-metric-grid .solution-quote { grid-column: 1 / -1; min-height: 220px; color: #fff; background: var(--navy-900); }.solution-quote p { font-family: var(--font-display); font-size: 1.55rem; line-height: 1.35; }.solution-quote span { color: rgba(255,255,255,.5); font-size: .72rem; }
.location-visual { min-height: 500px; display: grid; place-items: center; position: relative; background-image: radial-gradient(circle, #c9d7d7 1px, transparent 1px); background-size: 22px 22px; }
.location-hub { width: 150px; height: 150px; display: grid; place-items: center; border-radius: 50%; color: #fff; background: var(--navy-900); font-family: var(--font-display); font-size: 1.8rem; font-weight: 800; box-shadow: 0 0 0 28px rgba(32,201,151,.08); }.location-hub span { display: block; margin-top: -45px; color: rgba(255,255,255,.55); font-family: var(--font-body); font-size: .65rem; }
.location-node { min-width: 130px; padding: 12px; border: 1px solid var(--line); background: #fff; box-shadow: var(--shadow-sm); position: absolute; font-weight: 700; }.location-node small { display: block; color: var(--slate); font-weight: 400; }.node-a { left: 5%; top: 12%; }.node-b { right: 4%; top: 23%; }.node-c { left: 10%; bottom: 11%; }
.journey-visual { min-height: 490px; padding: 70px; border: 1px solid var(--line); background: var(--cloud); position: relative; }
.journey-line { width: 2px; position: absolute; top: 94px; bottom: 95px; left: 91px; background: #bdcdcd; }
.journey-stop { min-height: 86px; display: flex; align-items: center; gap: 26px; position: relative; z-index: 1; }.journey-stop > span { width: 44px; height: 44px; display: grid; place-items: center; border: 1px solid #bacaca; border-radius: 50%; background: #fff; font-weight: 800; }.journey-stop.active > span { border-color: var(--mint-500); background: var(--mint-500); }.journey-stop strong, .journey-stop small { display: block; }.journey-stop small { color: var(--slate); }
.industry-section { padding: 120px 0; }.industry-grid { display: grid; grid-template-columns: repeat(4, 1fr); }.industry-grid article { min-height: 260px; padding: 25px; border: 1px solid rgba(255,255,255,.1); border-right: 0; }.industry-grid article:last-child { border-right: 1px solid rgba(255,255,255,.1); }.industry-grid article > span { color: var(--mint-400); font-size: .65rem; }.industry-grid h3 { margin-top: 80px; }.industry-grid p { color: rgba(255,255,255,.55); font-size: .82rem; }

/* 报价页 */
.pricing-hero { padding: 180px 0 175px; }.pricing-hero h1 { font-size: clamp(3.1rem, 5.8vw, 5.6rem); }.billing-toggle { width: max-content; margin: 38px auto 0; padding: 4px; display: flex; border: 1px solid rgba(255,255,255,.14); border-radius: 10px; background: rgba(255,255,255,.06); }.billing-toggle button { min-width: 126px; min-height: 42px; padding: 0 14px; border: 0; border-radius: 7px; color: rgba(255,255,255,.62); background: transparent; font-weight: 700; }.billing-toggle button.active { color: var(--navy-950); background: #fff; }.billing-toggle em { margin-left: 6px; padding: 3px 5px; border-radius: 99px; color: #087552; background: var(--mint-100); font-size: .55rem; }
.pricing-section { margin-top: -86px; padding-bottom: 100px; position: relative; z-index: 2; }.pricing-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; align-items: stretch; }.price-card { min-height: 680px; padding: 32px; border: 1px solid var(--line); background: #fff; box-shadow: var(--shadow-sm); position: relative; }.price-card.featured { border: 2px solid var(--mint-500); transform: translateY(-14px); }.price-card.enterprise { color: #fff; border-color: var(--navy-900); background: var(--navy-900); }.popular-label { position: absolute; top: -15px; left: 25px; padding: 5px 10px; color: var(--navy-950); background: var(--mint-500); font-size: .58rem; font-weight: 900; letter-spacing: .1em; }.plan-name { font-family: var(--font-display); font-size: 1.4rem; font-weight: 800; }.price-head p { min-height: 55px; margin: 10px 0 25px; color: var(--slate); font-size: .85rem; }.enterprise .price-head p { color: rgba(255,255,255,.58); }.price { min-height: 80px; display: flex; align-items: baseline; }.price > span { font-size: 1.2rem; font-weight: 800; }.price strong { font-family: var(--font-display); font-size: 3.4rem; letter-spacing: -.06em; }.price small { margin-left: 7px; color: var(--slate); }.enterprise .price small { color: rgba(255,255,255,.5); }.annual-note { height: 24px; margin-top: -5px; color: #087552; font-size: .72rem; font-weight: 700; }.price-card .button { margin: 22px 0 25px; }.price-card ul { padding: 22px 0 0; margin: 0; border-top: 1px solid var(--line); list-style: none; }.enterprise ul { border-top-color: rgba(255,255,255,.12); }.price-card li { padding: 8px 0 8px 26px; color: var(--slate); font-size: .82rem; position: relative; }.enterprise li { color: rgba(255,255,255,.66); }.price-card li::before { content: "✓"; position: absolute; left: 0; color: var(--mint-500); font-weight: 900; }
.pricing-note { margin-top: 25px; padding: 17px 20px; display: flex; gap: 12px; align-items: center; border: 1px solid var(--line); background: var(--cloud); }.pricing-note > span { width: 24px; height: 24px; display: grid; place-items: center; border: 1px solid #aebebe; border-radius: 50%; font-weight: 800; }.pricing-note p { margin: 0; color: var(--slate); font-size: .78rem; }
.comparison-section { padding: 110px 0; }.comparison-wrap { overflow-x: auto; border: 1px solid var(--line); }.comparison-wrap table { width: 100%; min-width: 720px; border-collapse: collapse; }.comparison-wrap th, .comparison-wrap td { padding: 19px 22px; border-bottom: 1px solid var(--line); text-align: center; }.comparison-wrap th:first-child, .comparison-wrap td:first-child { width: 40%; text-align: left; }.comparison-wrap th { background: var(--cloud); font-family: var(--font-display); }.comparison-wrap td { color: var(--slate); }.comparison-wrap tbody tr:last-child td { border-bottom: 0; }
.addons-section { padding-bottom: 120px; }.addon-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; }.addon-grid article { min-height: 210px; padding: 24px; display: flex; flex-direction: column; border: 1px solid var(--line); background: #fff; }.addon-grid span { color: var(--slate); font-size: .82rem; }.addon-grid strong { margin-top: auto; font-family: var(--font-display); font-size: 2rem; }.addon-grid small { color: var(--slate); }
.faq-section { padding: 120px 0; display: grid; grid-template-columns: .72fr 1.28fr; gap: 110px; }.faq-intro p { color: var(--slate); }.faq-list { border-top: 1px solid var(--line); }.faq-item { border-bottom: 1px solid var(--line); }.faq-item > button { width: 100%; min-height: 76px; padding: 0; display: flex; align-items: center; justify-content: space-between; border: 0; background: transparent; text-align: left; font-family: var(--font-display); font-size: 1rem; font-weight: 700; }.faq-item i { font-style: normal; }.faq-item > div { display: grid; grid-template-rows: 0fr; transition: grid-template-rows .25s ease; }.faq-item > div > p { min-height: 0; margin: 0; overflow: hidden; color: var(--slate); }.faq-item.open > div { grid-template-rows: 1fr; }.faq-item.open > div > p { padding-bottom: 24px; }

/* 登录、注册与个人中心 */
.auth-mode .site-header, .auth-mode .site-footer, .admin-mode .site-header, .admin-mode .site-footer { display: none; }
.auth-page { min-height: 100vh; background: var(--cloud); }.auth-shell { min-height: 100vh; display: grid; grid-template-columns: .88fr 1.12fr; }.auth-brand-panel { padding: 42px 60px; display: flex; flex-direction: column; color: #fff; background: var(--navy-950); background-image: radial-gradient(circle at 20% 70%, rgba(32,201,151,.15), transparent 28%), linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.025) 1px, transparent 1px); background-size: auto, 44px 44px, 44px 44px; }.light-brand { color: #fff; }.light-brand .brand-copy small { color: rgba(255,255,255,.5); }.auth-story { max-width: 500px; margin: auto 0; }.auth-story h2 { margin: 22px 0 50px; }.auth-story-points > div { padding: 15px 0; display: flex; gap: 22px; border-top: 1px solid rgba(255,255,255,.12); }.auth-story-points span { color: var(--mint-400); font-size: .7rem; font-weight: 800; }.auth-story-points p { margin: 0; color: rgba(255,255,255,.65); }.auth-testimonial { margin-top: auto; padding-top: 30px; border-top: 1px solid rgba(255,255,255,.12); }.auth-testimonial p { max-width: 520px; font-family: var(--font-display); font-size: 1.08rem; }.auth-testimonial span { color: rgba(255,255,255,.45); font-size: .72rem; }.auth-form-panel { min-height: 100vh; padding: 40px; display: grid; place-items: center; position: relative; }.close-auth { width: 42px; height: 42px; border: 1px solid var(--line); border-radius: 50%; background: #fff; position: absolute; top: 30px; right: 30px; font-size: 1.3rem; }.auth-form-wrap { width: min(470px, 100%); }.auth-tabs { margin-bottom: 42px; display: grid; grid-template-columns: 1fr 1fr; border-bottom: 1px solid var(--line); }.auth-tabs button { padding: 15px; border: 0; border-bottom: 2px solid transparent; background: transparent; color: var(--slate); font-weight: 800; }.auth-tabs button.active { color: var(--ink); border-bottom-color: var(--mint-500); }.auth-view { display: none; }.auth-view.active { display: block; }.auth-heading h1 { margin-bottom: 8px; font-size: 2.5rem; }.auth-heading p { color: var(--slate); }.auth-view form { margin-top: 34px; }.auth-view label, .settings-card label { display: block; margin-bottom: 18px; }.auth-view label > span, .settings-card label > span { display: block; margin-bottom: 7px; font-size: .78rem; font-weight: 700; }.auth-view input, .settings-card input { width: 100%; min-height: 50px; padding: 0 14px; border: 1px solid var(--line); border-radius: 7px; background: #fff; outline: none; }.auth-view input:focus, .settings-card input:focus { border-color: var(--mint-500); box-shadow: 0 0 0 3px rgba(32,201,151,.1); }.two-field { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }.form-row { margin: 4px 0 22px; display: flex; justify-content: space-between; align-items: center; }.checkbox-label { display: flex !important; align-items: center; gap: 8px; margin: 0 !important; }.checkbox-label input { width: 16px; min-height: auto; accent-color: var(--mint-500); }.checkbox-label span { margin: 0 !important; color: var(--slate); font-weight: 500 !important; }.terms { margin: 8px 0 22px !important; }.demo-login { width: 100%; margin-top: 12px; padding: 12px 14px; display: flex; align-items: center; gap: 12px; border: 1px solid var(--line); border-radius: 8px; background: #fff; text-align: left; }.demo-login > span:first-child { width: 34px; height: 34px; display: grid; place-items: center; border-radius: 8px; background: var(--mint-100); }.demo-login strong, .demo-login small { display: block; }.demo-login small { color: var(--slate); }.prototype-note { margin-top: 15px; color: var(--slate); font-size: .68rem; text-align: center; }
.account-hero { padding: 165px 0 80px; }.account-hero-row { display: flex; justify-content: space-between; align-items: end; gap: 35px; }.account-hero h1 { margin: 16px 0 10px; font-size: clamp(2.5rem, 4vw, 4rem); }.account-hero p { margin: 0; color: rgba(255,255,255,.6); }.account-content { padding: 70px 0 120px; display: grid; grid-template-columns: 210px 1fr; gap: 55px; }.account-sidebar { display: flex; flex-direction: column; gap: 5px; }.account-sidebar button { min-height: 46px; padding: 0 13px; display: flex; align-items: center; gap: 12px; border: 0; border-radius: 7px; background: transparent; color: var(--slate); text-align: left; }.account-sidebar button.active { color: var(--ink); background: var(--mint-100); font-weight: 700; }.account-sidebar button:last-child { margin-top: 30px; color: #a1493c; }.account-summary { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; margin-bottom: 22px; }.account-summary article { min-height: 145px; padding: 21px; border: 1px solid var(--line); background: var(--cloud); }.account-summary small, .account-summary strong, .account-summary span { display: block; }.account-summary small, .account-summary span { color: var(--slate); }.account-summary strong { margin: 16px 0 6px; font-family: var(--font-display); font-size: 1.16rem; }.usage-bar { height: 7px; margin-top: 16px; overflow: hidden; border-radius: 99px; background: #dfe9e9; }.usage-bar i { display: block; width: 9.2%; height: 100%; background: var(--mint-500); }.settings-card { margin-bottom: 22px; padding: 30px; border: 1px solid var(--line); background: #fff; box-shadow: var(--shadow-sm); }.settings-head { margin-bottom: 28px; display: flex; justify-content: space-between; }.settings-head h2, .quick-start h2 { margin-bottom: 6px; font-size: 1.4rem; }.settings-head p, .quick-start p { color: var(--slate); }.profile-avatar { width: 56px; height: 56px; }.settings-card form { max-width: 720px; }.form-actions { display: flex; justify-content: flex-end; gap: 10px; }.setup-list { margin-top: 28px; }.setup-list > div { min-height: 76px; padding: 12px 0; display: grid; grid-template-columns: 38px 1fr auto; gap: 13px; align-items: center; border-top: 1px solid var(--line); }.setup-list > div > span { width: 30px; height: 30px; display: grid; place-items: center; border: 1px solid #bdcece; border-radius: 50%; font-size: .72rem; font-weight: 800; }.setup-list .complete > span { border-color: var(--mint-500); background: var(--mint-100); color: #087552; }.setup-list strong, .setup-list small { display: block; }.setup-list small { color: var(--slate); }.setup-list button { padding: 7px 12px; border: 1px solid var(--line); background: #fff; font-weight: 700; }

/* 管理后台 */
.admin-page { min-height: 100vh; background: #f4f7f7; }.admin-shell { min-height: 100vh; display: grid; grid-template-columns: 235px 1fr; }.admin-sidebar { min-height: 100vh; padding: 22px 14px; display: flex; flex-direction: column; color: #fff; background: var(--navy-950); position: sticky; top: 0; height: 100vh; }.admin-brand { padding: 4px 10px 25px; }.admin-sidebar nav { display: flex; flex-direction: column; gap: 4px; }.admin-sidebar nav button { min-height: 44px; padding: 0 12px; display: grid; grid-template-columns: 25px 1fr auto; align-items: center; border: 0; border-radius: 7px; color: rgba(255,255,255,.57); background: transparent; text-align: left; font-size: .82rem; }.admin-sidebar nav button.active, .admin-sidebar nav button:hover { color: #fff; background: rgba(255,255,255,.08); }.admin-sidebar nav b { min-width: 20px; padding: 2px 5px; border-radius: 99px; color: var(--navy-950); background: var(--mint-500); font-size: .55rem; text-align: center; }.admin-help { margin-top: auto; padding: 13px; display: flex; align-items: center; gap: 9px; border: 1px solid rgba(255,255,255,.1); border-radius: 8px; background: rgba(255,255,255,.04); }.admin-help > span { width: 27px; height: 27px; display: grid; place-items: center; border-radius: 50%; color: var(--navy-950); background: var(--mint-500); font-weight: 900; }.admin-help strong, .admin-help small { display: block; }.admin-help strong { font-size: .72rem; }.admin-help small { color: rgba(255,255,255,.46); font-size: .6rem; }.admin-user { margin-top: 12px; padding: 12px 8px 0; display: grid; grid-template-columns: 32px 1fr auto; gap: 9px; align-items: center; border: 0; border-top: 1px solid rgba(255,255,255,.1); color: #fff; background: transparent; text-align: left; }.admin-user strong, .admin-user small { display: block; }.admin-user strong { font-size: .7rem; }.admin-user small { max-width: 110px; overflow: hidden; color: rgba(255,255,255,.45); font-size: .56rem; text-overflow: ellipsis; white-space: nowrap; }.admin-main { min-width: 0; }.admin-topbar { min-height: 72px; padding: 0 28px; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid var(--line); background: rgba(255,255,255,.95); position: sticky; top: 0; z-index: 20; backdrop-filter: blur(12px); }.admin-topbar > div { display: flex; align-items: center; gap: 10px; }.admin-topbar h1 { margin: 0; font-size: 1.15rem; letter-spacing: -.02em; }.admin-top-actions { display: flex; align-items: center; gap: 8px; }.icon-button { width: 39px; height: 39px; border: 1px solid var(--line); border-radius: 7px; background: #fff; }.notification-button { position: relative; }.notification-button i { width: 6px; height: 6px; border-radius: 50%; background: var(--coral-500); position: absolute; top: 8px; right: 8px; }.admin-menu-toggle { display: none; border: 0; background: transparent; }.admin-content { padding: 28px; }.admin-panel { display: none; }.admin-panel.active { display: block; }.admin-welcome { display: flex; justify-content: space-between; align-items: center; }.admin-welcome > div:first-child > span { color: var(--slate); font-size: .7rem; }.admin-welcome h2 { margin: 4px 0; font-size: 1.65rem; }.admin-welcome p { margin: 0; color: var(--slate); font-size: .82rem; }.date-filter { display: flex; align-items: center; gap: 8px; }.date-filter button { padding: 7px 10px; border: 1px solid var(--line); background: #fff; font-size: .7rem; }.metric-grid { margin: 24px 0; display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; }.metric-grid article { min-height: 132px; padding: 17px; border: 1px solid var(--line); background: #fff; }.metric-grid article > div { display: flex; align-items: center; justify-content: space-between; }.metric-grid article span { color: var(--slate); font-size: .7rem; }.metric-grid article > strong { display: block; margin: 14px 0 6px; font-family: var(--font-display); font-size: 1.65rem; }.metric-grid p { margin: 0; color: var(--slate); font-size: .62rem; }.metric-grid p em { color: #087552; font-weight: 800; }.metric-symbol { width: 27px; height: 27px; display: grid; place-items: center; border-radius: 7px; font-style: normal; }.metric-symbol.mint { color: #087552; background: var(--mint-100); }.metric-symbol.coral { color: #a1493c; background: var(--coral-100); }.metric-symbol.blue { color: #3153a5; background: var(--blue-100); }.metric-symbol.gold { color: #775510; background: #faedcb; }.admin-dashboard-grid { display: grid; grid-template-columns: 1.55fr .7fr; gap: 12px; }.admin-bottom-grid { margin-top: 12px; display: grid; grid-template-columns: 1.45fr .75fr; gap: 12px; }.admin-card { padding: 20px; border: 1px solid var(--line); background: #fff; }.admin-card-head { display: flex; justify-content: space-between; align-items: start; }.admin-card-head h3 { margin: 0 0 3px; font-size: .95rem; letter-spacing: -.02em; }.admin-card-head p { margin: 0; color: var(--slate); font-size: .67rem; }.admin-card-head select, .admin-card-head > button:not(.inline-link) { padding: 6px 8px; border: 1px solid var(--line); background: #fff; font-size: .65rem; }.performance-summary { display: flex; gap: 30px; margin: 20px 0 8px; }.performance-summary > div { display: grid; grid-template-columns: auto auto; gap: 2px 8px; align-items: baseline; }.performance-summary span { grid-column: 1 / -1; color: var(--slate); font-size: .62rem; }.performance-summary strong { font-size: 1.3rem; }.performance-summary em { color: #087552; font-size: .62rem; font-weight: 800; }.dashboard-chart { height: 235px; position: relative; }.dashboard-chart svg { width: 100%; height: 185px; position: relative; z-index: 2; }.dash-line { fill: none; stroke-width: 3; }.mint-line { stroke: var(--mint-500); }.coral-line { stroke: var(--coral-500); stroke-width: 2; }.chart-grid-lines { position: absolute; inset: 10px 0 40px; display: flex; flex-direction: column; justify-content: space-between; }.chart-grid-lines span { height: 1px; background: #edf1f1; }.chart-days { display: flex; justify-content: space-between; color: var(--slate); font-size: .55rem; }.donut-wrap { min-height: 270px; display: flex; flex-direction: column; justify-content: center; align-items: center; }.donut { width: 140px; height: 140px; display: grid; place-items: center; border-radius: 50%; background: conic-gradient(var(--mint-500) 0 42%, var(--coral-500) 42% 77%, var(--blue-500) 77% 92%, var(--gold-500) 92% 100%); position: relative; }.donut::after { content: ""; width: 86px; height: 86px; border-radius: 50%; background: #fff; position: absolute; }.donut > div { position: relative; z-index: 2; text-align: center; }.donut strong, .donut span { display: block; }.donut strong { font-size: 1.4rem; }.donut span { color: var(--slate); font-size: .6rem; }.donut-legend { width: 100%; margin-top: 22px; display: grid; grid-template-columns: 1fr auto; gap: 8px; font-size: .65rem; }.donut-legend div { display: contents; }.donut-legend span { display: inline-flex; align-items: center; gap: 7px; color: var(--slate); }.priority-card { overflow-x: auto; }.priority-table { min-width: 650px; margin-top: 15px; }.priority-row { min-height: 52px; display: grid; grid-template-columns: 1.4fr 1.2fr .8fr .6fr .7fr; align-items: center; border-top: 1px solid var(--line); font-size: .67rem; }.priority-row > span:first-child { display: flex; align-items: center; gap: 8px; }.priority-row .avatar { width: 27px; height: 27px; }.priority-row.table-head { min-height: 35px; color: var(--slate); font-size: .57rem; text-transform: uppercase; letter-spacing: .08em; }.intent { width: 30px; height: 30px; display: grid; place-items: center; border-radius: 50%; font-style: normal; font-size: .6rem; }.intent.high { color: #087552; background: var(--mint-100); }.intent.medium { color: #775510; background: #faedcb; }.healthy { display: flex; align-items: center; gap: 6px; color: #087552; font-size: .65rem; }.healthy i { width: 7px; height: 7px; border-radius: 50%; background: var(--mint-500); }.automation-stat { margin: 22px 0; display: flex; align-items: center; gap: 17px; }.automation-ring { width: 76px; height: 76px; display: grid; place-items: center; border: 7px solid var(--mint-500); border-left-color: #e7eeee; border-radius: 50%; }.automation-ring span { font-size: .8rem; font-weight: 800; }.automation-stat strong, .automation-stat p { display: block; margin: 0; }.automation-stat strong { font-size: .74rem; }.automation-stat p { color: var(--slate); font-size: .65rem; }.automation-list > div { padding: 9px 0; display: flex; justify-content: space-between; border-top: 1px solid var(--line); font-size: .65rem; }.automation-list span { display: flex; align-items: center; gap: 7px; color: var(--slate); }.panel-heading { margin-bottom: 20px; display: flex; justify-content: space-between; align-items: center; }.panel-heading h2 { margin: 0; font-size: 1.55rem; }.panel-heading p { margin: 3px 0 0; color: var(--slate); }.panel-heading > div:last-child { display: flex; gap: 8px; }.inbox-layout { height: calc(100vh - 145px); min-height: 610px; display: grid; grid-template-columns: 260px 1fr 245px; border: 1px solid var(--line); background: #fff; }.inbox-list { overflow: auto; border-right: 1px solid var(--line); }.inbox-search { margin: 13px; padding: 9px; display: flex; gap: 7px; border: 1px solid var(--line); }.inbox-search input { width: 100%; border: 0; outline: 0; }.inbox-filter { padding: 0 10px 10px; display: flex; gap: 5px; overflow-x: auto; }.inbox-filter button { padding: 5px 7px; border: 0; border-radius: 99px; background: var(--cloud); font-size: .55rem; white-space: nowrap; }.inbox-filter button.active { background: var(--mint-100); }.inbox-person { min-height: 75px; padding: 12px; display: grid; grid-template-columns: 32px 1fr auto; gap: 9px; border-top: 1px solid var(--line); position: relative; }.inbox-person.active { background: var(--mint-100); }.inbox-person strong { font-size: .68rem; }.inbox-person p { max-width: 145px; margin: 4px 0 0; overflow: hidden; color: var(--slate); font-size: .6rem; text-overflow: ellipsis; white-space: nowrap; }.inbox-person time { color: var(--slate); font-size: .53rem; }.inbox-person > i { width: 6px; height: 6px; border-radius: 50%; background: var(--mint-500); position: absolute; right: 12px; bottom: 15px; }.inbox-chat { min-width: 0; display: flex; flex-direction: column; background: var(--cloud); }.inbox-chat .chat-head { min-height: 66px; }.inbox-chat .chat-head button { border: 0; background: transparent; }.admin-chat-body { flex: 1; padding: 25px; overflow-y: auto; }.admin-chat-body .message { font-size: .72rem; }.admin-chat-body .message time { display: block; margin-top: 6px; color: var(--slate); font-size: .52rem; }.date-divider { margin: 0 auto 10px; color: var(--slate); font-size: .6rem; }.inbox-composer { padding: 10px 14px; border-top: 1px solid var(--line); background: #fff; }.composer-tools { margin-bottom: 7px; display: flex; gap: 7px; align-items: center; }.composer-tools button { border: 0; background: transparent; }.composer-tools span { margin-left: auto; color: #087552; font-size: .55rem; }.inbox-composer > div:last-child { display: flex; align-items: end; gap: 8px; }.inbox-composer textarea { flex: 1; padding: 9px; resize: none; border: 1px solid var(--line); outline: none; }.inbox-composer > div:last-child button { width: 36px; height: 36px; border: 0; border-radius: 7px; background: var(--mint-500); }.lead-detail { padding: 20px; border-left: 1px solid var(--line); overflow-y: auto; }.detail-profile { padding-bottom: 20px; border-bottom: 1px solid var(--line); text-align: center; }.detail-profile .avatar { margin: auto auto 9px; }.detail-profile strong, .detail-profile small { display: block; }.detail-profile small { color: var(--slate); }.detail-section { padding: 18px 0; border-bottom: 1px solid var(--line); }.detail-section > span { color: var(--slate); font-size: .6rem; font-weight: 800; text-transform: uppercase; letter-spacing: .08em; }.detail-section dl { margin: 10px 0 0; }.detail-section dl div { padding: 4px 0; display: flex; justify-content: space-between; font-size: .65rem; }.detail-section dt { color: var(--slate); }.detail-section dd { margin: 0; font-weight: 700; }.detail-section p { color: var(--slate); font-size: .67rem; }.lead-detail .button { margin-top: 20px; }.panel-placeholder { min-height: calc(100vh - 145px); display: grid; place-items: center; align-content: center; text-align: center; }.panel-placeholder > span { width: 70px; height: 70px; display: grid; place-items: center; border-radius: 20px; color: #087552; background: var(--mint-100); font-size: 1.6rem; }.panel-placeholder h2 { margin: 18px 0 5px; }.panel-placeholder p { max-width: 420px; color: var(--slate); }.panel-placeholder .button { margin-top: 10px; }

/* 页脚与反馈 */
.site-footer { padding: 85px 0 25px; color: #fff; background: var(--navy-950); }.footer-top { padding-bottom: 65px; display: grid; grid-template-columns: 1.2fr 1fr; gap: 80px; }.footer-brand p { max-width: 330px; margin-top: 25px; color: rgba(255,255,255,.5); }.footer-links { display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; }.footer-links strong { display: block; margin-bottom: 18px; font-size: .75rem; }.footer-links button { display: block; margin: 8px 0; padding: 0; border: 0; color: rgba(255,255,255,.5); background: transparent; font-size: .78rem; }.footer-links button:hover { color: var(--mint-400); }.footer-bottom { padding-top: 20px; display: flex; justify-content: space-between; border-top: 1px solid rgba(255,255,255,.1); color: rgba(255,255,255,.36); font-size: .68rem; }.toast { max-width: 360px; min-height: 52px; padding: 10px 16px; display: flex; align-items: center; gap: 10px; border: 1px solid var(--line); border-radius: 9px; background: #fff; box-shadow: var(--shadow-lg); position: fixed; left: 50%; bottom: 24px; z-index: 500; opacity: 0; transform: translate(-50%, 20px); pointer-events: none; transition: opacity .2s ease, transform .2s ease; }.toast.show { opacity: 1; transform: translate(-50%, 0); }.toast > span { width: 26px; height: 26px; display: grid; place-items: center; border-radius: 50%; color: #087552; background: var(--mint-100); font-weight: 900; }.toast p { margin: 0; font-size: .8rem; font-weight: 700; }

/* 响应式布局 */
@media (max-width: 1120px) {
  :root { --shell: min(100% - 40px, 1060px); }
  .desktop-nav { gap: 18px; }
  .hero-grid { grid-template-columns: 1fr; padding-top: 45px; }
  .hero { padding-top: 115px; }
  .hero-product { min-width: 0; width: min(760px, 92vw); margin: 0 auto; transform: none; }
  .hero-copy { max-width: 760px; }
  .trusted-strip { margin-top: 90px; }
  .split-heading { grid-template-columns: .8fr 1.5fr; }.split-heading > p { grid-column: 2; }
  .feature-showcase, .feature-showcase.reverse { gap: 55px; }
  .solution-panel { gap: 55px; }
  .admin-dashboard-grid, .admin-bottom-grid { grid-template-columns: 1fr; }
  .metric-grid { grid-template-columns: repeat(2, 1fr); }
  .inbox-layout { grid-template-columns: 235px 1fr; }.lead-detail { display: none; }
}

@media (max-width: 860px) {
  :root { --shell: min(100% - 32px, 800px); }
  .desktop-nav, .desktop-cta, .auth-link { display: none; }
  .menu-button { display: grid; }
  .mobile-menu.open { display: block; }
  .site-header:not(.scrolled) .mobile-menu { color: var(--ink); }
  .split-heading { grid-template-columns: 1fr; gap: 22px; }.split-heading > p { grid-column: auto; max-width: 600px; }
  .problem-grid { grid-template-columns: 1fr; }.problem-card { min-height: 300px; }.line-icon { margin-top: 40px; }
  .flow-track { grid-template-columns: 1fr; gap: 0; }.flow-line { width: 1px; height: auto; left: 17px; right: auto; top: 20px; bottom: 20px; }.flow-step { display: grid; grid-template-columns: 45px 1fr; }.flow-dot { margin: 0; }.flow-card { min-height: 140px; margin-bottom: 12px; }.flow-card.featured { transform: none; }
  .capability-card.large, .capability-card.wide { grid-template-columns: 1fr; }.language-visual { margin-top: 20px; }
  .outcome-grid, .compliance-grid, .cta-panel, .inner-hero-grid, .feature-showcase, .feature-showcase.reverse, .solution-panel.active, .faq-section { grid-template-columns: 1fr; }
  .feature-showcase.reverse .feature-copy, .feature-showcase.reverse .feature-canvas { order: initial; }
  .product-hero-stack { margin-top: 20px; }
  .solution-panel { padding-top: 60px; }.solution-metric-grid, .location-visual, .journey-visual { margin-top: 10px; }
  .industry-grid, .addon-grid { grid-template-columns: repeat(2, 1fr); }.industry-grid article:nth-child(2) { border-right: 1px solid rgba(255,255,255,.1); }
  .pricing-grid { grid-template-columns: 1fr; }.price-card.featured { transform: none; }.price-card { min-height: 0; }
  .faq-section { gap: 40px; }
  .auth-shell { grid-template-columns: 1fr; }.auth-brand-panel { display: none; }.auth-form-panel { padding: 80px 22px 40px; }
  .account-hero-row { align-items: start; flex-direction: column; }.account-content { grid-template-columns: 1fr; }.account-sidebar { flex-direction: row; overflow-x: auto; }.account-sidebar button { white-space: nowrap; }.account-sidebar button:last-child { margin: 0 0 0 auto; }.account-summary { grid-template-columns: 1fr; }
  .admin-shell { grid-template-columns: 1fr; }.admin-sidebar { width: 235px; position: fixed; left: -250px; z-index: 60; transition: left .25s ease; }.admin-sidebar.open { left: 0; box-shadow: 15px 0 45px rgba(0,0,0,.24); }.admin-menu-toggle { display: block; }.admin-content { padding: 18px; }
  .footer-top { grid-template-columns: 1fr; }.footer-links { max-width: 600px; }
}

@media (max-width: 600px) {
  :root { --shell: calc(100% - 24px); }
  h1 { font-size: 2.75rem; }
  h2 { font-size: 2rem; }
  .nav-actions { gap: 4px; }.dashboard-link { display: none !important; }.language-toggle { padding-inline: 5px; }
  .hero { min-height: auto; padding-top: 110px; }.hero-grid { gap: 45px; }.hero-actions { flex-direction: column; }.hero-actions .button { width: 100%; }.hero-proof { display: grid; grid-template-columns: repeat(3, 1fr); }.hero-proof div { padding: 0 10px; }.hero-product { width: 760px; transform: scale(.56); transform-origin: left top; margin-bottom: -220px; }.floating-metric { display: none; }.trusted-strip { margin-top: 20px; flex-direction: column; align-items: flex-start; gap: 15px; padding: 25px 0; }.trust-items { display: grid; grid-template-columns: repeat(2, 1fr); font-size: .58rem; }
  .split-heading { padding-top: 85px; }.problem-section { padding-bottom: 80px; }.flow-section { padding: 85px 0; }
  .capability-grid { grid-template-columns: 1fr; }.capability-card.large, .capability-card.wide { grid-column: auto; padding: 25px; }.language-visual { width: 280px; height: 280px; transform: scale(.82); }.capability-card.wide { gap: 20px; }
  .outcome-section, .compliance-section { padding: 85px 0; }.outcome-grid, .compliance-grid { gap: 55px; }.board-columns { grid-template-columns: 1fr; }.board-column:nth-child(3) { display: none; }.compliance-seal { min-height: 300px; transform: scale(.8); }.compliance-points { grid-template-columns: 1fr; }.final-cta { padding: 70px 0; }.cta-panel { padding: 35px 25px; gap: 25px; }
  .inner-hero { padding: 135px 0 80px; }.product-nav { top: 60px; justify-content: start; overflow-x: auto; }.product-anchor { white-space: nowrap; }.feature-showcase { padding: 85px 0; gap: 45px; }.feature-canvas { min-height: 390px; padding: 18px; }.qual-row { grid-template-columns: 32px 1fr 36px; }.qual-signals { display: none; }.source-row { grid-template-columns: repeat(2, 1fr); }
  .solution-tab-list { overflow-x: auto; display: flex; }.solution-tab { min-width: 180px; }.solution-metric-grid { grid-template-columns: 1fr; }.solution-metric-grid .solution-quote { grid-column: auto; }.location-visual { min-height: 430px; }.journey-visual { padding: 45px 25px 45px 55px; }.journey-line { left: 76px; }.industry-grid, .addon-grid { grid-template-columns: 1fr; }.industry-grid article { border-right: 1px solid rgba(255,255,255,.1); }
  .pricing-hero { padding: 140px 0 140px; }.billing-toggle button { min-width: 112px; }.pricing-section { margin-top: -65px; }.comparison-section, .faq-section { padding: 85px 0; }
  .two-field { grid-template-columns: 1fr; gap: 0; }.auth-form-panel { min-height: 100vh; }.auth-heading h1 { font-size: 2.1rem; }
  .account-hero { padding: 130px 0 65px; }.account-sidebar button span:last-child { display: none; }.settings-card { padding: 20px; }.form-actions { flex-direction: column; }.form-actions .button { width: 100%; }.setup-list > div { grid-template-columns: 35px 1fr; }.setup-list button { grid-column: 2; justify-self: start; }
  .admin-topbar { padding: 0 14px; }.admin-top-actions .icon-button { display: none; }.admin-top-actions .button span:last-child { display: none; }.admin-content { padding: 12px; }.admin-welcome { align-items: start; flex-direction: column; gap: 15px; }.metric-grid { grid-template-columns: 1fr; }.admin-card { padding: 14px; }.inbox-layout { height: auto; min-height: 0; grid-template-columns: 1fr; }.inbox-list { max-height: 360px; border-right: 0; }.inbox-chat { min-height: 560px; }.panel-heading { align-items: start; flex-direction: column; gap: 12px; }
  .footer-links { grid-template-columns: repeat(2, 1fr); }.footer-bottom { flex-direction: column; gap: 5px; }
  .toast { width: calc(100% - 24px); }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; }
  .reveal { opacity: 1; transform: none; }
}


/* 多渠道统一收件箱与官网插件升级 */
.channel-rail { max-width: 680px; margin-top: 30px; padding: 12px 15px; display: flex; align-items: center; gap: 15px; flex-wrap: wrap; border: 1px solid rgba(255,255,255,.13); background: rgba(255,255,255,.045); }
.channel-rail > span { color: rgba(255,255,255,.45); font-size: .62rem; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.channel-rail > div { display: inline-flex; align-items: center; gap: 6px; }
.channel-rail strong { color: rgba(255,255,255,.78); font-size: .64rem; }
.channel-pill { width: 25px; height: 25px; display: inline-grid; place-items: center; border-radius: 7px; font-family: var(--font-display); font-size: .62rem; font-weight: 900; font-style: normal; }
.channel-pill.whatsapp { color: #064d38; background: #9af0d4; }
.channel-pill.facebook { color: #fff; background: #1877f2; }
.channel-pill.instagram { color: #fff; background: linear-gradient(135deg, #7c3aed, #e94d78 55%, #f3a647); }
.channel-pill.website { color: var(--navy-950); background: #a8d6ff; }
.hero-proof { margin-top: 30px; }
.omnichannel-card { min-height: 500px; }
.channel-hub-visual { width: min(500px, 100%); height: 380px; margin: auto; position: relative; }
.channel-hub { width: 145px; height: 145px; padding: 23px; display: flex; flex-direction: column; align-items: center; justify-content: center; border-radius: 50%; color: var(--navy-950); background: var(--mint-500); box-shadow: 0 0 0 22px rgba(32,201,151,.08), 0 22px 60px rgba(0,0,0,.24); position: absolute; left: 50%; top: 50%; z-index: 3; transform: translate(-50%, -50%); text-align: center; }
.channel-hub > span { width: 34px; height: 34px; margin-bottom: 7px; display: grid; place-items: center; border-radius: 8px; color: #fff; background: var(--navy-950); font-family: var(--font-display); font-weight: 900; }
.channel-hub strong, .channel-hub small { display: block; }
.channel-hub strong { font-size: .78rem; }
.channel-hub small { color: rgba(8,39,53,.56); font-size: .58rem; }
.channel-source { min-width: 138px; padding: 12px 13px; display: grid; grid-template-columns: 32px 1fr; column-gap: 9px; align-items: center; border: 1px solid rgba(255,255,255,.12); background: var(--navy-800); box-shadow: 0 12px 30px rgba(0,0,0,.2); position: absolute; z-index: 2; }
.channel-source b { width: 31px; height: 31px; grid-row: 1 / 3; display: grid; place-items: center; border-radius: 8px; color: #fff; font-family: var(--font-display); font-size: .7rem; }
.source-wa b { color: #064d38; background: #9af0d4; }.source-fb b { background: #1877f2; }.source-ig b { background: linear-gradient(135deg, #7c3aed, #e94d78 55%, #f3a647); }.source-web b { color: var(--navy-950); background: #a8d6ff; }
.channel-source span, .channel-source small { display: block; }
.channel-source span { font-size: .72rem; font-weight: 800; }.channel-source small { color: var(--mint-400); font-size: .56rem; }
.source-wa { left: 0; top: 35px; }.source-fb { right: 0; top: 35px; }.source-ig { left: 0; bottom: 35px; }.source-web { right: 0; bottom: 35px; }
.hub-line { width: 120px; height: 1px; background: linear-gradient(90deg, rgba(32,201,151,.15), var(--mint-500)); position: absolute; z-index: 1; transform-origin: left center; }
.line-wa { left: 125px; top: 105px; transform: rotate(27deg); }.line-fb { left: 255px; top: 168px; transform: rotate(-28deg); }.line-ig { left: 125px; bottom: 105px; transform: rotate(-27deg); }.line-web { left: 255px; bottom: 168px; transform: rotate(28deg); }

.channel-feature { background: linear-gradient(180deg, #fff 0%, #fbfdfd 100%); }
.channel-console { min-height: 560px; display: grid; grid-template-columns: .82fr 1.18fr; gap: 18px; padding: 18px; background: #eaf0f0; }
.channel-console-list { padding: 18px; border: 1px solid var(--line); background: #fff; }
.console-label { margin-bottom: 14px; color: var(--slate); font-size: .65rem; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.console-channel { min-height: 70px; padding: 11px 4px; display: grid; grid-template-columns: 32px 1fr 22px; gap: 9px; align-items: center; border-top: 1px solid var(--line); }
.console-channel strong, .console-channel small { display: block; }.console-channel strong { font-size: .72rem; }.console-channel small { color: var(--slate); font-size: .57rem; }.console-channel > i { width: 20px; height: 20px; display: grid; place-items: center; border-radius: 50%; color: #087552; background: var(--mint-100); font-size: .58rem; font-style: normal; }
.widget-product-preview { min-width: 0; overflow: hidden; border: 1px solid var(--line); background: #f8fbfb; position: relative; }
.widget-browser-bar { height: 35px; padding: 0 10px; display: flex; align-items: center; gap: 5px; border-bottom: 1px solid var(--line); background: #fff; }
.widget-browser-bar > span { width: 6px; height: 6px; border-radius: 50%; background: #cad5d5; }.widget-browser-bar small { margin-left: 7px; color: var(--slate); font-size: .52rem; }
.widget-site-copy { padding: 36px 22px; display: flex; flex-direction: column; }.widget-site-copy b { color: var(--navy-700); }.widget-site-copy strong { max-width: 220px; margin: 25px 0 7px; font-family: var(--font-display); font-size: 1.55rem; line-height: 1.08; }.widget-site-copy span { color: var(--slate); font-size: .68rem; }
.embedded-widget { width: 270px; overflow: hidden; border: 1px solid #d6e2e2; border-radius: 12px; background: #fff; box-shadow: 0 20px 55px rgba(8,39,53,.18); position: absolute; right: 14px; bottom: 14px; }
.embedded-head { min-height: 55px; padding: 10px 12px; display: flex; align-items: center; gap: 9px; color: #fff; background: var(--navy-900); }
.embedded-head > div { flex: 1; }.embedded-head strong, .embedded-head small { display: block; }.embedded-head strong { font-size: .68rem; }.embedded-head small { color: rgba(255,255,255,.58); font-size: .53rem; }.embedded-head small i { width: 5px; height: 5px; display: inline-block; margin-right: 4px; border-radius: 50%; background: var(--mint-500); }
.embedded-head > button { width: 27px; height: 27px; border: 0; color: rgba(255,255,255,.7); background: transparent; font-size: 1.1rem; }
.embedded-body { padding: 14px; }.embedded-body p { margin: 0 0 12px; padding: 10px; border-radius: 8px 8px 8px 2px; background: var(--cloud); font-size: .62rem; }.embedded-body > div { display: flex; gap: 5px; flex-wrap: wrap; }.embedded-body button { padding: 5px 7px; border: 1px solid #cbdada; border-radius: 99px; background: #fff; color: var(--navy-700); font-size: .52rem; }
.embedded-input { min-height: 42px; margin: 0 10px 10px; padding: 0 7px 0 10px; display: flex; align-items: center; justify-content: space-between; border: 1px solid var(--line); border-radius: 7px; color: var(--slate); background: #fff; font-size: .55rem; }.embedded-input b { width: 25px; height: 25px; display: grid; place-items: center; border-radius: 6px; color: var(--navy-950); background: var(--mint-500); }

/* 后台渠道与官网插件配置 */
.channel-admin-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; }
.channel-admin-card { min-height: 360px; padding: 22px; display: flex; flex-direction: column; border: 1px solid var(--line); background: #fff; }
.channel-admin-card > div:first-child { display: flex; align-items: center; justify-content: space-between; }.channel-admin-card h3 { margin: 30px 0 8px; font-size: 1rem; }.channel-admin-card > p { min-height: 64px; color: var(--slate); font-size: .72rem; }
.connection-status { display: inline-flex; align-items: center; gap: 5px; color: #087552; font-size: .6rem; font-weight: 800; }.connection-status i { width: 6px; height: 6px; border-radius: 50%; background: var(--mint-500); }.connection-status.pending { color: #9a6810; }.connection-status.pending i { background: var(--gold-500); }
.channel-admin-card dl { margin: 8px 0 22px; }.channel-admin-card dl > div { padding: 8px 0; display: flex; justify-content: space-between; border-top: 1px solid var(--line); font-size: .65rem; }.channel-admin-card dt { color: var(--slate); }.channel-admin-card dd { margin: 0; max-width: 120px; overflow: hidden; font-weight: 700; text-overflow: ellipsis; white-space: nowrap; }.channel-admin-card > .button { margin-top: auto; }
.widget-live-status { padding: 7px 11px; display: inline-flex; align-items: center; gap: 7px; border-radius: 99px; color: #087552; background: var(--mint-100); font-size: .68rem; font-weight: 800; }.widget-live-status i { width: 7px; height: 7px; border-radius: 50%; background: var(--mint-500); }
.widget-builder-grid { display: grid; grid-template-columns: .92fr 1.08fr; gap: 14px; align-items: start; }
.widget-settings-card, .widget-preview-card, .embed-code-card { border: 1px solid var(--line); background: #fff; }
.widget-settings-card { padding: 24px; }.settings-section { padding-bottom: 25px; margin-bottom: 25px; border-bottom: 1px solid var(--line); }.settings-section h3 { margin-bottom: 18px; font-size: .92rem; }.settings-section > label:not(.logic-toggle) { display: block; margin-bottom: 18px; }.settings-section > label > span { display: block; margin-bottom: 7px; font-size: .68rem; font-weight: 800; }.settings-section textarea, .settings-section select { width: 100%; padding: 11px; border: 1px solid var(--line); background: #fff; outline: none; }.settings-section textarea:focus, .settings-section select:focus { border-color: var(--mint-500); }.settings-section label > small { display: block; margin-top: 6px; color: var(--slate); font-size: .6rem; }
.logic-toggle { min-height: 68px; display: grid; grid-template-columns: 1fr 42px; gap: 15px; align-items: center; border-top: 1px solid var(--line); }.logic-toggle strong, .logic-toggle small { display: block; }.logic-toggle strong { font-size: .7rem; }.logic-toggle small { margin-top: 3px; color: var(--slate); font-size: .59rem; }.logic-toggle input { width: 38px; height: 21px; appearance: none; border-radius: 99px; background: #cbd7d7; position: relative; transition: background .2s ease; }.logic-toggle input::after { content: ""; width: 17px; height: 17px; border-radius: 50%; background: #fff; position: absolute; top: 2px; left: 2px; box-shadow: 0 2px 5px rgba(0,0,0,.2); transition: left .2s ease; }.logic-toggle input:checked { background: var(--mint-500); }.logic-toggle input:checked::after { left: 19px; }
.widget-preview-column { display: grid; gap: 14px; }.widget-preview-card { padding: 15px; }.widget-preview-label { padding: 2px 3px 13px; display: flex; justify-content: space-between; color: var(--slate); font-size: .62rem; }.widget-preview-label b { color: var(--ink); }.widget-preview-site { height: 520px; overflow: hidden; border: 1px solid var(--line); background: linear-gradient(135deg, #e9f1f1, #fff); position: relative; }.preview-site-nav { height: 54px; padding: 0 22px; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid rgba(8,39,53,.08); background: rgba(255,255,255,.8); }.preview-site-nav span { color: var(--slate); font-size: .58rem; }.preview-site-hero { padding: 70px 45px; display: flex; flex-direction: column; }.preview-site-hero small { color: var(--navy-700); font-weight: 800; letter-spacing: .1em; }.preview-site-hero strong { max-width: 330px; margin: 23px 0 8px; font-family: var(--font-display); font-size: 2.4rem; line-height: 1.04; }.preview-site-hero span { color: var(--slate); }.admin-widget-preview { width: 300px; right: 22px; bottom: 22px; }.embed-code-card { padding: 20px; }.embed-code-card p { margin: 3px 0 15px; color: var(--slate); font-size: .67rem; }.embed-code-card code { margin-bottom: 15px; padding: 12px; display: block; overflow-x: auto; color: #d7f9ef; background: var(--navy-950); font-size: .62rem; white-space: nowrap; }

/* 官网内置插件演示 */
.site-widget-demo { position: fixed; right: 24px; bottom: 24px; z-index: 300; }
.auth-mode .site-widget-demo, .admin-mode .site-widget-demo { display: none; }
.widget-launcher { width: 58px; height: 58px; display: grid; place-items: center; border: 0; border-radius: 18px; color: var(--navy-950); background: var(--mint-500); box-shadow: 0 16px 38px rgba(8,39,53,.28); position: relative; }.widget-launcher > span { font-family: var(--font-display); font-size: 1.15rem; font-weight: 900; }.widget-launcher > i { width: 10px; height: 10px; border: 2px solid #fff; border-radius: 50%; background: var(--coral-500); position: absolute; right: -2px; top: -2px; }
.site-widget-panel { width: 330px; overflow: hidden; border: 1px solid var(--line); border-radius: 15px; background: #fff; box-shadow: 0 28px 80px rgba(8,39,53,.3); position: absolute; right: 0; bottom: 72px; opacity: 0; transform: translateY(15px) scale(.97); transform-origin: right bottom; pointer-events: none; transition: opacity .2s ease, transform .2s ease; }.site-widget-demo.open .site-widget-panel { opacity: 1; transform: translateY(0) scale(1); pointer-events: auto; }.site-widget-body { min-height: 270px; padding: 18px; }.widget-demo-label { color: var(--mint-500); font-size: .55rem; font-weight: 900; letter-spacing: .12em; }.site-widget-body > p { margin: 16px 0; padding: 12px; border-radius: 9px 9px 9px 2px; background: var(--cloud); font-size: .75rem; }.widget-quick-actions { display: flex; gap: 6px; flex-wrap: wrap; }.widget-quick-actions button { padding: 7px 9px; border: 1px solid var(--line); border-radius: 99px; background: #fff; color: var(--navy-700); font-size: .62rem; }.widget-demo-reply { margin-top: 15px; padding: 11px; border-radius: 9px 9px 2px 9px; color: var(--navy-950); background: var(--mint-100); font-size: .7rem; }

@media (max-width: 1120px) {
  .channel-admin-grid { grid-template-columns: repeat(2, 1fr); }
  .widget-builder-grid { grid-template-columns: 1fr; }
}
@media (max-width: 860px) {
  .channel-hub-visual { margin-top: 20px; }
  .channel-console { grid-template-columns: 1fr; }
  .widget-product-preview { min-height: 430px; }
}
@media (max-width: 600px) {
  .channel-rail { align-items: flex-start; gap: 10px 14px; }
  .channel-rail > span { width: 100%; }
  .channel-hub-visual { width: 320px; height: 400px; transform: scale(.86); transform-origin: center; }
  .channel-source { min-width: 125px; }.source-wa, .source-ig { left: 0; }.source-fb, .source-web { right: 0; }
  .hub-line { display: none; }
  .channel-admin-grid { grid-template-columns: 1fr; }
  .widget-preview-site { height: 470px; }.preview-site-hero { padding: 45px 24px; }.preview-site-hero strong { font-size: 1.9rem; }.admin-widget-preview { width: calc(100% - 28px); right: 14px; bottom: 14px; }
  .site-widget-demo { right: 14px; bottom: 14px; }.site-widget-panel { width: calc(100vw - 28px); right: 0; }
}


/* 修复后台插件配置在窄屏下的网格最小内容溢出 */
@media (max-width: 600px) {
  .widget-builder-grid { grid-template-columns: minmax(0, 1fr); }
  .widget-settings-card, .widget-preview-column, .widget-preview-card, .embed-code-card, .settings-section { min-width: 0; width: 100%; }
  .settings-section textarea, .settings-section select { max-width: 100%; box-sizing: border-box; }
  .logic-toggle { grid-template-columns: minmax(0, 1fr) 42px; }
  .preview-site-nav span { display: none; }
  .embed-code-card code { width: 100%; max-width: 100%; }
}


/* 转化旅程轨道：强化步骤关系、信息层级与重点节奏 */
.flow-section { padding: 115px 0 135px; position: relative; }
.flow-section .center-heading { margin-bottom: 48px; }
.flow-track { padding: 56px 26px 30px; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 14px; border: 1px solid #dce8e7; border-radius: 24px; background: linear-gradient(145deg, #f8fbfb 0%, #ffffff 58%, #f1faf7 100%); box-shadow: 0 28px 75px rgba(8,39,53,.09); }
.flow-line { height: 2px; left: 8%; right: 8%; top: 74px; overflow: visible; border-radius: 99px; background: #d7e4e3; }
.flow-line i { display: block; width: 58%; height: 100%; border-radius: inherit; background: linear-gradient(90deg, #5d88ff 0%, var(--mint-500) 55%, var(--coral-500) 100%); box-shadow: 0 0 16px rgba(32,201,151,.25); }
.flow-line::after { content: ""; width: 7px; height: 7px; border-top: 2px solid var(--coral-500); border-right: 2px solid var(--coral-500); position: absolute; right: -1px; top: -3px; transform: rotate(45deg); }
.flow-step { min-width: 0; }
.flow-dot { width: 38px; height: 38px; margin-bottom: 24px; border: 2px solid #d4e1e0; color: var(--navy-700); background: #fff; box-shadow: 0 7px 18px rgba(8,39,53,.08); font-size: .62rem; letter-spacing: .04em; position: relative; transition: border-color .22s ease, background .22s ease, transform .22s ease; }
.flow-qualify .flow-dot { border-color: var(--mint-500); color: var(--navy-950); background: var(--mint-500); box-shadow: 0 0 0 7px rgba(32,201,151,.12); }
.flow-card { min-height: 238px; padding: 22px 20px 54px; overflow: hidden; border-color: #dce7e6; border-radius: 15px; background: rgba(255,255,255,.9); box-shadow: 0 12px 30px rgba(8,39,53,.055); position: relative; transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease; }
.flow-card::before { content: ""; height: 3px; position: absolute; left: 0; right: 0; top: 0; background: var(--mint-500); opacity: .72; }
.flow-acquire .flow-card::before { background: #5d88ff; }.flow-engage .flow-card::before { background: var(--mint-500); }.flow-convert .flow-card::before { background: var(--coral-500); }.flow-retain .flow-card::before { background: var(--gold-500); }
.flow-step:hover .flow-card { border-color: #bfd3d0; box-shadow: 0 20px 46px rgba(8,39,53,.11); transform: translateY(-7px); }
.flow-step:hover .flow-dot { border-color: var(--mint-500); transform: scale(1.06); }
.flow-card.featured { border-color: #164859; border-radius: 17px; background: linear-gradient(155deg, #0f3c4d 0%, #082735 72%); box-shadow: 0 24px 55px rgba(8,39,53,.22), inset 0 1px rgba(255,255,255,.08); transform: translateY(-11px); }
.flow-card.featured::before { height: 4px; background: linear-gradient(90deg, var(--mint-500), #77e0bf); opacity: 1; }
.flow-step:hover .flow-card.featured { transform: translateY(-17px); }
.flow-card-head { margin-bottom: 27px; display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.flow-card-head .flow-icon { width: 39px; height: 39px; display: grid; place-items: center; border: 1px solid #d8e5e4; border-radius: 11px; color: var(--navy-700); background: var(--cloud); font-family: var(--font-display); font-size: .94rem; font-weight: 800; }
.flow-card.featured .flow-icon { border-color: rgba(255,255,255,.13); color: var(--navy-950); background: var(--mint-500); }
.flow-card small { margin: 0; color: #159b75; font-size: .59rem; letter-spacing: .15em; }
.flow-card.featured small { color: var(--mint-400); }
.flow-card strong { margin-bottom: 12px; font-size: 1.02rem; line-height: 1.28; }
.flow-card p { font-size: .78rem; line-height: 1.65; }
.flow-card-signal { min-height: 25px; padding: 4px 8px; display: inline-flex; align-items: center; border: 1px solid #dce7e6; border-radius: 99px; color: var(--navy-700); background: #f7faf9; font-size: .56rem; font-weight: 800; letter-spacing: .03em; position: absolute; left: 20px; bottom: 19px; }
.flow-card.featured .flow-card-signal { border-color: rgba(255,255,255,.13); color: var(--mint-400); background: rgba(255,255,255,.06); }

@media (max-width: 860px) {
  .flow-section { padding: 90px 0; }
  .flow-track { padding: 28px 20px 18px; grid-template-columns: 1fr; gap: 0; border-radius: 18px; }
  .flow-line { width: 2px; height: auto; left: 38px; right: auto; top: 48px; bottom: 48px; }
  .flow-line i { width: 100%; height: 60%; background: linear-gradient(180deg, #5d88ff, var(--mint-500), var(--coral-500)); }
  .flow-line::after { right: -3px; top: auto; bottom: -1px; transform: rotate(135deg); }
  .flow-step { grid-template-columns: 40px minmax(0, 1fr); gap: 15px; }
  .flow-dot { width: 36px; height: 36px; margin: 9px 0 0; }
  .flow-card, .flow-card.featured { min-height: 178px; margin-bottom: 14px; padding: 20px 18px 50px; transform: none; }
  .flow-step:hover .flow-card, .flow-step:hover .flow-card.featured { transform: none; }
  .flow-card-head { margin-bottom: 20px; }
  .flow-card-signal { left: 18px; bottom: 15px; }
}


/* 紧凑首屏：减少首屏占高并提高信息密度 */
@media (min-width: 1121px) {
  .hero { min-height: 720px; padding-top: 112px; }
  .hero-grid { min-height: 500px; grid-template-columns: .86fr 1.14fr; gap: 50px; }
  .hero-copy h1 { max-width: 610px; margin: 18px 0 20px; font-size: clamp(3.55rem, 4.1vw, 4.75rem); line-height: .98; }
  .hero-subtitle { max-width: 570px; margin-bottom: 24px; font-size: .98rem; line-height: 1.65; }
  .hero-actions .button-large { min-height: 52px; padding-inline: 21px; }
  .channel-rail { max-width: 610px; margin-top: 21px; padding: 9px 12px; gap: 10px 13px; }
  .channel-rail > span { font-size: .56rem; }
  .channel-rail strong { font-size: .58rem; }
  .channel-pill { width: 22px; height: 22px; font-size: .56rem; }
  .hero-proof { margin-top: 20px; }
  .hero-proof div { padding-inline: 21px; }
  .hero-proof strong { font-size: 1.05rem; }
  .hero-proof span { font-size: .68rem; }
  .hero-product { min-width: 620px; width: 680px; transform: perspective(1200px) rotateY(-3deg) scale(.94); }
  .product-window { min-height: 450px; }
  .product-layout { min-height: 408px; }
  .trusted-strip { min-height: 62px; margin-top: 18px; }
}

/* 首页首屏重构：拆分主视觉与信任信息，恢复清晰层级和留白 */
@media (min-width: 1121px) {
  .hero { min-height: auto; padding: 132px 0 0; }
  .hero-grid { width: min(1320px, calc(100vw - 80px)); min-height: 500px; grid-template-columns: minmax(0, 560px) minmax(620px, 1fr); gap: 80px; align-items: center; }
  .hero-copy h1 { max-width: 620px; margin: 24px 0 24px; font-size: clamp(3.85rem, 4vw, 4.7rem); line-height: .98; }
  .hero-subtitle { max-width: 560px; margin-bottom: 30px; font-size: 1.03rem; line-height: 1.7; }
  .hero-actions { gap: 14px; }
  .hero-actions .button-large { min-height: 56px; padding-inline: 24px; }
  .hero-product { min-width: 0; width: 100%; max-width: 680px; justify-self: end; transform: none; }
  .product-window { min-height: 470px; box-shadow: 0 40px 100px rgba(0,0,0,.34); }
  .product-layout { min-height: 428px; }
  .metric-top { right: -32px; }
  .metric-bottom { left: -32px; bottom: 42px; }
  .hero-support { width: min(1320px, calc(100vw - 80px)); min-height: 100px; margin-top: 44px; padding: 20px 26px; display: grid; grid-template-columns: 1.35fr 1fr; gap: 34px; align-items: center; border: 1px solid rgba(255,255,255,.12); border-radius: 16px; background: rgba(255,255,255,.045); position: relative; z-index: 3; }
  .hero-support .channel-rail { max-width: none; margin: 0; padding: 0; gap: 12px 16px; border: 0; background: transparent; }
  .hero-support .channel-rail > span { width: 100%; font-size: .59rem; }
  .hero-support .channel-rail strong { font-size: .66rem; }
  .hero-support .channel-pill { width: 25px; height: 25px; font-size: .61rem; }
  .hero-support .hero-proof { margin: 0; justify-content: flex-end; }
  .hero-support .hero-proof div { min-width: 116px; padding: 0 22px; }
  .hero-support .hero-proof strong { font-size: 1.12rem; }
  .hero-support .hero-proof span { font-size: .69rem; }
  .trusted-strip { width: min(1320px, calc(100vw - 80px)); min-height: 70px; margin-top: 0; }
}

@media (max-width: 1120px) {
  .hero-grid { min-height: 0; gap: 64px; }
  .hero-copy h1 { max-width: 700px; }
  .hero-support { width: var(--shell); margin: 68px auto 0; padding: 24px; display: grid; grid-template-columns: 1fr; gap: 26px; border: 1px solid rgba(255,255,255,.12); border-radius: 16px; background: rgba(255,255,255,.045); position: relative; z-index: 3; }
  .hero-support .channel-rail { max-width: none; margin: 0; border: 0; background: transparent; }
  .hero-support .hero-proof { margin: 0; }
  .trusted-strip { margin-top: 0; }
}

@media (max-width: 600px) {
  .hero { padding-top: 96px; }
  .hero-grid { gap: 38px; padding-top: 24px; }
  .hero-copy h1 { margin: 20px 0 20px; font-size: 2.8rem; line-height: 1.02; }
  .hero-subtitle { margin-bottom: 26px; font-size: .98rem; line-height: 1.65; }
  .hero-product { width: 760px; transform: scale(.56); transform-origin: left top; margin-bottom: -220px; }
  .hero-support { margin-top: 34px; padding: 20px 18px; gap: 22px; }
  .hero-support .channel-rail { gap: 12px 14px; }
  .hero-support .hero-proof { grid-template-columns: repeat(3, 1fr); }
  .hero-support .hero-proof div { padding: 0 8px; }
  .hero-support .hero-proof strong { font-size: 1rem; }
  .hero-support .hero-proof span { font-size: .62rem; line-height: 1.35; }
  .trusted-strip { padding: 24px 0; }
}
/* 手机首屏修正：允许内容收缩并按可视宽度缩放产品预览 */
@media (max-width: 600px) {
  .hero-copy { min-width: 0; width: 100%; }
  .hero-copy h1 { max-width: 100%; font-size: 2.65rem; overflow-wrap: normal; }
  .hero-subtitle { max-width: 100%; overflow-wrap: anywhere; }
  .hero-actions { width: 100%; }
  .hero-actions .button { min-width: 0; white-space: normal; text-align: center; }
}

@media (max-width: 430px) {
  .hero-product { width: 760px; margin-bottom: -258px; }
  .hero-product.reveal.visible { transform: scale(.46); }
  .hero-support { margin-top: 20px; }
}
/* 手机首屏最终覆盖：修复动画 transform 与网格最小宽度冲突 */
@media (max-width: 600px) {
  .hero-grid { grid-template-columns: minmax(0, 1fr); }
  .hero-product.reveal.visible { transform: scale(.56); }
}

@media (max-width: 430px) {
  .hero-product.reveal.visible { transform: scale(.46); }
}
/* 桌面前台视觉升级：字体、图标、步骤与卡片精细化 */
@media (min-width: 861px) {
  :is(.page[data-page="home"], .page[data-page="product"], .page[data-page="solutions"], .page[data-page="pricing"]),
  .site-header,
  .site-footer { font-family: "Segoe UI Variable Text", "Aptos", "Segoe UI", "PingFang SC", "Microsoft YaHei UI", sans-serif; }

  :is(.page[data-page="home"], .page[data-page="product"], .page[data-page="solutions"], .page[data-page="pricing"]) :is(h1, h2, h3),
  .site-header .brand,
  .site-footer .brand { font-family: "Segoe UI Variable Display", "Aptos Display", "Segoe UI", "PingFang SC", "Microsoft YaHei UI", sans-serif; letter-spacing: -.024em; }

  :is(.page[data-page="home"], .page[data-page="product"], .page[data-page="solutions"], .page[data-page="pricing"]) h1 { font-weight: 650; line-height: 1.02; }
  :is(.page[data-page="home"], .page[data-page="product"], .page[data-page="solutions"], .page[data-page="pricing"]) h2 { font-weight: 640; line-height: 1.1; }
  :is(.page[data-page="home"], .page[data-page="product"], .page[data-page="solutions"], .page[data-page="pricing"]) h3 { font-weight: 650; letter-spacing: -.018em; }
  :is(.page[data-page="home"], .page[data-page="product"], .page[data-page="solutions"], .page[data-page="pricing"]) p { letter-spacing: -.006em; }
  :is(.page[data-page="home"], .page[data-page="product"], .page[data-page="solutions"], .page[data-page="pricing"]) :is(.eyebrow, .feature-tag) { font-weight: 720; letter-spacing: .11em; }
  .site-header :is(button, .nav-link), .site-footer button { font-weight: 620; }

  /* 用矢量遮罩替代字体符号，确保不同系统下边缘清晰 */
  :is(.play-icon, .system-icon, .metric-icon, .line-icon, .flow-icon) { font-size: 0 !important; }
  :is(.system-icon, .metric-icon, .line-icon, .flow-icon)::before { content: ""; width: 22px; height: 22px; display: block; background: currentColor; -webkit-mask: var(--ui-icon) center / contain no-repeat; mask: var(--ui-icon) center / contain no-repeat; }
  .play-icon::before { content: ""; width: 0; height: 0; display: block; margin-left: 2px; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 8px solid currentColor; }
  .system-icon { --ui-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 3l1.7 5.3L19 10l-5.3 1.7L12 17l-1.7-5.3L5 10l5.3-1.7L12 3zM18.5 15l.8 2.2 2.2.8-2.2.8-.8 2.2-.8-2.2-2.2-.8 2.2-.8.8-2.2z' fill='black'/%3E%3C/svg%3E"); }
  .metric-icon { --ui-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 17l6-6 4 4 6-8M15 7h5v5' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); }
  .metric-icon.coral { --ui-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='13' r='7.5' fill='none' stroke='black' stroke-width='2'/%3E%3Cpath d='M12 9v4l3 2M9 3h6' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E"); }
  .problem-card:nth-child(1) .line-icon { --ui-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='8' fill='none' stroke='black' stroke-width='1.8'/%3E%3Cpath d='M12 7v5l3 2' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E"); }
  .problem-card:nth-child(2) .line-icon { --ui-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 5h11v9H9l-4 3v-3H4V5zM12 10h8v7h-2v3l-4-3h-2' fill='none' stroke='black' stroke-width='1.7' stroke-linejoin='round'/%3E%3C/svg%3E"); }
  .problem-card:nth-child(3) .line-icon { --ui-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='11' cy='13' r='7' fill='none' stroke='black' stroke-width='1.8'/%3E%3Ccircle cx='11' cy='13' r='3' fill='none' stroke='black' stroke-width='1.8'/%3E%3Cpath d='M14 10l6-6M16 4h4v4' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); }
  .flow-acquire .flow-icon { --ui-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 4l11 7-5 1-2 5L5 4zM14 15l4 4' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); }
  .flow-engage .flow-icon { --ui-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 5h16v11H9l-5 4V5z' fill='none' stroke='black' stroke-width='1.8' stroke-linejoin='round'/%3E%3Cpath d='M8 9h8M8 12h5' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E"); }
  .flow-qualify .flow-icon { --ui-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='8' fill='none' stroke='black' stroke-width='1.8'/%3E%3Ccircle cx='12' cy='12' r='3' fill='none' stroke='black' stroke-width='1.8'/%3E%3Cpath d='M12 2v3M22 12h-3M12 22v-3M2 12h3' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E"); }
  .flow-convert .flow-icon { --ui-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='8' cy='8' r='3' fill='none' stroke='black' stroke-width='1.8'/%3E%3Ccircle cx='17' cy='16' r='3' fill='none' stroke='black' stroke-width='1.8'/%3E%3Cpath d='M4 18c.8-3 2.5-4.5 5-4.5M20 6c-.8 3-2.5 4.5-5 4.5M16 5l4 1-1 4M8 19l-4-1 1-4' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); }
  .flow-retain .flow-icon { --ui-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M19 8a8 8 0 10.5 7M19 4v4h-4' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9 12l2 2 4-4' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); }

  /* 品牌渠道图标使用纯 CSS 线条，不再依赖 ◎ / ⌁ 字符 */
  :is(.channel-pill.instagram, .channel-pill.website, .source-ig b, .source-web b) { font-size: 0; position: relative; }
  :is(.channel-pill.instagram, .source-ig b)::before { content: ""; width: 12px; height: 12px; border: 1.7px solid currentColor; border-radius: 4px; }
  :is(.channel-pill.instagram, .source-ig b)::after { content: ""; width: 4px; height: 4px; border: 1.5px solid currentColor; border-radius: 50%; position: absolute; }
  :is(.channel-pill.website, .source-web b)::before { content: ""; width: 13px; height: 10px; border: 1.7px solid currentColor; border-radius: 4px; }
  :is(.channel-pill.website, .source-web b)::after { content: ""; width: 4px; height: 4px; border-left: 1.7px solid currentColor; border-bottom: 1.7px solid currentColor; position: absolute; left: 7px; bottom: 5px; transform: skewY(-30deg); }

  /* 步骤编号和连接线改为高对比的转化信号轨道 */
  .page[data-page="home"] .section-index,
  .page[data-page="pricing"] .section-index { width: 42px; height: 42px; border: 1.5px solid #9fb7b8; color: #173e4d; background: #fff; box-shadow: 0 8px 20px rgba(8,39,53,.08); font-size: .72rem; letter-spacing: .08em; }
  .page[data-page="home"] .split-heading.light .section-index { border-color: rgba(255,255,255,.35); color: #fff; background: rgba(255,255,255,.06); box-shadow: none; }
  .page[data-page="home"] .problem-card { padding: 28px; border-color: #cfdedd; border-radius: 12px; box-shadow: 0 14px 34px rgba(8,39,53,.055); }
  .page[data-page="home"] .problem-number { min-width: 36px; height: 25px; padding: 0 9px; display: inline-flex; align-items: center; justify-content: center; border: 1px solid #c9d9d8; border-radius: 99px; color: #315665; background: #f7faf9; font-size: .64rem; letter-spacing: .08em; }
  .page[data-page="home"] .line-icon { width: 58px; height: 58px; margin: 52px 0 30px; border: 1.5px solid #9db7b7; color: #17495a; background: #f7fbfa; }
  .page[data-page="home"] .flow-track { padding-top: 60px; border-color: #ccdedd; border-radius: 18px; box-shadow: 0 22px 55px rgba(8,39,53,.07); }
  .page[data-page="home"] .flow-line { height: 3px; top: 79px; background: #b7ceca; }
  .page[data-page="home"] .flow-line i { width: 66%; box-shadow: none; }
  .page[data-page="home"] .flow-dot { width: 42px; height: 42px; border: 2px solid #91aaa9; color: #173e4d; box-shadow: 0 6px 16px rgba(8,39,53,.07); font-size: .7rem; }
  .page[data-page="home"] .flow-qualify .flow-dot { border-color: #0d8d6a; background: #20c997; box-shadow: 0 0 0 6px rgba(32,201,151,.12); }
  .page[data-page="home"] .flow-card { border-radius: 12px; box-shadow: 0 10px 24px rgba(8,39,53,.05); }
  .page[data-page="home"] .flow-card.featured { border-radius: 12px; box-shadow: 0 18px 42px rgba(8,39,53,.18); }
  .page[data-page="home"] .flow-card-head .flow-icon { width: 42px; height: 42px; border-radius: 10px; }
  .page[data-page="solutions"] .journey-line { width: 3px; background: #9db8b6; }
  .page[data-page="solutions"] .journey-stop > span { width: 48px; height: 48px; border: 2px solid #9db8b6; color: #173e4d; box-shadow: 0 5px 14px rgba(8,39,53,.06); }
  .page[data-page="solutions"] .journey-stop.active > span { border-color: #0d8d6a; background: #20c997; }

  /* 降低模板化装饰，强化边界、留白和真实产品感 */
  :is(.page[data-page="home"], .page[data-page="product"], .page[data-page="solutions"], .page[data-page="pricing"]) :is(.problem-card, .capability-card, .feature-canvas, .solution-metric-grid > *, .price-card, .addon-grid article) { border-color: #cfdedd; }
  .page[data-page="home"] .capability-card { border-radius: 14px; }
  .page[data-page="product"] :is(.stack-card, .feature-canvas) { border-radius: 14px; box-shadow: 0 20px 50px rgba(8,39,53,.09); }
  .page[data-page="solutions"] :is(.solution-tab, .journey-visual, .location-visual) { border-color: #c9d9d8; }
  .page[data-page="pricing"] .price-card { border-radius: 14px; box-shadow: 0 16px 38px rgba(8,39,53,.07); }
  .page[data-page="pricing"] .price-card.featured { box-shadow: 0 24px 55px rgba(8,39,53,.16); }
}
/* 首页咨询流失区重构：两列标题与场景化风险卡 */
@media (min-width: 861px) {
  .page[data-page="home"] .problem-section { padding-bottom: 132px; }
  .page[data-page="home"] .problem-section .split-heading { padding: 112px 0 70px; grid-template-columns: 250px minmax(0, 1fr); grid-template-areas: "meta title" "meta copy"; column-gap: 86px; row-gap: 24px; align-items: start; }
  .page[data-page="home"] .problem-section .split-heading > div { grid-area: meta; min-height: 150px; padding-top: 8px; display: flex; align-items: flex-start; position: relative; }
  .page[data-page="home"] .problem-section .split-heading > div::after { content: ""; width: 1px; height: 78px; background: linear-gradient(180deg, #92aaa9, rgba(146,170,169,0)); position: absolute; left: 20px; top: 62px; }
  .page[data-page="home"] .problem-section .split-heading h2 { grid-area: title; max-width: 880px; margin: 0; font-size: clamp(2.75rem, calc(4.3vw - 4px), 4.05rem); line-height: 1.06; }
  .page[data-page="home"] .problem-section .split-heading p { grid-area: copy; max-width: 720px; margin: 0; padding-left: 2px; color: #536a73; font-size: 1.02rem; line-height: 1.8; }
  .page[data-page="home"] .problem-section .section-index { flex: 0 0 auto; }
  .page[data-page="home"] .problem-section .eyebrow { max-width: 165px; padding-top: 11px; line-height: 1.5; }

  .page[data-page="home"] .problem-grid { gap: 20px; }
  .page[data-page="home"] .problem-card { min-height: 410px; padding: 28px 28px 92px; overflow: hidden; border-radius: 18px; background: #fff; box-shadow: 0 18px 42px rgba(8,39,53,.07); isolation: isolate; }
  .page[data-page="home"] .problem-card::before { content: ""; height: 5px; position: absolute; left: 0; right: 0; top: 0; background: var(--risk-accent); }
  .page[data-page="home"] .problem-card::after { content: ""; width: 190px; height: 190px; border: 1px solid var(--risk-ring); border-radius: 50%; position: absolute; right: -86px; top: -88px; z-index: -1; box-shadow: 0 0 0 22px var(--risk-halo); }
  .page[data-page="home"] .problem-card:nth-child(1) { --risk-accent: #5b7fe8; --risk-soft: #eef3ff; --risk-ring: rgba(91,127,232,.22); --risk-halo: rgba(91,127,232,.055); }
  .page[data-page="home"] .problem-card:nth-child(2) { --risk-accent: #16a77b; --risk-soft: #eaf8f3; --risk-ring: rgba(22,167,123,.22); --risk-halo: rgba(22,167,123,.055); }
  .page[data-page="home"] .problem-card:nth-child(3) { --risk-accent: #ef735f; --risk-soft: #fff0ed; --risk-ring: rgba(239,115,95,.22); --risk-halo: rgba(239,115,95,.055); }
  .page[data-page="home"] .problem-card .problem-number { min-width: 42px; height: 28px; border: 0; color: var(--risk-accent); background: var(--risk-soft); font-weight: 760; }
  .page[data-page="home"] .problem-card .line-icon { width: 70px; height: 70px; margin: 48px 0 30px; border: 0; color: var(--risk-accent); background: var(--risk-soft); box-shadow: inset 0 0 0 1px var(--risk-ring), 0 12px 28px var(--risk-halo); }
  .page[data-page="home"] .problem-card .line-icon::before { width: 29px; height: 29px; }
  .page[data-page="home"] .problem-card h3 { max-width: 300px; margin-bottom: 12px; font-size: 1.3rem; line-height: 1.3; }
  .page[data-page="home"] .problem-card p { max-width: 300px; color: #5d7279; font-size: .92rem; line-height: 1.7; }
  .page[data-page="home"] .problem-card .card-stat { min-height: 76px; padding: 0 28px; border-top: 1px solid #d7e3e2; background: linear-gradient(90deg, var(--risk-soft), rgba(255,255,255,.78)); left: 0; right: 0; bottom: 0; }
  .page[data-page="home"] .problem-card .card-stat strong { color: #102f3b; font-size: 1.38rem; }
  .page[data-page="home"] .problem-card .card-stat span { color: #526a72; font-weight: 620; }

  .page[data-page="home"] .problem-card:nth-child(1) .line-icon { --ui-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M17.5 15.5A7 7 0 118.5 6.5a6 6 0 009 9z' fill='none' stroke='black' stroke-width='1.7' stroke-linejoin='round'/%3E%3Cpath d='M12 9v4l2.5 1.5M18.5 5.5h.01M20 9h.01' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round'/%3E%3C/svg%3E"); }
  .page[data-page="home"] .problem-card:nth-child(2) .line-icon { --ui-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 5h10v8H8l-4 3V5zM11 11h9v7h-3l-3 2v-2h-3' fill='none' stroke='black' stroke-width='1.7' stroke-linejoin='round'/%3E%3Cpath d='M7 8h4M14 14h3' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round'/%3E%3C/svg%3E"); }
  .page[data-page="home"] .problem-card:nth-child(3) .line-icon { --ui-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='11' cy='13' r='7' fill='none' stroke='black' stroke-width='1.7'/%3E%3Ccircle cx='11' cy='13' r='3' fill='none' stroke='black' stroke-width='1.7'/%3E%3Cpath d='M14.5 9.5L20 4M16 4h4v4M5 20l2-2' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); }
}
/* 首页核心工作区标题重构：沿用两列章节结构 */
@media (min-width: 861px) {
  .page[data-page="home"] .capabilities .split-heading { padding: 112px 0 72px; grid-template-columns: 250px minmax(0, 1fr); grid-template-areas: "meta title" "meta copy"; column-gap: 86px; row-gap: 24px; align-items: start; }
  .page[data-page="home"] .capabilities .split-heading > div { grid-area: meta; min-height: 150px; padding-top: 8px; display: flex; align-items: flex-start; position: relative; }
  .page[data-page="home"] .capabilities .split-heading > div::after { content: ""; width: 1px; height: 78px; background: linear-gradient(180deg, rgba(68,215,172,.75), rgba(68,215,172,0)); position: absolute; left: 20px; top: 62px; }
  .page[data-page="home"] .capabilities .split-heading h2 { grid-area: title; max-width: 900px; margin: 0; font-size: clamp(2.75rem, calc(4.15vw - 4px), 3.95rem); line-height: 1.06; }
  .page[data-page="home"] .capabilities .split-heading p { grid-area: copy; max-width: 720px; margin: 0; padding-left: 2px; color: rgba(255,255,255,.66); font-size: 1.02rem; line-height: 1.8; }
  .page[data-page="home"] .capabilities .section-index { flex: 0 0 auto; border-color: rgba(255,255,255,.34); color: #fff; background: rgba(255,255,255,.055); }
  .page[data-page="home"] .capabilities .eyebrow { max-width: 165px; padding-top: 11px; line-height: 1.5; }
}
/* 宽屏咨询标题：两段文案各保持一行 */
@media (min-width: 1280px) {
  /* 第一步沿用第二步外层容器宽度，避免宽屏下编号向左偏移。 */
  .page[data-page="home"] .problem-section .split-heading { width: var(--shell); grid-template-columns: 220px minmax(0, 1fr); column-gap: 64px; }
  .page[data-page="home"] .problem-section .split-heading h2 { max-width: none; font-size: clamp(3rem, 3.65vw, 3.55rem); white-space: nowrap; }
}
/* 宽屏核心工作区标题：白色与绿色文案各保持一行 */
@media (min-width: 1280px) {
  .page[data-page="home"] .capabilities .split-heading { width: min(1320px, calc(100vw - 80px)); grid-template-columns: 220px minmax(0, 1fr); column-gap: 64px; }
  .page[data-page="home"] .capabilities .split-heading h2 { max-width: none; font-size: clamp(2.8rem, 3.45vw, 3.25rem); white-space: nowrap; }
}
/* 五步流程交互：默认中性，悬停或键盘聚焦时展示步骤色 */
@media (min-width: 861px) {
  .page[data-page="home"] .flow-acquire { --step-accent: #5d88ff; --step-surface: #edf2ff; --step-ink: #18323d; --step-muted: #536a73; --step-icon-ink: #fff; }
  .page[data-page="home"] .flow-engage { --step-accent: #20c997; --step-surface: #e8faf4; --step-ink: #123b34; --step-muted: #4d6e67; --step-icon-ink: #082735; }
  .page[data-page="home"] .flow-qualify { --step-accent: #20c997; --step-surface: #0f3c4d; --step-ink: #fff; --step-muted: rgba(255,255,255,.67); --step-icon-ink: #082735; }
  .page[data-page="home"] .flow-convert { --step-accent: #ff7a66; --step-surface: #fff0ed; --step-ink: #5c2c26; --step-muted: #785a55; --step-icon-ink: #fff; }
  .page[data-page="home"] .flow-retain { --step-accent: #d6a94e; --step-surface: #fff7e5; --step-ink: #584413; --step-muted: #766947; --step-icon-ink: #3f300b; }

  .page[data-page="home"] .flow-step { outline: none; }
  .page[data-page="home"] .flow-step .flow-card,
  .page[data-page="home"] .flow-step .flow-card.featured { border-color: #dce7e6; color: var(--ink); background: #fff; box-shadow: 0 12px 30px rgba(8,39,53,.055); transform: none; }
  .page[data-page="home"] .flow-step .flow-card.featured::before { height: 3px; opacity: .72; }
  .page[data-page="home"] .flow-qualify .flow-dot { border-color: #91aaa9; color: #173e4d; background: #fff; box-shadow: 0 6px 16px rgba(8,39,53,.07); }
  .page[data-page="home"] .flow-step .flow-card p { color: var(--slate); }
  .page[data-page="home"] .flow-step .flow-card-head .flow-icon { border-color: #d8e5e4; color: var(--navy-700); background: var(--cloud); }
  .page[data-page="home"] .flow-step .flow-card-signal { border-color: #dce7e6; color: var(--navy-700); background: #f7faf9; }

  .page[data-page="home"] .flow-step:is(:hover, :focus-within) .flow-card { border-color: var(--step-accent); color: var(--step-ink); background: var(--step-surface); box-shadow: 0 24px 55px color-mix(in srgb, var(--step-accent) 20%, transparent); transform: translateY(-10px); }
  .page[data-page="home"] .flow-step:is(:hover, :focus-within) .flow-card::before { height: 5px; background: var(--step-accent); opacity: 1; }
  .page[data-page="home"] .flow-step:is(:hover, :focus-within) .flow-dot { border-color: var(--step-accent); color: var(--step-icon-ink); background: var(--step-accent); box-shadow: 0 0 0 7px color-mix(in srgb, var(--step-accent) 16%, transparent); transform: scale(1.08); }
  .page[data-page="home"] .flow-step:is(:hover, :focus-within) .flow-card p { color: var(--step-muted); }
  .page[data-page="home"] .flow-step:is(:hover, :focus-within) .flow-card-head .flow-icon { border-color: var(--step-accent); color: var(--step-icon-ink); background: var(--step-accent); }
  .page[data-page="home"] .flow-step:is(:hover, :focus-within) .flow-card small { color: var(--step-accent); }
  .page[data-page="home"] .flow-step:is(:hover, :focus-within) .flow-card-signal { border-color: color-mix(in srgb, var(--step-accent) 35%, transparent); color: var(--step-ink); background: rgba(255,255,255,.64); }
  .page[data-page="home"] .flow-qualify:is(:hover, :focus-within) .flow-card small,
  .page[data-page="home"] .flow-qualify:is(:hover, :focus-within) .flow-card-signal { color: var(--mint-400); }
  .page[data-page="home"] .flow-qualify:is(:hover, :focus-within) .flow-card-signal { border-color: rgba(255,255,255,.15); background: rgba(255,255,255,.07); }
  .page[data-page="home"] .flow-step:focus-visible .flow-card { outline: 3px solid color-mix(in srgb, var(--step-accent) 34%, transparent); outline-offset: 4px; }

  .page[data-page="home"] .flow-convert .flow-icon { --ui-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 5v4c0 2.8 2.2 5 5 5h9M15 10l4 4-4 4M10 14v5' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3Ccircle cx='5' cy='4' r='1.5' fill='black'/%3E%3C/svg%3E"); }
}
/* 五步流程卡统一高度 */
@media (min-width: 861px) {
  .page[data-page="home"] .flow-step { display: flex; flex-direction: column; }
  .page[data-page="home"] .flow-step .flow-card { width: 100%; height: 238px; min-height: 238px; }
}
/* 首页品牌 Slogan 与双色两行主标题 */
.hero-slogan { margin: 14px 0 0; color: rgba(255,255,255,.76); font-size: .76rem; font-weight: 700; letter-spacing: .075em; }
.hero-copy h1 > span, .hero-copy h1 > em { display: block; }
@media (min-width: 1121px) {
  .page[data-page="home"] .hero-copy h1 { max-width: 620px; margin: 12px 0 24px; font-size: clamp(3.25rem, 3.55vw, 4rem); line-height: 1; }
  .page[data-page="home"] .hero-copy h1 > span,
  .page[data-page="home"] .hero-copy h1 > em { white-space: nowrap; }
}

/* Product 页面桌面端视觉统一：延续 Home 的国际医疗科技语言 */
@media (min-width: 861px) {
  .page[data-page="product"] .inner-hero { padding: 132px 0 104px; overflow: hidden; position: relative; background-color: var(--navy-950); background-image: radial-gradient(circle at 82% 22%, rgba(32,201,151,.15), transparent 28%), linear-gradient(rgba(255,255,255,.026) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.026) 1px, transparent 1px); background-size: auto, 44px 44px, 44px 44px; }
  .page[data-page="product"] .inner-hero::after { content: ""; width: 520px; height: 520px; border: 1px solid rgba(32,201,151,.12); border-radius: 50%; position: absolute; right: -210px; top: 35px; box-shadow: 0 0 0 70px rgba(32,201,151,.025), 0 0 0 140px rgba(32,201,151,.018); }
  .page[data-page="product"] .inner-hero-grid { width: min(1260px, calc(100vw - 80px)); grid-template-columns: minmax(0, .92fr) minmax(520px, 1.08fr); gap: 84px; align-items: center; position: relative; z-index: 1; }
  .page[data-page="product"] .product-hero-copy { position: relative; z-index: 2; }
  .page[data-page="product"] .product-hero-copy .eyebrow { display: inline-flex; align-items: center; gap: 9px; color: var(--mint-400); }
  .page[data-page="product"] .product-hero-copy .eyebrow::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: var(--mint-500); box-shadow: 0 0 0 5px rgba(32,201,151,.1); }
  .page[data-page="product"] .product-hero-copy h1 { max-width: 650px; margin: 22px 0 24px; font-size: clamp(2.7rem, 3.25vw, 2.8rem); line-height: 1.04; letter-spacing: -.05em; }
  .page[data-page="product"] .product-hero-copy h1 > span,
  .page[data-page="product"] .product-hero-copy h1 > em { display: block; }
  .page[data-page="product"] .product-hero-copy > p { max-width: 560px; margin-bottom: 30px; color: rgba(255,255,255,.68); font-size: 1rem; line-height: 1.72; }
  .page[data-page="product"] .product-hero-stack { min-height: 450px; }
  .page[data-page="product"] .stack-card { border-radius: 24px; }
  .page[data-page="product"] .stack-main { inset: 10px 32px 24px 0; padding: 27px; border-color: rgba(255,255,255,.2); box-shadow: 0 34px 90px rgba(0,0,0,.28); }
  .page[data-page="product"] .stack-back-one { inset: 34px 8px 8px 35px; background: #0d3a4a; transform: rotate(2.4deg); }
  .page[data-page="product"] .stack-back-two { inset: 58px -10px -9px 68px; border-color: rgba(32,201,151,.25); background: rgba(32,201,151,.2); transform: rotate(5deg); }
  .page[data-page="product"] .stack-top { padding-bottom: 16px; border-bottom: 1px solid #e2eaea; }
  .page[data-page="product"] .intent-pill { padding: 6px 10px; border-radius: 999px; color: #087552; background: var(--mint-100); font-size: .58rem; font-weight: 800; }
  .page[data-page="product"] .profile-row { margin: 22px 0; }
  .page[data-page="product"] .profile-grid { gap: 10px; }
  .page[data-page="product"] .profile-grid div { padding: 13px 14px; border: 1px solid #e5ecec; border-radius: 12px; background: #f7faf9; }
  .page[data-page="product"] .activity-line { margin-top: 14px; }
  .page[data-page="product"] .product-nav { width: min(1180px, calc(100vw - 80px)); min-height: 72px; margin: -34px auto 30px; padding: 8px; gap: 6px; top: 78px; border: 1px solid #d7e3e2; border-radius: 18px; background: rgba(255,255,255,.94); box-shadow: 0 18px 48px rgba(8,39,53,.12); backdrop-filter: blur(16px); }
  .page[data-page="product"] .product-anchor { flex: 1; min-height: 52px; padding: 10px 13px; border-radius: 12px; font-size: .76rem; line-height: 1.25; transition: color .2s ease, background .2s ease, box-shadow .2s ease, transform .2s ease; }
  .page[data-page="product"] .product-anchor:hover { transform: translateY(-1px); }
  .page[data-page="product"] .product-anchor.active { color: #fff; background: var(--navy-900); box-shadow: 0 10px 22px rgba(8,39,53,.16); }

  .page[data-page="product"] .feature-showcase { width: min(1260px, calc(100vw - 80px)); padding: 96px 48px; grid-template-columns: minmax(0, .88fr) minmax(0, 1.12fr); gap: 72px; border-bottom: 0; position: relative; --product-accent: var(--mint-500); --product-soft: var(--mint-100); }
  .page[data-page="product"] .feature-showcase.reverse { grid-template-columns: minmax(0, 1.12fr) minmax(0, .88fr); }
  .page[data-page="product"] #channels { --product-accent: #4d79e8; --product-soft: #edf2ff; }
  .page[data-page="product"] #reception { --product-accent: #159f78; --product-soft: #e9f8f2; }
  .page[data-page="product"] #qualification { --product-accent: #d96755; --product-soft: #fff0ed; }
  .page[data-page="product"] #handoff { --product-accent: #b88727; --product-soft: #fff7e5; }
  .page[data-page="product"] #analytics { --product-accent: #327fbe; --product-soft: #ebf5fc; }
  .page[data-page="product"] :is(#channels, #qualification, #analytics) { margin-top: 34px; margin-bottom: 34px; border: 1px solid #dce7e6; border-radius: 30px; background: linear-gradient(135deg, #f8fbfa 0%, #fff 68%); box-shadow: 0 24px 60px rgba(8,39,53,.055); }
  .page[data-page="product"] :is(#reception, #handoff) { padding-top: 118px; padding-bottom: 118px; }
  .page[data-page="product"] .feature-copy .section-index { width: 42px; height: 42px; margin-right: 12px; border: 0; color: var(--product-accent); background: var(--product-soft); box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--product-accent) 24%, transparent); }
  .page[data-page="product"] .feature-copy > .eyebrow { color: var(--product-accent); vertical-align: middle; }
  .page[data-page="product"] .feature-copy h2 { max-width: 540px; margin: 24px 0 18px; font-size: clamp(2.3rem, 3vw, 3.15rem); line-height: 1.08; letter-spacing: -.045em; }
  .page[data-page="product"] .feature-copy > p { max-width: 520px; color: #5b7078; font-size: .95rem; line-height: 1.76; }
  .page[data-page="product"] .feature-copy .check-list { max-width: 520px; margin: 28px 0 0; }
  .page[data-page="product"] .feature-copy .check-list li { min-height: 46px; padding: 12px 0 12px 34px; border-top: 1px solid #dce7e6; border-bottom: 0; color: #405a63; font-size: .82rem; line-height: 1.5; }
  .page[data-page="product"] .feature-copy .check-list li::before { width: 20px; height: 20px; display: grid; place-items: center; top: 12px; border-radius: 7px; color: var(--product-accent); background: var(--product-soft); font-size: .68rem; }
  .page[data-page="product"] .feature-canvas { min-height: 460px; padding: 22px; overflow: hidden; border: 1px solid #cfdedd; border-radius: 24px; position: relative; background: linear-gradient(145deg, #eef4f3, #f9fbfb); box-shadow: 0 28px 70px rgba(8,39,53,.1); }
  .page[data-page="product"] .feature-canvas::before { content: ""; height: 4px; position: absolute; left: 22px; right: 22px; top: 0; border-radius: 0 0 4px 4px; background: var(--product-accent); opacity: .78; }

  .page[data-page="product"] .channel-console { min-height: 500px; grid-template-columns: .84fr 1.16fr; gap: 14px; padding: 16px; }
  .page[data-page="product"] :is(.channel-console-list, .widget-product-preview) { border-radius: 16px; }
  .page[data-page="product"] .channel-console-list { padding: 15px; box-shadow: 0 10px 28px rgba(8,39,53,.055); }
  .page[data-page="product"] .console-channel { min-height: 64px; margin-top: 5px; padding: 9px 8px; border: 0; border-radius: 11px; background: #f7faf9; }
  .page[data-page="product"] .console-channel:hover { background: var(--product-soft); }
  .page[data-page="product"] .widget-product-preview { box-shadow: 0 12px 34px rgba(8,39,53,.07); }
  .page[data-page="product"] .embedded-widget { border-radius: 16px; }

  .page[data-page="product"] .conversation-canvas { background: linear-gradient(145deg, #edf7f3, #f8fbfa); }
  .page[data-page="product"] .canvas-toolbar { padding: 2px 4px 15px; border-bottom: 1px solid #d7e4e2; }
  .page[data-page="product"] .workflow-node { width: 78%; margin-top: 20px; padding: 15px 17px; border: 1px solid #d5e3e1; border-radius: 14px; background: #fff; box-shadow: 0 10px 25px rgba(8,39,53,.055); }
  .page[data-page="product"] .workflow-connector { height: 28px; background: linear-gradient(180deg, #9fbab5, rgba(159,186,181,.35)); }
  .page[data-page="product"] .workflow-branch { gap: 12px; }
  .page[data-page="product"] .workflow-node.mint-node { border-color: rgba(21,159,120,.36); background: var(--mint-100); }
  .page[data-page="product"] .node-end { border-left: 4px solid var(--coral-500); }

  .page[data-page="product"] .qualification-canvas { min-height: 450px; padding: 20px; background: linear-gradient(145deg, #f5f8fa, #fff); }
  .page[data-page="product"] .qual-head { margin-bottom: 15px; padding: 2px 3px 14px; border-bottom: 1px solid #dce6e7; }
  .page[data-page="product"] .qual-head button { border-radius: 999px; color: #38555f; background: #fff; }
  .page[data-page="product"] .qual-row { min-height: 76px; margin-bottom: 10px; padding: 12px 13px; border: 1px solid #dce7e6; border-radius: 14px; background: #fff; box-shadow: 0 8px 20px rgba(8,39,53,.045); }
  .page[data-page="product"] .qual-row:last-child { margin-bottom: 0; }

  .page[data-page="product"] .handoff-canvas { min-height: 440px; background: linear-gradient(145deg, #fff8ef, #fff); }
  .page[data-page="product"] .handoff-banner { border-radius: 14px; }
  .page[data-page="product"] .advisor-list { margin: 18px 0; display: grid; gap: 8px; }
  .page[data-page="product"] .advisor { padding: 12px 13px; border: 1px solid #dce7e6; border-radius: 12px; background: rgba(255,255,255,.72); }
  .page[data-page="product"] .advisor.active { border-color: rgba(21,159,120,.42); box-shadow: 0 9px 22px rgba(8,39,53,.055); }
  .page[data-page="product"] .assign-button { min-height: 46px; border-radius: 12px; box-shadow: 0 10px 22px rgba(21,159,120,.16); }

  .page[data-page="product"] .analytics-canvas { min-height: 440px; background: linear-gradient(145deg, #edf6fb, #fff); }
  .page[data-page="product"] .analytics-top { padding-bottom: 14px; border-bottom: 1px solid #dce7e8; }
  .page[data-page="product"] .analytics-top select { border-radius: 10px; }
  .page[data-page="product"] .bar-chart { height: 205px; gap: 14px; border-bottom-color: #cfdedf; }
  .page[data-page="product"] .bar-chart div { border-radius: 8px 8px 2px 2px; background: linear-gradient(180deg, var(--blue-500), #3c68cb); }
  .page[data-page="product"] .bar-chart div:nth-child(even) { background: linear-gradient(180deg, var(--mint-500), #159f78); }
  .page[data-page="product"] .source-row { padding-top: 2px; }
  .page[data-page="product"] .final-cta { padding: 78px 0 112px; }
}
@media (min-width: 1121px) {
  .page[data-page="product"] .product-hero-copy h1 > span,
  .page[data-page="product"] .product-hero-copy h1 > em { white-space: nowrap; }
  html[lang="zh-CN"] .page[data-page="product"] .product-hero-copy h1 { font-size: clamp(2.55rem, 2.9vw, 2.7rem); }
}
/* Solutions 与 Pricing 桌面端视觉统一 */
@media (min-width: 861px) {
  /* Solutions 首屏：缩小标题，并给固定页头预留安全距离 */
  .page[data-page="solutions"] .solutions-hero {
    min-height: 505px; padding: 146px 0 88px; overflow: hidden; position: relative;
    background-color: #f3f8f7;
    background-image: radial-gradient(circle at 16% 22%, rgba(32,201,151,.17), transparent 24%), radial-gradient(circle at 84% 78%, rgba(77,124,254,.09), transparent 23%), linear-gradient(rgba(8,39,53,.035) 1px, transparent 1px), linear-gradient(90deg, rgba(8,39,53,.035) 1px, transparent 1px);
    background-size: auto, auto, 44px 44px, 44px 44px;
  }
  .page[data-page="solutions"] .solutions-hero::before {
    content: ""; width: 390px; height: 390px; border: 1px solid rgba(21,159,120,.14); border-radius: 50%; position: absolute; right: -115px; top: 72px;
    box-shadow: 0 0 0 52px rgba(32,201,151,.025), 0 0 0 104px rgba(32,201,151,.018);
  }
  .page[data-page="solutions"] .solutions-hero .center-hero { max-width: 1040px; position: relative; z-index: 1; }
  .page[data-page="solutions"] .solutions-hero .eyebrow,
  .page[data-page="pricing"] .pricing-hero .eyebrow { margin-bottom: 22px; padding: 8px 13px; border-radius: 999px; }
  .page[data-page="solutions"] .solutions-hero .eyebrow { border: 1px solid rgba(21,159,120,.18); color: #117b5d; background: rgba(255,255,255,.72); box-shadow: 0 8px 24px rgba(8,39,53,.045); }
  .page[data-page="solutions"] .solutions-hero h1 {
    max-width: 1000px; margin: 0 auto; color: var(--navy-950); font-size: clamp(3.15rem, 4.75vw, 4.55rem); line-height: .98; letter-spacing: -.062em;
  }
  .page[data-page="solutions"] .solutions-hero h1 > span,
  .page[data-page="solutions"] .solutions-hero h1 > em,
  .page[data-page="pricing"] .pricing-hero h1 > span,
  .page[data-page="pricing"] .pricing-hero h1 > em { display: block; }
  .page[data-page="solutions"] .solutions-hero h1 > em { margin-top: 7px; color: var(--mint-500); }
  .page[data-page="solutions"] .solutions-hero p { max-width: 750px; margin: 25px auto 0; color: #536a72; font-size: 1rem; line-height: 1.72; }

  /* Solutions 标签与方案内容：改为浮层控制栏和大型内容卡 */
  .page[data-page="solutions"] .solution-tabs { padding: 54px 0 112px; }
  .page[data-page="solutions"] .solution-tab-list { padding: 7px; gap: 7px; border: 1px solid #d6e3e1; border-radius: 18px; background: rgba(247,250,249,.94); box-shadow: 0 18px 42px rgba(8,39,53,.075); }
  .page[data-page="solutions"] .solution-tab {
    min-height: 74px; padding: 13px 18px; align-items: center; gap: 14px; border: 0; border-radius: 12px; color: #62767d; background: transparent;
    transition: color .22s ease, background .22s ease, box-shadow .22s ease, transform .22s ease;
  }
  .page[data-page="solutions"] .solution-tab:hover { color: var(--navy-950); background: #fff; transform: translateY(-1px); }
  .page[data-page="solutions"] .solution-tab > span {
    width: 34px; height: 34px; display: grid; place-items: center; flex: 0 0 auto; border: 1px solid #ccdcda; border-radius: 10px; color: #72868b; background: rgba(255,255,255,.7); font-size: .68rem; font-weight: 800;
  }
  .page[data-page="solutions"] .solution-tab strong { font-family: var(--font-display); font-size: .91rem; letter-spacing: -.02em; }
  .page[data-page="solutions"] .solution-tab.active { color: #fff; background: var(--navy-900); box-shadow: 0 12px 28px rgba(8,39,53,.17); }
  .page[data-page="solutions"] .solution-tab.active > span { border-color: rgba(32,201,151,.42); color: var(--navy-950); background: var(--mint-500); }
  .page[data-page="solutions"] .solution-panel {
    min-height: 0; margin-top: 26px; padding: 62px; grid-template-columns: minmax(0,.86fr) minmax(460px,1.14fr); gap: 72px; overflow: hidden;
    border: 1px solid #d8e4e2; border-radius: 28px; position: relative; background: #fff; box-shadow: 0 26px 70px rgba(8,39,53,.085);
  }
  .page[data-page="solutions"] .solution-panel::before { content: ""; width: 5px; position: absolute; inset: 62px auto 62px 0; border-radius: 0 6px 6px 0; background: linear-gradient(180deg, var(--mint-500), #4d7cfe); }
  .page[data-page="solutions"] .solution-copy .eyebrow { color: #138262; }
  .page[data-page="solutions"] .solution-copy h2 { margin: 18px 0; font-size: clamp(2.1rem, 3vw, 2.85rem); line-height: 1.08; letter-spacing: -.05em; }
  .page[data-page="solutions"] .solution-copy > p { max-width: 520px; margin-bottom: 22px; color: #5b7077; font-size: .92rem; line-height: 1.7; }
  .page[data-page="solutions"] .solution-copy .check-list { margin: 0 0 27px; padding: 0; border-top: 1px solid #e0e9e8; }
  .page[data-page="solutions"] .solution-copy .check-list li { min-height: 46px; padding: 13px 0 12px 33px; border-bottom: 1px solid #e0e9e8; color: #3f5961; font-size: .82rem; line-height: 1.5; }
  .page[data-page="solutions"] .solution-copy .check-list li::before { width: 20px; height: 20px; display: grid; place-items: center; top: 12px; border-radius: 7px; color: #117b5d; background: var(--mint-100); font-size: .68rem; }
  .page[data-page="solutions"] .solution-copy .button { min-height: 50px; border-radius: 11px; box-shadow: 0 12px 24px rgba(8,39,53,.13); }
  .page[data-page="solutions"] .solution-metric-grid { gap: 14px; }
  .page[data-page="solutions"] .solution-metric-grid > div { min-height: 172px; padding: 25px; border: 1px solid #d9e5e3; border-radius: 18px; background: linear-gradient(145deg, #f7faf9, #fff); box-shadow: 0 12px 30px rgba(8,39,53,.055); }
  .page[data-page="solutions"] .solution-metric-grid > div > span { color: #6c8086; font-size: .72rem; font-weight: 700; text-transform: uppercase; letter-spacing: .08em; }
  .page[data-page="solutions"] .solution-metric-grid > div > strong { margin: 20px 0 10px; color: var(--navy-950); font-size: 3rem; line-height: 1; }
  .page[data-page="solutions"] .solution-metric-grid small { color: #667b82; font-size: .75rem; }
  .page[data-page="solutions"] .solution-metric-grid .solution-quote {
    min-height: 206px; padding: 30px 32px; overflow: hidden; border-color: rgba(32,201,151,.18); position: relative; color: #fff;
    background: radial-gradient(circle at 90% 20%, rgba(32,201,151,.2), transparent 32%), var(--navy-900);
  }
  .page[data-page="solutions"] .solution-quote::before { content: "“"; position: absolute; right: 24px; top: 3px; color: rgba(32,201,151,.18); font-family: Georgia, serif; font-size: 8rem; line-height: 1; }
  .page[data-page="solutions"] .solution-quote p { max-width: 92%; margin: 0 0 28px; position: relative; z-index: 1; font-size: 1.35rem; line-height: 1.42; }
  .page[data-page="solutions"] .solution-quote span { position: relative; z-index: 1; color: rgba(255,255,255,.58); }
  .page[data-page="solutions"] .location-visual,
  .page[data-page="solutions"] .journey-visual { min-height: 470px; overflow: hidden; border: 1px solid #d4e2e0; border-radius: 22px; background-color: #f4f8f7; box-shadow: 0 18px 45px rgba(8,39,53,.07); }
  .page[data-page="solutions"] .location-visual { background-image: radial-gradient(circle, #c8d8d5 1px, transparent 1px), radial-gradient(circle at 50% 50%, rgba(32,201,151,.12), transparent 35%); background-size: 22px 22px, auto; }
  .page[data-page="solutions"] .location-hub { width: 144px; height: 144px; border: 5px solid #fff; box-shadow: 0 0 0 24px rgba(32,201,151,.08), 0 22px 45px rgba(8,39,53,.18); }
  .page[data-page="solutions"] .location-node { min-width: 142px; padding: 13px 15px; border-color: #d6e3e1; border-radius: 12px; box-shadow: 0 12px 28px rgba(8,39,53,.09); }
  .page[data-page="solutions"] .location-node::before { content: ""; width: 7px; height: 7px; margin-right: 8px; display: inline-block; border-radius: 50%; background: var(--mint-500); box-shadow: 0 0 0 4px rgba(32,201,151,.12); }
  .page[data-page="solutions"] .location-node small { margin: 4px 0 0 15px; }
  .page[data-page="solutions"] .journey-visual { padding: 54px 58px; background: linear-gradient(145deg, #f2f8f6, #fff); }
  .page[data-page="solutions"] .journey-line { top: 77px; bottom: 77px; left: 79px; background: linear-gradient(180deg, var(--mint-500), #9fb9b4 72%, #cddbd9); }
  .page[data-page="solutions"] .journey-stop { min-height: 90px; gap: 22px; }
  .page[data-page="solutions"] .journey-stop > span { width: 43px; height: 43px; border: 2px solid #c8d8d5; box-shadow: 0 6px 14px rgba(8,39,53,.06); }
  .page[data-page="solutions"] .journey-stop.active > span { border-color: var(--mint-500); box-shadow: 0 0 0 7px rgba(32,201,151,.12); }
  .page[data-page="solutions"] .journey-stop strong { font-size: .95rem; }
  .page[data-page="solutions"] .journey-stop small { margin-top: 3px; font-size: .74rem; }
  .page[data-page="solutions"] .industry-section { padding: 104px 0 112px; background-image: radial-gradient(circle at 12% 8%, rgba(32,201,151,.14), transparent 25%), linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.025) 1px, transparent 1px); background-size: auto, 44px 44px, 44px 44px; }
  .page[data-page="solutions"] .industry-section .center-heading { margin-bottom: 46px; }
  .page[data-page="solutions"] .industry-grid { gap: 14px; }
  .page[data-page="solutions"] .industry-grid article { min-height: 238px; padding: 27px; border: 1px solid rgba(255,255,255,.11); border-radius: 18px; background: rgba(255,255,255,.035); box-shadow: inset 0 1px 0 rgba(255,255,255,.04); transition: transform .22s ease, border-color .22s ease, background .22s ease; }
  .page[data-page="solutions"] .industry-grid article:hover { border-color: rgba(32,201,151,.38); background: rgba(32,201,151,.075); transform: translateY(-5px); }
  .page[data-page="solutions"] .industry-grid article > span { width: 34px; height: 34px; display: grid; place-items: center; border: 1px solid rgba(32,201,151,.28); border-radius: 10px; background: rgba(32,201,151,.08); }
  .page[data-page="solutions"] .industry-grid h3 { margin: 66px 0 12px; }
  .page[data-page="solutions"] .industry-grid p { line-height: 1.6; }

  /* Pricing 首屏：保留深色品牌感，同时缩短首屏并强化两行标题 */
  .page[data-page="pricing"] .pricing-hero {
    min-height: 590px; padding: 145px 0 130px; overflow: hidden; position: relative; background-color: var(--navy-950);
    background-image: radial-gradient(circle at 78% 22%, rgba(32,201,151,.18), transparent 27%), radial-gradient(circle at 18% 86%, rgba(77,124,254,.13), transparent 25%), linear-gradient(rgba(255,255,255,.028) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.028) 1px, transparent 1px);
    background-size: auto, auto, 44px 44px, 44px 44px;
  }
  .page[data-page="pricing"] .pricing-hero::after { content: ""; width: 440px; height: 440px; border: 1px solid rgba(32,201,151,.12); border-radius: 50%; position: absolute; right: -140px; top: 55px; box-shadow: 0 0 0 64px rgba(32,201,151,.023), 0 0 0 128px rgba(32,201,151,.015); }
  .page[data-page="pricing"] .pricing-hero .center-hero { max-width: 1080px; position: relative; z-index: 1; }
  .page[data-page="pricing"] .pricing-hero .eyebrow { border: 1px solid rgba(32,201,151,.2); background: rgba(255,255,255,.04); }
  .page[data-page="pricing"] .pricing-hero h1 { max-width: 1040px; margin: 0 auto; font-size: clamp(3.25rem, 4.85vw, 4.75rem); line-height: .98; letter-spacing: -.064em; }
  .page[data-page="pricing"] .pricing-hero h1 > em { margin-top: 7px; color: var(--mint-400); }
  .page[data-page="pricing"] .pricing-hero p { max-width: 730px; margin: 25px auto 0; color: rgba(255,255,255,.63); font-size: .98rem; line-height: 1.72; }
  .page[data-page="pricing"] .billing-toggle { margin-top: 30px; padding: 5px; border-color: rgba(255,255,255,.14); border-radius: 999px; background: rgba(255,255,255,.055); box-shadow: 0 16px 34px rgba(0,0,0,.18); backdrop-filter: blur(12px); }
  .page[data-page="pricing"] .billing-toggle button { min-width: 132px; min-height: 43px; border-radius: 999px; font-size: .78rem; transition: color .2s ease, background .2s ease, box-shadow .2s ease; }
  .page[data-page="pricing"] .billing-toggle button.active { background: #fff; box-shadow: 0 7px 18px rgba(0,0,0,.17); }

  /* Pricing 内容区：统一套餐、对比表、增值项和 FAQ 卡片语言 */
  .page[data-page="pricing"] .pricing-section { margin-top: -62px; padding-bottom: 104px; }
  .page[data-page="pricing"] .pricing-grid { gap: 18px; }
  .page[data-page="pricing"] .price-card { min-height: 650px; padding: 32px; overflow: hidden; border-color: #d7e3e1; border-radius: 24px; box-shadow: 0 22px 58px rgba(8,39,53,.095); transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease; }
  .page[data-page="pricing"] .price-card::before { content: ""; height: 5px; position: absolute; inset: 0 32px auto; border-radius: 0 0 8px 8px; background: #b8cac7; }
  .page[data-page="pricing"] .price-card:hover { border-color: #b9d2cd; box-shadow: 0 28px 68px rgba(8,39,53,.125); transform: translateY(-5px); }
  .page[data-page="pricing"] .price-card.featured { border: 2px solid rgba(32,201,151,.8); transform: translateY(-8px); box-shadow: 0 28px 72px rgba(21,159,120,.17); }
  .page[data-page="pricing"] .price-card.featured::before { background: var(--mint-500); }
  .page[data-page="pricing"] .price-card.featured:hover { transform: translateY(-12px); }
  .page[data-page="pricing"] .price-card.enterprise { border-color: rgba(32,201,151,.18); background: radial-gradient(circle at 90% 8%, rgba(32,201,151,.16), transparent 30%), var(--navy-900); }
  .page[data-page="pricing"] .price-card.enterprise::before { background: linear-gradient(90deg, var(--mint-500), #4d7cfe); }
  .page[data-page="pricing"] .popular-label { top: 17px; left: auto; right: 22px; padding: 6px 10px; border-radius: 999px; font-size: .55rem; }
  .page[data-page="pricing"] .plan-name { font-size: 1.28rem; letter-spacing: -.035em; }
  .page[data-page="pricing"] .price-head p { min-height: 50px; margin: 11px 0 22px; font-size: .81rem; line-height: 1.58; }
  .page[data-page="pricing"] .price { min-height: 76px; }
  .page[data-page="pricing"] .price strong { font-size: 3.3rem; }
  .page[data-page="pricing"] .price-card .button { min-height: 50px; border-radius: 11px; }
  .page[data-page="pricing"] .price-card ul { padding-top: 18px; }
  .page[data-page="pricing"] .price-card li { padding: 8px 0 8px 27px; font-size: .79rem; line-height: 1.5; }
  .page[data-page="pricing"] .price-card li::before { width: 18px; height: 18px; display: grid; place-items: center; top: 8px; border-radius: 6px; background: rgba(32,201,151,.11); font-size: .65rem; }
  .page[data-page="pricing"] .pricing-note { margin-top: 24px; padding: 17px 20px; border-color: #d7e3e1; border-radius: 14px; background: #f6f9f8; }
  .page[data-page="pricing"] .pricing-note > span { border-color: rgba(21,159,120,.35); color: #117b5d; background: var(--mint-100); }
  .page[data-page="pricing"] .comparison-section { padding: 104px 0 112px; }
  .page[data-page="pricing"] .comparison-section .center-heading { margin-bottom: 44px; }
  .page[data-page="pricing"] .comparison-wrap { overflow: hidden; border-color: #d6e3e1; border-radius: 22px; background: #fff; box-shadow: 0 22px 58px rgba(8,39,53,.075); }
  .page[data-page="pricing"] .comparison-wrap th, .page[data-page="pricing"] .comparison-wrap td { padding: 18px 23px; }
  .page[data-page="pricing"] .comparison-wrap th { color: var(--navy-950); background: #f2f7f6; font-size: .83rem; }
  .page[data-page="pricing"] .comparison-wrap td { font-size: .8rem; }
  .page[data-page="pricing"] .comparison-wrap tbody tr { transition: background .18s ease; }
  .page[data-page="pricing"] .comparison-wrap tbody tr:hover { background: rgba(32,201,151,.045); }
  .page[data-page="pricing"] .addons-section { padding: 105px 0 112px; background: #f3f7f6; }
  .page[data-page="pricing"] .addons-section .split-heading { padding: 0 0 48px; }
  .page[data-page="pricing"] .addon-grid { counter-reset: addon-card; gap: 15px; }
  .page[data-page="pricing"] .addon-grid article { min-height: 205px; padding: 25px; overflow: hidden; counter-increment: addon-card; border-color: #d7e3e1; border-radius: 18px; position: relative; box-shadow: 0 14px 36px rgba(8,39,53,.06); transition: transform .22s ease, border-color .22s ease, box-shadow .22s ease; }
  .page[data-page="pricing"] .addon-grid article::before { content: "0" counter(addon-card); width: 38px; height: 38px; display: grid; place-items: center; border: 1px solid rgba(21,159,120,.22); border-radius: 11px; color: #117b5d; background: var(--mint-100); font-size: .67rem; font-weight: 800; }
  .page[data-page="pricing"] .addon-grid article:hover { border-color: rgba(21,159,120,.4); box-shadow: 0 20px 45px rgba(8,39,53,.09); transform: translateY(-5px); }
  .page[data-page="pricing"] .addon-grid span { margin-top: 22px; color: #516970; }
  .page[data-page="pricing"] .addon-grid strong { margin-top: auto; font-size: 1.8rem; }
  .page[data-page="pricing"] .faq-section { padding: 112px 0 124px; grid-template-columns: .78fr 1.22fr; gap: 86px; }
  .page[data-page="pricing"] .faq-intro { padding-top: 12px; }
  .page[data-page="pricing"] .faq-intro p { max-width: 390px; line-height: 1.7; }
  .page[data-page="pricing"] .faq-list { display: grid; gap: 10px; border-top: 0; }
  .page[data-page="pricing"] .faq-item { overflow: hidden; border: 1px solid #d9e4e2; border-radius: 14px; background: #fff; transition: border-color .2s ease, background .2s ease, box-shadow .2s ease; }
  .page[data-page="pricing"] .faq-item.open { border-color: rgba(21,159,120,.4); background: #f7fbf9; box-shadow: 0 14px 34px rgba(8,39,53,.055); }
  .page[data-page="pricing"] .faq-item > button { min-height: 70px; padding: 0 20px; gap: 20px; font-size: .92rem; }
  .page[data-page="pricing"] .faq-item i { width: 28px; height: 28px; display: grid; place-items: center; flex: 0 0 auto; border-radius: 50%; color: #38565e; background: #edf3f2; font-size: 1rem; }
  .page[data-page="pricing"] .faq-item.open i { color: var(--navy-950); background: var(--mint-500); }
  .page[data-page="pricing"] .faq-item > div > p { padding-right: 58px; padding-left: 20px; font-size: .82rem; line-height: 1.7; }
  .page[data-page="pricing"] .faq-item.open > div > p { padding-bottom: 21px; }
}

@media (min-width: 1121px) {
  .page[data-page="solutions"] .solutions-hero h1 > span,
  .page[data-page="solutions"] .solutions-hero h1 > em,
  .page[data-page="pricing"] .pricing-hero h1 > span,
  .page[data-page="pricing"] .pricing-hero h1 > em { white-space: nowrap; }
  html[lang="zh-CN"] .page[data-page="solutions"] .solutions-hero h1,
  html[lang="zh-CN"] .page[data-page="pricing"] .pricing-hero h1 { font-size: clamp(3rem, 4.1vw, 4.05rem); }
}

/* 可扩展多语言下拉选择器 */
.language-selector { flex: 0 0 auto; position: relative; z-index: 4; }
.language-toggle {
  width: 82px; height: 40px; padding: 0 11px; display: inline-flex; align-items: center; justify-content: center; gap: 8px;
  border: 1px solid #d7e3e1; border-radius: 11px; color: #49616a; background: rgba(255,255,255,.76);
  box-shadow: 0 7px 18px rgba(8,39,53,.045); font-size: .72rem; font-weight: 800;
  transition: color .2s ease, border-color .2s ease, background .2s ease, box-shadow .2s ease;
}
.language-toggle:hover,
.language-selector.open .language-toggle { border-color: rgba(21,159,120,.48); color: var(--navy-950); background: #fff; box-shadow: 0 10px 24px rgba(8,39,53,.09); }
.language-globe { width: 17px; height: 17px; display: grid; place-items: center; flex: 0 0 auto; }
.language-globe svg { width: 17px; height: 17px; overflow: visible; fill: none; stroke: currentColor; stroke-width: 1.65; stroke-linecap: round; stroke-linejoin: round; }
.language-current-code { min-width: 18px; text-align: center; letter-spacing: .04em; }
.language-chevron { width: 6px; height: 6px; margin-top: -3px; border-right: 1.6px solid currentColor; border-bottom: 1.6px solid currentColor; transform: rotate(45deg); transition: transform .2s ease, margin .2s ease; }
.language-selector.open .language-chevron { margin-top: 3px; transform: rotate(225deg); }
.language-menu {
  width: 232px; padding: 8px; position: absolute; right: 0; top: calc(100% + 11px); visibility: hidden; opacity: 0; pointer-events: none;
  border: 1px solid #d7e3e1; border-radius: 16px; background: rgba(255,255,255,.98); box-shadow: 0 22px 54px rgba(8,39,53,.16);
  backdrop-filter: blur(18px); transform: translateY(-7px) scale(.98); transform-origin: right top; transition: opacity .18s ease, visibility .18s ease, transform .18s ease;
}
.language-menu::before { content: ""; width: 11px; height: 11px; position: absolute; right: 31px; top: -6px; border-top: 1px solid #d7e3e1; border-left: 1px solid #d7e3e1; background: #fff; transform: rotate(45deg); }
.language-selector.open .language-menu { visibility: visible; opacity: 1; pointer-events: auto; transform: translateY(0) scale(1); }
.language-option {
  width: 100%; min-height: 58px; padding: 7px 9px; display: grid; grid-template-columns: 38px 1fr 20px; gap: 11px; align-items: center;
  border: 0; border-radius: 11px; color: #3e565f; background: transparent; text-align: left; transition: color .18s ease, background .18s ease;
}
.language-option:hover { color: var(--navy-950); background: #f1f6f5; }
.language-option.active { color: var(--navy-950); background: var(--mint-100); }
.language-option-code { width: 36px; height: 36px; display: grid; place-items: center; border: 1px solid #d4e2df; border-radius: 10px; color: #537078; background: #fff; font-size: .67rem; font-weight: 850; letter-spacing: .03em; }
.language-option.active .language-option-code { border-color: rgba(21,159,120,.28); color: #0c7658; background: rgba(255,255,255,.78); }
.language-option > span:nth-child(2) { min-width: 0; display: grid; gap: 3px; }
.language-option strong { font-family: var(--font-display); font-size: .8rem; line-height: 1.2; }
.language-option small { overflow: hidden; color: #829399; font-size: .62rem; line-height: 1.2; text-overflow: ellipsis; white-space: nowrap; }
.language-option i { color: #0e8a66; font-size: .78rem; font-style: normal; opacity: 0; }
.language-option.active i { opacity: 1; }
.site-header:not(.scrolled) .language-toggle { border-color: rgba(255,255,255,.16); color: rgba(255,255,255,.82); background: rgba(255,255,255,.07); box-shadow: none; }
.site-header:not(.scrolled) .language-toggle:hover,
.site-header:not(.scrolled) .language-selector.open .language-toggle { border-color: rgba(32,201,151,.48); color: #fff; background: rgba(255,255,255,.12); }

@media (max-width: 1120px) {
  .language-toggle { width: 76px; }
  .nav-actions { gap: 8px; }
}

@media (max-width: 600px) {
  .language-toggle { width: 68px; height: 38px; padding: 0 8px; gap: 6px; }
  .language-menu { width: min(232px, calc(100vw - 28px)); right: -8px; }
  .language-menu::before { right: 29px; }
}

/* 头像个人菜单与个人中心视觉升级 */
.user-avatar { overflow: hidden; position: relative; }
.user-avatar > img { width: 100%; height: 100%; display: none; position: absolute; inset: 0; object-fit: cover; }
.user-avatar.has-image > img { display: block; }
.user-avatar.has-image > [data-user-initials] { visibility: hidden; }
.profile-menu { flex: 0 0 auto; position: relative; z-index: 5; }
.profile-menu-toggle { min-height: 44px; padding: 4px 11px 4px 5px; display: flex; align-items: center; gap: 9px; border: 1px solid #d6e2e0; border-radius: 13px; color: #34515a; background: rgba(255,255,255,.82); box-shadow: 0 8px 20px rgba(8,39,53,.05); transition: border-color .2s ease, background .2s ease, box-shadow .2s ease; }
.profile-menu-toggle:hover, .profile-menu.open .profile-menu-toggle { border-color: rgba(21,159,120,.45); background: #fff; box-shadow: 0 12px 28px rgba(8,39,53,.1); }
.nav-profile-avatar { width: 34px; height: 34px; font-size: .62rem; }
.profile-menu-label { min-width: 72px; display: grid; gap: 1px; text-align: left; }
.profile-menu-label strong { max-width: 92px; overflow: hidden; color: inherit; font-family: var(--font-display); font-size: .76rem; text-overflow: ellipsis; white-space: nowrap; }
.profile-menu-label small { color: #7c9096; font-size: .58rem; }
.profile-menu-chevron { width: 6px; height: 6px; margin: -3px 1px 0 2px; border-right: 1.5px solid currentColor; border-bottom: 1.5px solid currentColor; transform: rotate(45deg); transition: transform .2s ease, margin .2s ease; }
.profile-menu.open .profile-menu-chevron { margin-top: 3px; transform: rotate(225deg); }
.profile-menu-panel { width: 300px; padding: 10px; visibility: hidden; opacity: 0; pointer-events: none; position: absolute; right: 0; top: calc(100% + 11px); border: 1px solid #d6e2e0; border-radius: 18px; background: rgba(255,255,255,.98); box-shadow: 0 25px 64px rgba(8,39,53,.18); backdrop-filter: blur(18px); transform: translateY(-8px) scale(.98); transform-origin: right top; transition: opacity .18s ease, visibility .18s ease, transform .18s ease; }
.profile-menu-panel::before { content: ""; width: 11px; height: 11px; position: absolute; right: 28px; top: -6px; border-top: 1px solid #d6e2e0; border-left: 1px solid #d6e2e0; background: #fff; transform: rotate(45deg); }
.profile-menu.open .profile-menu-panel { visibility: visible; opacity: 1; pointer-events: auto; transform: translateY(0) scale(1); }
.profile-menu-user { min-height: 66px; padding: 9px 10px 12px; display: grid; grid-template-columns: 42px 1fr; gap: 11px; align-items: center; border-bottom: 1px solid #e2eae8; }
.profile-menu-avatar { width: 42px; height: 42px; font-size: .72rem; }
.profile-menu-user > span:last-child { min-width: 0; display: grid; gap: 3px; }
.profile-menu-user strong, .profile-menu-user small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.profile-menu-user strong { color: var(--navy-950); font-family: var(--font-display); font-size: .82rem; }
.profile-menu-user small { color: #778c92; font-size: .64rem; }
.profile-menu-actions { padding-top: 7px; }
.profile-menu-actions > button, .profile-menu-logout { width: 100%; min-height: 58px; padding: 8px 9px; display: grid; grid-template-columns: 36px 1fr 14px; gap: 10px; align-items: center; border: 0; border-radius: 11px; color: #3d565f; background: transparent; text-align: left; transition: color .18s ease, background .18s ease; }
.profile-menu-actions > button:hover { color: var(--navy-950); background: #f0f6f4; }
.profile-menu-icon { width: 34px; height: 34px; display: grid; place-items: center; border: 1px solid #d8e4e1; border-radius: 10px; color: #4f6b73; background: #f8faf9; }
.profile-menu-icon svg { width: 17px; height: 17px; fill: none; stroke: currentColor; stroke-width: 1.65; stroke-linecap: round; stroke-linejoin: round; }
.profile-menu-actions button > span:nth-child(2), .profile-menu-logout > span:nth-child(2) { min-width: 0; display: grid; gap: 3px; }
.profile-menu-actions strong, .profile-menu-logout strong { font-family: var(--font-display); font-size: .76rem; }
.profile-menu-actions small, .profile-menu-logout small { overflow: hidden; color: #87979c; font-size: .58rem; text-overflow: ellipsis; white-space: nowrap; }
.profile-menu-actions i { color: #84969b; font-size: 1rem; font-style: normal; }
.profile-menu-divider { height: 1px; margin: 7px; background: #e1e9e7; }
.profile-menu-logout { grid-template-columns: 36px 1fr; color: #a14d42; }
.profile-menu-logout:hover { background: #fff3f1; }
.profile-menu-logout .profile-menu-icon { border-color: #efd9d5; color: #a14d42; background: #fff7f5; }
.site-header:not(.scrolled) .profile-menu-toggle { border-color: rgba(255,255,255,.16); color: #fff; background: rgba(255,255,255,.07); box-shadow: none; }
.site-header:not(.scrolled) .profile-menu-label small { color: rgba(255,255,255,.55); }
.site-header:not(.scrolled) .profile-menu-toggle:hover, .site-header:not(.scrolled) .profile-menu.open .profile-menu-toggle { border-color: rgba(32,201,151,.5); background: rgba(255,255,255,.12); }
.account-page { background: #f4f8f7; }
.account-page .account-hero { min-height: 390px; padding: 138px 0 76px; overflow: hidden; position: relative; background-color: var(--navy-950); background-image: radial-gradient(circle at 78% 20%, rgba(32,201,151,.18), transparent 28%), linear-gradient(rgba(255,255,255,.026) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.026) 1px, transparent 1px); background-size: auto, 44px 44px, 44px 44px; }
.account-page .account-hero::after { content: ""; width: 380px; height: 380px; border: 1px solid rgba(32,201,151,.12); border-radius: 50%; position: absolute; right: -110px; top: 35px; box-shadow: 0 0 0 58px rgba(32,201,151,.022), 0 0 0 116px rgba(32,201,151,.014); }
.account-page .account-hero-row { align-items: center; position: relative; z-index: 1; }
.account-hero-profile { display: grid; grid-template-columns: 92px 1fr; gap: 25px; align-items: center; }
.account-hero-avatar { width: 92px; height: 92px; border: 5px solid rgba(255,255,255,.92); font-size: 1.2rem; box-shadow: 0 0 0 9px rgba(32,201,151,.12), 0 20px 42px rgba(0,0,0,.22); }
.account-page .account-hero h1 { margin: 13px 0 9px; font-size: clamp(2.4rem, 3.5vw, 3.45rem); letter-spacing: -.055em; }
.account-page .account-content { padding: 54px 0 120px; grid-template-columns: 225px 1fr; gap: 36px; }
.account-page .account-sidebar { height: max-content; padding: 10px; border: 1px solid #d7e3e1; border-radius: 18px; position: sticky; top: 95px; background: #fff; box-shadow: 0 18px 48px rgba(8,39,53,.065); }
.account-page .account-sidebar button { min-height: 48px; padding: 0 12px; border-radius: 11px; }
.account-page .account-sidebar button.active { color: var(--navy-950); background: var(--mint-100); }
.account-page .account-sidebar button:last-child { margin-top: 18px; border-top: 1px solid #e2eae8; border-radius: 0 0 11px 11px; }
.account-page .account-summary { gap: 15px; }
.account-page .account-summary article { min-height: 148px; padding: 23px; border-color: #d8e4e2; border-radius: 18px; background: linear-gradient(145deg, #f7faf9, #fff); box-shadow: 0 13px 34px rgba(8,39,53,.055); }
.account-page .settings-card { margin-bottom: 20px; padding: 31px; border-color: #d7e3e1; border-radius: 22px; box-shadow: 0 18px 50px rgba(8,39,53,.07); }
.account-page .settings-head { margin-bottom: 24px; padding-bottom: 20px; border-bottom: 1px solid #e1e9e7; }
.profile-photo-editor { margin-bottom: 30px; padding: 22px; display: grid; grid-template-columns: 96px 1fr; gap: 22px; align-items: center; border: 1px solid #d9e5e3; border-radius: 17px; position: relative; background: #f6faf8; }
.profile-photo-preview { width: 88px; height: 88px; overflow: visible; border: 4px solid #fff; font-size: 1.05rem; box-shadow: 0 10px 28px rgba(8,39,53,.13); }
.profile-photo-preview > img { border-radius: inherit; }
.profile-photo-preview > button { width: 31px; height: 31px; display: grid; place-items: center; border: 3px solid #fff; border-radius: 50%; position: absolute; right: -4px; bottom: -3px; color: var(--navy-950); background: var(--mint-500); box-shadow: 0 6px 14px rgba(8,39,53,.16); }
.profile-photo-preview > button svg { width: 14px; height: 14px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.profile-photo-copy > span { color: #168264; font-size: .65rem; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.profile-photo-copy > strong { display: block; margin-top: 5px; color: var(--navy-950); font-family: var(--font-display); font-size: 1.08rem; }
.profile-photo-copy > p { margin: 5px 0 15px; color: #697d83; font-size: .76rem; }
.profile-photo-copy > div { display: flex; gap: 8px; }
.profile-photo-copy .button { min-height: 39px; padding: 0 14px; border-radius: 9px; font-size: .72rem; }
.avatar-file-input { width: 1px; height: 1px; overflow: hidden; position: absolute; opacity: 0; pointer-events: none; }
.account-page .settings-card form { max-width: none; }
.account-page .settings-card input { border-radius: 10px; }
.account-page .quick-start { background: linear-gradient(145deg, #fff, #f7faf9); }

@media (max-width: 1120px) {
  .profile-menu-label { display: none; }
  .profile-menu-toggle { padding-right: 8px; }
  .account-page .account-content { grid-template-columns: 190px 1fr; gap: 25px; }
}
@media (max-width: 860px) {
  .profile-menu-panel { width: min(300px, calc(100vw - 28px)); right: -8px; }
  .account-page .account-content { grid-template-columns: 1fr; }
  .account-page .account-sidebar { position: static; }
}
@media (max-width: 600px) {
  .profile-menu-toggle { min-height: 40px; padding: 3px 7px 3px 4px; }
  .nav-profile-avatar { width: 32px; height: 32px; }
  .account-hero-profile { grid-template-columns: 72px 1fr; gap: 16px; }
  .account-hero-avatar { width: 72px; height: 72px; }
  .profile-photo-editor { grid-template-columns: 1fr; text-align: center; }
  .profile-photo-preview { margin: auto; }
  .profile-photo-copy > div { justify-content: center; flex-wrap: wrap; }
}