:root {
  /* 以 954px 宽的确认效果图为排版基准；桌面尺寸按比例放大。 */
  --u: clamp(.78px, calc(100vw / 954), 1.68px);
  --blue-950: #032e56;
  --blue-900: #043f6a;
  --blue-800: #00568e;
  --blue-700: #006ca6;
  --ink: #101139;
  --body-ink: #343f70;
  --line: #d4eafa;
  --pale-blue: #eaf6ff;
  --white: #fff;
  --font: "Microsoft YaHei", "PingFang SC", "Noto Sans CJK SC", system-ui, sans-serif;
  /* 首页与产品页共用的文字层级，字号与间距数字乘以各自的排版单位 */
  --type-hero-size: 33;
  --type-eyebrow-size: 17;
  --type-small-title-size: 17;
  --type-label-size: 12;
  --type-copy-size: 12;
  --type-aux-size: 10;
  --type-title-line: 1.55;
  --type-copy-line: 1.7;
  --type-title-tracking: .025em;
  --space-eyebrow-title: 22;
  --space-title-copy: 19;
  --space-copy-action: 25;
  --content-width: calc(848 * var(--u));
  --header-width: calc(836 * var(--u));
  --footer-width: calc(800 * var(--u));
  --section-title: calc(29 * var(--u));
  --column-title-size: calc(var(--type-small-title-size) * var(--u));
  --body-size: calc(15 * var(--u));
  --section-subtitle: var(--regulation-body-size);
  --heading-subtitle-gap: calc(10 * var(--u));
  --heading-content-gap: calc(22 * var(--u));
  --radius: calc(8 * var(--u));
  --hero-position: center center;
  --hero-aspect-ratio: 2048 / 889;
  --footer-text-size: calc(var(--type-aux-size) * var(--u));
  --regulation-body-size: calc(var(--type-copy-size) * var(--u));
  --regulation-watermark-opacity: .035;
  --professional-blue-tint: .12;
  --professional-photo-opacity: .62;
  --professional-photo-hover-opacity: .90;
  --transition: 220ms ease;
  --hover-motion: 260ms ease;
  --pain-motion-duration: 520ms;
  --pain-motion-easing: cubic-bezier(.16, 1, .3, 1);
}
*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 20px; scrollbar-gutter: stable; }
body { margin: 0; color: var(--ink); background: var(--white); font-family: var(--font); -webkit-font-smoothing: antialiased; }
body.dialog-open { overflow: hidden; }
button, a { -webkit-tap-highlight-color: transparent; }
button { font: inherit; cursor: pointer; }
a { color: inherit; text-decoration: none; }
button, a { touch-action: manipulation; }
img { display: block; max-width: 100%; }
button:focus-visible, a:focus-visible, [tabindex="0"]:focus-visible { outline: 3px solid #3da3ec; outline-offset: 5px; }
button:active, .product-cta:active, .cloud-link:active { transform: translateY(1px); }
h1, h2, h3, h4, p { margin: 0; }
[hidden] { display: none !important; }
.icon-definitions { position: absolute; width: 0; height: 0; overflow: hidden; }
.skip-link { position: fixed; top: 8px; left: 8px; z-index: 100; padding: 10px 16px; background: white; transform: translateY(-150%); }
.skip-link:focus { transform: translateY(0); }
.site-header { height: calc(54 * var(--u)); background: white; position: relative; z-index: 10; }
.header-inner { height: 100%; width: var(--header-width); margin: auto; display: flex; align-items: center; justify-content: space-between; }
.brand-link { flex-shrink: 0; }
.header-logo { width: calc(180 * var(--u)); height: auto; transform: translateX(-4.641694%); }
.main-nav { height: 100%; display: flex; align-items: center; gap: calc(42 * var(--u)); }
.nav-link { display: flex; position: relative; align-items: center; height: 100%; font-weight: 700; font-size: calc(12 * var(--u)); white-space: nowrap; transition: color var(--transition); }
.nav-link:hover { color: var(--blue-700); }
.nav-link.is-current::after { position: absolute; content: ""; height: calc(3 * var(--u)); left: 0; right: 0; bottom: calc(9 * var(--u)); border-radius: 5px; background: var(--blue-800); }
.cloud-link { display: inline-flex; gap: calc(9 * var(--u)); align-items: center; justify-content: center; min-height: calc(34 * var(--u)); padding: 0 calc(15 * var(--u)); border: 1px solid #205e89; border-radius: calc(5 * var(--u)); font-size: calc(11.5 * var(--u)); font-weight: 700; color: white; background: linear-gradient(110deg, #064a7a, #022c51); box-shadow: 0 1px 3px #00487522; transition: background var(--transition), box-shadow var(--transition); white-space: nowrap; }
.cloud-link:hover { background: #086293; box-shadow: 0 3px 12px #06416b25; }
.menu-toggle { display: none; }
.hero { height: auto; aspect-ratio: var(--hero-aspect-ratio); color: white; background: var(--blue-900) url("assets/hero-scene.png") var(--hero-position) / contain no-repeat; }
.hero-inner { width: var(--content-width); margin: auto; padding-top: calc(62 * var(--u)); }
.product-name { font-size: calc(var(--type-eyebrow-size) * var(--u)); display: flex; align-items: center; gap: calc(13 * var(--u)); letter-spacing: .02em; }
.product-name strong { font-size: calc(18 * var(--u)); font-weight: 700; }
.product-divider { width: 1px; height: calc(20 * var(--u)); background: #c4deecb3; }
.hero h1 { margin-top: calc(16 * var(--u)); font-size: calc(var(--type-hero-size) * var(--u)); line-height: 1.36; letter-spacing: 0; font-weight: 700; }
.slogan { margin-top: calc(13 * var(--u)); display: flex; align-items: center; gap: calc(8 * var(--u)); font-size: var(--section-subtitle); letter-spacing: 0; }
.slogan i { font-style: normal; }
.product-cta { display: inline-flex; align-items: center; justify-content: space-between; width: calc(129 * var(--u)); height: calc(40 * var(--u)); padding: 0 calc(21 * var(--u)); margin-top: calc(18 * var(--u)); border-radius: calc(5 * var(--u)); background: white; color: var(--ink); font-weight: 700; font-size: calc(14 * var(--u)); box-shadow: 0 2px 8px #00233a15; transition: background var(--transition), box-shadow var(--transition); }
.product-cta:hover { background: #e7f6ff; box-shadow: 0 3px 16px #091f4e30; }
.arrow { width: calc(20 * var(--u)); height: calc(20 * var(--u)); fill: none; stroke: currentColor; stroke-width: 1.6; }
.light-sections { overflow: hidden; position: relative; background: linear-gradient(152deg, #e1f3fe88 0%, #ffffff 27%, #ecf8ff 68%, #f9fcff 100%); }
.light-sections::before, .light-sections::after { content: ""; position: absolute; pointer-events: none; inset: 0; }
.light-sections::before { background: linear-gradient(154deg, transparent 29%, #dff2ff66 29%, #e6f5ff22 41%, transparent 41%), linear-gradient(24deg, transparent 79%, #ddf1fcaa 79%, #edf8fe88 88%, transparent 88%); }
.light-sections::after { background: linear-gradient(147deg, transparent 69%, #d7edfc44 69%, #e2f4ff44 73%, transparent 73%); }
.section-shell { width: var(--content-width); margin: auto; position: relative; z-index: 1; }
.regulations { height: calc(397 * var(--u)); padding-top: calc(25 * var(--u)); }
.section-heading { text-align: center; }
.section-heading h2 { font-size: var(--section-title); line-height: 1.5; font-weight: 700; letter-spacing: -.025em; }
.section-heading h2 > span { color: inherit; }
.section-heading p { margin-top: var(--heading-subtitle-gap); font-size: var(--section-subtitle); line-height: 1.7; color: var(--body-ink); }
.regulation-tabs { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: calc(7 * var(--u)); margin: var(--heading-content-gap) calc(10 * var(--u)) 0; }
.regulation-tabs button { position: relative; min-height: calc(37 * var(--u)); padding: 0 calc(6 * var(--u)); border: 1px solid var(--line); border-radius: calc(5 * var(--u)); background: #ffffff9c; color: var(--ink); font-size: calc(12 * var(--u)); font-weight: 700; transition: background var(--transition), color var(--transition), border-color var(--transition); }
.regulation-tabs button:hover { background: #e2f3ff; border-color: #94c9ec; }
.regulation-tabs button[aria-selected="true"] { border-color: #066a9e; color: white; background: linear-gradient(105deg, #006b9a, #033a63); box-shadow: inset 0 1px 2px #ffffff2a; }
.regulation-panels { margin-top: calc(9 * var(--u)); }
.regulation-panel { height: calc(214 * var(--u)); border-radius: var(--radius); position: relative; isolation: isolate; overflow: hidden; display: grid; grid-template-columns: 54.2% 45.8%; padding: calc(19 * var(--u)) calc(22 * var(--u)) calc(16 * var(--u)); background: linear-gradient(110deg, #ffffff 1%, #ffffffec 58%, #ffffff8c); box-shadow: 0 calc(7 * var(--u)) calc(25 * var(--u)) #1b9bd512; }
/* 紧裁边的新原始水印按旧显示高度与可见右缘定位，保持其本身宽高比 */
.regulation-panel::after { content: ""; position: absolute; z-index: 0; top: calc(-65 * var(--u)); right: calc(-85 * var(--u)); width: calc(320 * var(--u)); aspect-ratio: 1448 / 1086; background: url("assets/brand-mixu-wordmark-v2.png") 63.178295% center / 82.18232% auto no-repeat; opacity: var(--regulation-watermark-opacity); pointer-events: none; }
.law-column { position: relative; z-index: 1; padding-right: calc(47 * var(--u)); border-right: 1px solid var(--line); }
.column-title { font-size: var(--column-title-size); line-height: 1.4; position: relative; padding-left: calc(21 * var(--u)); font-weight: 700; }
.column-title::before { content: ""; position: absolute; left: 0; top: 0; width: calc(6 * var(--u)); height: calc(22 * var(--u)); background: linear-gradient(#0081b5, #00528e); border-radius: 5px; }
.law-excerpt { margin-top: calc(11 * var(--u)); padding: calc(16 * var(--u)) calc(26 * var(--u)); background: linear-gradient(110deg, #eef8ff, #e9f5fd); border-radius: calc(7 * var(--u)); height: calc(144 * var(--u)); overflow: hidden; }
.law-excerpt h4 { font-size: var(--regulation-body-size); line-height: 1.4; color: #005081; font-weight: 700; }
.law-body { margin-top: calc(5 * var(--u)); font-size: var(--regulation-body-size); line-height: 1.7; height: 4lh; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; }
.law-excerpt p { font-size: inherit; line-height: inherit; }
.law-excerpt p + p { margin-top: 0; }
.support-column { padding-left: calc(24 * var(--u)); position: relative; z-index: 1; }
/* 对应箭头中心 117u，减去卡片顶部内边距 19u；按实际文字高度居中。 */
.support-column p { margin: 0; padding: 0; color: var(--body-ink); font-size: var(--regulation-body-size); line-height: 1.6; position: absolute; z-index: 1; left: calc(52 * var(--u)); right: calc(28 * var(--u)); top: calc(98 * var(--u)); transform: translateY(-50%); max-height: 6lh; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; }
.association-arrow { position: absolute; z-index: 2; width: calc(76 * var(--u)); height: calc(68 * var(--u)); left: calc(54.2% - 43.3 * var(--u)); top: calc(83 * var(--u)); }
.association-arrow text { fill: var(--white); font-family: var(--font); font-size: 13px; font-weight: 700; }
.regulation-panel.is-pending .law-excerpt p { color: #627998; }
.regulation-panel.is-pending .support-column p { color: #627998; }
.pain-points { height: calc(426 * var(--u)); padding-top: calc(32 * var(--u)); }
.pain-points::before { content: ""; position: absolute; z-index: -1; top: 0; left: calc(-45 * var(--u)); right: calc(-45 * var(--u)); height: calc(50 * var(--u)); background: #ffffff70; clip-path: polygon(5% 0, 100% 0, 90% 100%, 0 100%, 0 80%); }
.pain-points .section-heading h2 { letter-spacing: 0; }
.pain-grid { display: grid; grid-template-columns: 1.06fr .94fr 1fr; gap: calc(10 * var(--u)); margin-top: var(--heading-content-gap); align-items: start; }
.pain-card { position: relative; height: calc(238 * var(--u)); background: linear-gradient(120deg, white, #f5fbff); border: calc(1.5 * var(--u)) solid transparent; border-radius: calc(9 * var(--u)); overflow: hidden; box-shadow: 0 calc(7 * var(--u)) calc(20 * var(--u)) #36a2d510; transition: border-color var(--transition), box-shadow var(--transition); }
.pain-card.is-revealed { border-color: #0066a9; box-shadow: 0 calc(8 * var(--u)) calc(17 * var(--u)) #077ba528; }
.pain-card { --pain-question-height: 33.333333%; --pain-photo-opacity: .6; --pain-grid-size: calc(24 * var(--u)); --pain-scene: url("assets/pain-innovation-engineer-v7.png"); background: #f5fbff; isolation: isolate; }
.pain-card:nth-child(2) { --pain-scene: url("assets/pain-management-office-v2.png"); }
.pain-card:nth-child(3) { --pain-scene: url("assets/pain-evidence-office-v2.png"); }
.pain-card::before, .pain-card::after { content: ""; position: absolute; inset: 0; pointer-events: none; }
.pain-card::before { background: var(--pain-scene) center / cover no-repeat; opacity: var(--pain-photo-opacity); }
.pain-card::after { background-image: linear-gradient(90deg, #54647404 2px, transparent 2px), linear-gradient(#54647404 2px, transparent 2px), linear-gradient(180deg, #f8fcff55 0%, #f8fcff55 25%, #f8fcffb8 48%, #f8fcff99 62%, #eaf5ff33 100%); background-size: var(--pain-grid-size) var(--pain-grid-size), var(--pain-grid-size) var(--pain-grid-size), auto; }
.pain-toggle { position: relative; z-index: 1; display: flex; align-items: center; width: 100%; height: 100%; padding: calc(25 * var(--u)); border: 0; background: transparent; color: var(--ink); text-align: left; }
.pain-toggle h3 { position: absolute; left: calc(25 * var(--u)); right: calc(25 * var(--u)); top: 50%; transform: translateY(-50%); font-size: var(--column-title-size); line-height: 1.5; font-weight: 700; transition: top var(--pain-motion-duration) var(--pain-motion-easing); }
.pain-card.is-revealed .pain-toggle h3 { top: calc(var(--pain-question-height) / 2); }
.pain-toggle::after { content: ""; position: absolute; inset: 0; z-index: 1; background: #000; opacity: 0; pointer-events: none; transition: opacity var(--pain-motion-duration) var(--pain-motion-easing); }
.pain-card.is-revealed .pain-toggle::after { opacity: .5; }
.pain-content { position: absolute; inset: var(--pain-question-height) 0 0; z-index: 2; display: flex; align-items: center; padding: calc(44 * var(--u)) calc(25 * var(--u)) calc(14 * var(--u)); color: white; background: linear-gradient(120deg, #005888, #003654); font-size: calc(14.5 * var(--u)); line-height: 1.7; pointer-events: none; visibility: hidden; transform: translateY(100%); transition: transform var(--pain-motion-duration) var(--pain-motion-easing), visibility 0s linear var(--pain-motion-duration); }
.pain-card.is-revealed .pain-content { visibility: visible; transform: translateY(0); transition-delay: 0s; }
.pain-watermark { position: absolute; top: calc(12 * var(--u)); left: calc(25 * var(--u)); color: #ffffff24; font-size: calc(24 * var(--u)); line-height: 1; font-weight: 700; letter-spacing: .02em; user-select: none; pointer-events: none; }
.pain-content p { position: relative; }
.pain-card:has(.pain-toggle:focus-visible) { outline: 3px solid #3da3ec; outline-offset: 4px; }
.professional-support { padding: calc(30 * var(--u)) 0 calc(40 * var(--u)); }
.professional-grid { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: calc(8 * var(--u)); margin-top: var(--heading-content-gap); }
.professional-card { position: relative; display: flex; flex-direction: column; min-width: 0; min-height: calc(216 * var(--u)); border: 1px solid #ffffffd9; border-radius: calc(8 * var(--u)); background-color: #fbfdff; color: var(--ink); overflow: hidden; cursor: default; box-shadow: 0 calc(8 * var(--u)) calc(22 * var(--u)) #168ad20d; transition: background-color 380ms ease, color 380ms ease, translate var(--hover-motion), box-shadow var(--hover-motion), border-color var(--transition); }
.professional-visual { position: relative; isolation: isolate; flex-shrink: 0; height: calc(114 * var(--u)); overflow: hidden; background-color: #fbfdff; -webkit-mask-image: linear-gradient(180deg, #000 0 74%, transparent 100%); mask-image: linear-gradient(180deg, #000 0 74%, transparent 100%); }
.professional-visual img { width: 100%; height: 100%; object-fit: cover; image-rendering: auto; filter: saturate(.86); opacity: var(--professional-photo-opacity); transition: opacity 420ms ease; }
.professional-visual::before { content: ""; position: absolute; z-index: 1; inset: 0; background: #147bb8; opacity: var(--professional-blue-tint); mix-blend-mode: color; pointer-events: none; }
.professional-visual::after { content: ""; position: absolute; z-index: 2; inset: 0; pointer-events: none; background: #edf7ff; opacity: .03; transition: opacity 420ms ease; }
.professional-copy { position: relative; flex: 1; display: flex; flex-direction: column; justify-content: center; margin-top: calc(-5 * var(--u)); padding: calc(10 * var(--u)) calc(10 * var(--u)) calc(18 * var(--u)); text-align: center; }
.professional-copy h3 { font-size: calc(12 * var(--u)); font-weight: 700; line-height: 1.5; }
.professional-copy p { margin-top: calc(7 * var(--u)); color: #6d7798; font-size: calc(10 * var(--u)); font-weight: 400; line-height: 1.7; transition: color 380ms ease; }
.professional-card.is-highlighted { translate: 0 -3px; background-color: #1c5b7b; color: white; border-color: #6a99b2; box-shadow: 0 calc(10 * var(--u)) calc(25 * var(--u)) #1c5b7b2b; }
.professional-card.is-highlighted .professional-copy p { color: #e5f2fd; }
.professional-card.is-highlighted .professional-visual img { opacity: var(--professional-photo-hover-opacity); }
.professional-card.is-highlighted .professional-visual::after { opacity: 0; }
.enterprise { position: relative; color: white; background: var(--blue-900); }
.enterprise-scene { width: 100%; height: auto; }
.enterprise-inner { position: absolute; inset: 0; width: var(--content-width); margin: auto; display: flex; align-items: flex-start; justify-content: center; flex-direction: column; }
.enterprise h2 { font-size: var(--section-title); line-height: 1.4; font-weight: 700; letter-spacing: 0; }
.enterprise h2 span { font-size: inherit; }
.enterprise-description { margin-top: var(--heading-subtitle-gap); font-size: var(--section-subtitle); line-height: 1.7; }
.site-footer { height: calc(96 * var(--u)); display: flex; align-items: center; background: #032f58; color: #d7e9f8; }
.footer-inner { width: var(--footer-width); margin: auto; display: flex; align-items: flex-end; justify-content: space-between; gap: calc(24 * var(--u)); }
.footer-brand { flex-shrink: 0; margin-left: calc((var(--footer-width) - var(--content-width)) / 2); }
.footer-logo { width: calc(160 * var(--u)); height: auto; transform: translateX(-3.422313%); }
.copyright { margin-top: calc(6 * var(--u)); color: #c2d8ea; font-size: var(--footer-text-size); line-height: 1.6; }
.filing { display: flex; flex-direction: column; align-items: flex-end; gap: calc(5 * var(--u)); font-size: var(--footer-text-size); line-height: 1.6; text-align: right; min-width: 0; }
.prototype-dialog { width: min(430px, calc(100vw - 40px)); padding: 30px; border: 1px solid #d6eafa; border-radius: 12px; color: var(--ink); background: white; box-shadow: 0 20px 80px #001c4866; }
.prototype-dialog::backdrop { background: #02264380; }
.dialog-close { position: absolute; right: 12px; top: 8px; width: 36px; height: 36px; border: 0; background: transparent; color: #55738e; font-size: 28px; border-radius: 6px; }
.dialog-close:hover { background: #eaf6ff; }
.dialog-eyebrow { margin-bottom: 8px; font-size: 12px; color: #347599; }
.prototype-dialog h2 { font-size: 22px; }
#dialog-description { margin-top: 16px; color: #536782; font-size: 14px; line-height: 1.8; }
.dialog-confirm { padding: 10px 24px; margin-top: 24px; border: 0; border-radius: 5px; color: white; background: var(--blue-900); font-size: 14px; }
.dialog-confirm:hover { background: #00618e; }

@media (hover: hover) {
  .professional-card:hover { translate: 0 -3px; background-color: #1c5b7b; color: white; border-color: #6a99b2; box-shadow: 0 calc(10 * var(--u)) calc(25 * var(--u)) #1c5b7b2b; }
  .professional-card:hover .professional-copy p { color: #e5f2fd; }
  .professional-card:hover .professional-visual img { opacity: var(--professional-photo-hover-opacity); }
  .professional-card:hover .professional-visual::after { opacity: 0; }
  .brand-link { transition: opacity var(--hover-motion); }
  .brand-link:hover { opacity: .86; }
  .product-cta, .cloud-link { transition: translate var(--hover-motion), background var(--transition), box-shadow var(--transition); }
  .product-cta:hover, .cloud-link:hover { translate: 0 -2px; }
  .product-cta:active, .cloud-link:active { translate: 0 0; }
  .product-cta .arrow { transition: translate var(--hover-motion); }
  .product-cta:hover .arrow { translate: 3px 0; }
  .nav-link { transition: color var(--transition), opacity var(--hover-motion); }
  .nav-link:hover { opacity: .8; }
}

@media (min-width: 701px) {
  /* 以一企一策标题的版心为准；补偿图片留白，对齐 Logo 可见左缘。 */
  .brand-link { margin-left: calc((var(--header-width) - var(--content-width)) / 2); }
  /* 仅移动四项导航，保留云服务入口原有定位。 */
  .nav-link { transform: translateX(calc(-49 * var(--u))); }
  /* 右边缘与统一版心对齐；不改变四项导航及左侧内容的定位。 */
  .cloud-link { position: relative; left: calc((var(--content-width) - var(--header-width)) / 2); }
  .filing { position: relative; left: calc((var(--content-width) - var(--footer-width)) / 2); }
  .hero-inner { padding-top: calc(68 * var(--u)); }
  .product-name { gap: calc(15 * var(--u)); letter-spacing: .04em; }
  .hero h1 { margin-top: calc(var(--space-eyebrow-title) * var(--u)); line-height: var(--type-title-line); letter-spacing: var(--type-title-tracking); }
  .slogan { margin-top: calc(var(--space-title-copy) * var(--u)); }
  .hero .product-cta { margin-top: calc(var(--space-copy-action) * var(--u)); }
}
@media (min-width: 1603px) {
  :root { --header-width: min(88vw, 1330px); --footer-width: min(84vw, 1270px); }
}
@media (min-width: 701px) and (max-width: 1099px) {
  .professional-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .professional-card { min-height: 250px; }
  .professional-visual { height: 140px; }
  .professional-copy h3 { font-size: max(14px, calc(12 * var(--u))); }
  .professional-copy p { font-size: max(12px, calc(10 * var(--u))); }
}
@media (max-width: 700px) {
  :root { --u: 1px; --content-width: calc(100% - 44px); --section-title: clamp(18px, 5.1vw, 25px); --body-size: 14px; --footer-text-size: 9px; --regulation-body-size: 12px; }
  .site-header { height: 68px; }
  .header-inner { width: var(--content-width); padding: 0; }
  .header-logo { width: 180px; }
  .menu-toggle { display: flex; justify-content: center; align-items: center; flex-direction: column; gap: 5px; width: 44px; height: 44px; border: 1px solid #d5e8f4; border-radius: 5px; color: #043f6a; background: white; }
  .menu-toggle span { display: block; width: 19px; height: 2px; background: currentColor; }
  .main-nav { display: none; position: absolute; top: 68px; left: 0; right: 0; height: auto; background: white; padding: 12px 22px 20px; box-shadow: 0 12px 20px #00345218; gap: 0; flex-direction: column; align-items: stretch; border-top: 1px solid #e4eff6; }
  .main-nav.is-open { display: flex; }
  .nav-link { min-height: 46px; padding: 0 12px; font-size: 15px; }
  .nav-link.is-current { color: #00578b; background: #f1f9ff; }
  .nav-link.is-current::after { width: 22px; left: 12px; right: auto; bottom: 5px; height: 2px; }
  .cloud-link { min-height: 44px; font-size: 14px; margin-top: 8px; }
  .hero { height: 390px; aspect-ratio: auto; background-size: cover; background-position: 67% center; position: relative; }
  .hero::before { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, #043f6aeb, #043f6a99 65%, #043f6a30); }
  .hero-inner { position: relative; width: var(--content-width); padding-top: 57px; }
  .product-name { font-size: 14px; gap: 10px; }
  .product-name strong { font-size: 16px; }
  .hero h1 { font-size: clamp(23px, 5.55vw, 34px); line-height: 1.6; margin-top: 22px; letter-spacing: -.05em; }
  .slogan { gap: 5px; margin-top: 17px; white-space: nowrap; }
  .product-cta { width: 132px; height: 44px; margin-top: 26px; font-size: 14px; }
  .regulations { height: auto; padding: 32px 0; }
  .section-heading h2 { font-size: var(--section-title); line-height: 1.55; letter-spacing: -.04em; }
  .section-heading p { line-height: 1.8; }
  .regulation-tabs { grid-template-columns: repeat(3, minmax(0, 1fr)); margin: var(--heading-content-gap) 0 0; gap: 10px 7px; }
  .regulation-tabs button { min-height: 44px; font-size: 13px; }
  .regulation-panels { margin-top: 15px; }
  .regulation-panel { height: auto; min-height: 340px; grid-template-columns: minmax(0, 1fr); padding: 22px 18px; gap: 20px; }
  /* 紧裁边的新原始水印按旧显示高度与可见右缘定位，保持其本身宽高比 */
.regulation-panel::after { width: 220px; top: -45px; right: -60px; }
  .law-column { padding: 0 0 20px; border-right: 0; border-bottom: 1px solid var(--line); }
  .column-title { font-size: 17px; padding-left: 17px; }
  .column-title::before { width: 5px; height: 22px; }
  .law-excerpt { margin-top: 14px; padding: 16px; height: 132px; }
  .law-body { line-height: 1.55; }
  .desktop-break { display: none; }
  .support-column { padding-left: 0; }
  .support-column p { position: relative; left: auto; right: auto; top: auto; transform: none; margin-top: 14px; padding: 0 12px 0 24px; line-height: 1.9; height: 6lh; }
  .association-arrow { display: none; }
  .pain-points { height: auto; padding: 15px 0 40px; }
  .pain-points .section-heading h2 { max-width: none; margin: auto; font-size: var(--section-title); }
  .pain-grid { grid-template-columns: minmax(0, 1fr); gap: 15px; margin-top: var(--heading-content-gap); }
  .pain-card { height: 218px; border-radius: 9px; }
  .pain-toggle { padding: 24px; }
  .pain-toggle h3 { left: 24px; right: 24px; }
  .pain-content { padding: 40px 24px 6px; font-size: 14px; }
  .pain-watermark { left: 24px; }
  .professional-support { padding: 30px 0 40px; }
  .professional-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
  .professional-card { min-height: 280px; border-radius: 9px; }
  .professional-visual { height: auto; aspect-ratio: 4 / 3; }
  .professional-copy { padding: 10px 12px 18px; }
  .professional-copy h3 { font-size: 14px; }
  .professional-copy p { font-size: 12px; line-height: 1.8; }
  .enterprise::before { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, #043f6af0, #043f6ab0 70%, #043f6a40); }
  .site-footer { height: auto; min-height: 128px; padding: 20px 22px; }
  .footer-inner { width: 100%; gap: 12px; }
  .footer-brand { flex: 1; min-width: 0; margin-left: 0; }
  .footer-logo { width: min(29vw, 122px); }
  .copyright { margin-top: 6px; }
  .filing { position: relative; left: 0; flex-direction: column; align-items: flex-end; gap: 6px; text-align: right; }
}
@media (max-width: 380px) {
  .professional-grid { grid-template-columns: minmax(0, 1fr); }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { transition: none !important; }
  .product-cta:hover, .cloud-link:hover, .product-cta:hover .arrow { translate: none; }
  .professional-card:hover, .professional-card.is-highlighted { translate: none; }
}