@font-face { font-family: 'DOORS Design Sans'; src: url('fonts/DOORSDesignSans-Regular.woff2?v=20261012-6') format('woff2'); font-weight: 400; font-display: swap; ascent-override: 88%; descent-override: 12%; line-gap-override: 0%; }
@font-face { font-family: 'DOORS Design Sans'; src: url('fonts/DOORSDesignSans-Medium.woff2?v=20261012-6') format('woff2'); font-weight: 500; font-display: swap; ascent-override: 88%; descent-override: 12%; line-gap-override: 0%; }
@font-face { font-family: 'DOORS Design Sans'; src: url('fonts/DOORSDesignSans-Bold.woff2?v=20261012-6') format('woff2'); font-weight: 700; font-display: swap; ascent-override: 88%; descent-override: 12%; line-gap-override: 0%; }
* { box-sizing: border-box; }
html, body { margin: 0; padding: 0; background: #f5f6f8; }
body {
  font-family: 'DOORS Design Sans', 'Microsoft YaHei', sans-serif;
  -webkit-font-smoothing: antialiased;
}
div { line-height: normal; }
a { color: inherit; }
.site-link { text-decoration: none; cursor: pointer; }
.site-link:hover { text-decoration: underline; }
.site-link > img { pointer-events: none; }
.button-link:hover { text-decoration: none; }
.category-current { color: #fff; }
.breadcrumb-current { color: #0f62f1; }
.breadcrumb-muted { color: rgba(0,0,0,.8); }
img { max-width: 100%; }

/* 页面容器: 桌面 1920 居中 / 移动 750 设计稿等比缩放 */
/* clip 不形成滚动容器，避免浏览器跳转锚点时滚动缩放画布的外层。 */
.wrap { margin: 0; overflow: clip; }
.pg { margin: 0; transform-origin: top left; }
.pg [id] { scroll-margin-top: 32px; }
.pg-desk { display: block; width: 1920px; }
.pg-mob { display: none; }
.desktop-header { position: fixed; left: 0; right: 0; top: 0; z-index: 1000; background: #fff; }
.desktop-header > div { overflow: visible; transform-origin: top left; }

[data-navkey] { cursor: pointer; }
button[data-navkey] { padding: 0; border: 0; background: transparent; }

/* 合成下拉面板 (设计稿未画, 为让导航可用而补) — 仅桌面版显示 */
.syn-dd {
  position: absolute;
  z-index: 9999;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translateY(-6px);
  transition: opacity .16s ease, transform .16s ease;
  background: #fff;
  border-radius: 12px;
  padding: 10px 8px;
  min-width: 232px;
  box-shadow: 0 12px 40px rgba(15, 34, 67, .14), 0 2px 8px rgba(15, 34, 67, .06);
  border: 1px solid rgba(15, 34, 67, .06);
}
.syn-dd.dd-open { opacity: 1; visibility: visible; pointer-events: auto; transform: translateY(0); }
.syn-dd a {
  display: block;
  padding: 10px 14px;
  border-radius: 8px;
  font-size: 14px;
  line-height: 1.4;
  color: #25314d;
  text-decoration: none;
  white-space: nowrap;
  transition: background .14s, color .14s;
}
.syn-dd a:hover { background: #f0f5ff; color: #0f62f1 !important; }

/* 窄屏: 切移动版设计稿 (750px 宽, 按视口等比缩放) */
@media (max-width: 1100px) {
  html, body { background: #fff; }
  .desktop-header { display: none; }
  .pg-desk { display: none; }
  .pg-mob {
    display: block;
    transform-origin: top left;
  }
}

button, input, select, textarea { font: inherit; }
button { cursor: pointer; }
.menu-toggle, .menu-close, .form-submit { padding: 0; margin: 0; border: 0; background: transparent; color: inherit; }
:focus-visible { outline: 2px solid #0f62f1; outline-offset: 3px; }
.mobile-menu { position: fixed; inset: 0; z-index: 10000; overflow: auto; background: #fff; }
.mobile-menu[hidden] { display: none; }
.mobile-menu-content { width: 750px; height: 1334px; transform-origin: top left; background: #fff; }
.mobile-menu .mobile-menu-header { position: relative; left: 0; top: 0; width: 750px; height: 96px; background: #fff; }
.mobile-menu-content a { text-decoration: none; }
.menu-close { position: absolute; left: 674px; top: 28px; width: 40px; height: 40px; }
.mobile-menu-links { padding: 0 40px; font-size: 32px; line-height: 48px; }
.mobile-menu-links > a, .mobile-menu-links summary { display: block; height: 97px; padding: 28px 0 20px; border-bottom: 1px solid #0000001a; }
.mobile-menu-links > a:first-child { height: 96px; }
.mobile-menu-links details:last-of-type summary { padding-top: 27px; }
.mobile-menu-links summary { cursor: pointer; list-style: none; position: relative; }
.mobile-menu-links summary::-webkit-details-marker { display: none; }
.mobile-menu-links summary::after { content: ''; position: absolute; right: 12px; top: 46px; width: 24px; height: 12px; background: url('menu-chevron.svg') center/contain no-repeat; }
.mobile-menu-links details[open] summary::after { transform: rotate(180deg); }
.mobile-submenu { padding: 21px 0 19px; border-bottom: 1px solid #0000001a; font-size: 26px; line-height: 57px; }
.mobile-submenu a { display: block; }
.mobile-submenu a[aria-current="page"] { color: #0f62f1; }
.design-control { position: absolute; margin: 0; box-sizing: border-box; border: 1px solid #d9d9d9; border-radius: 4px; background: white; color: black; font-family: 'DOORS Design Sans',sans-serif; outline-offset: 2px; }
.design-control::placeholder { color: #000; opacity: var(--placeholder-opacity, .35); }
textarea.design-control { resize: none; }
select.design-control { appearance: none; background: white url('menu-chevron.svg') right 16px center/12px 6px no-repeat; padding-right: 40px !important; }
.pg-mob select.design-control { background-position: right 24px center; background-size: 20px 10px; }
.form-submit > * { pointer-events: none; }
.design-select { position: absolute; }
.pg .design-select { padding: 0; border: 0; background: transparent; }
.design-select > .design-select-button { left: 0; top: 0; width: 100%; height: 100%; }
.design-select-button { text-align: left; cursor: pointer; background: white url('menu-chevron.svg') right 16px center/12px 6px no-repeat; }
.pg-mob .design-select-button { background-position: right 24px center; background-size: 20px 10px; }
.design-options { position: absolute; top: 100%; left: 0; right: 0; z-index: 30; padding: 4px 0; background: white; border-radius: 4px; box-shadow: 0 4px 12px #0002; }
.design-options[hidden] { display: none; }
.design-options button { display: block; width: 100%; border: 0; padding: 0 12px; height: 36px; line-height: 36px; text-align: left; background: white; color: black; font-size: 14px; }
.design-options button[aria-selected="true"], .design-options button:hover, .design-options button:focus { background: #f4f5f9; }
.pg-mob .design-options { padding: 8px 0; }
.pg-mob .design-options button { height: 70px; line-height: 70px; padding: 0 20px; font-size: 26px; }

.d-16d3697f40, .d-9b8c0bb894, .d-83acd0c797, .d-b8f380d234 { white-space: pre-wrap; }
.site-link[href^="mailto:"] { display: inline-block; white-space: nowrap; }