@import url('/vendor/fonts/noto-serif-sc/index.css');
@import url('/vendor/fonts/ibm-plex-sans-sc/css/ibm-plex-sans-sc-default.min.css');
@import url('/vendor/fonts/lxgw-wenkai-screen/lxgwwenkaigbscreenr.css');
/* One navigation order and appearance entry across public pages. */
.site-brand,#brandHomepage .site-brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:inherit;white-space:nowrap}
.site-brand svg,#brandHomepage .site-brand svg{width:30px;height:32px;fill:var(--accent);stroke:none}
.site-brand strong,#brandHomepage .site-brand strong{font:500 27px var(--font-display);letter-spacing:.07em}
.site-brand small,#brandHomepage .site-brand small{font:12px var(--font-ui);color:var(--muted);border-left:1px solid var(--line);padding-left:14px}
@media(max-width:1000px){.site-brand small,#brandHomepage .site-brand small{display:none}}
@media(max-width:700px){.site-brand strong,#brandHomepage .site-brand strong{font-size:23px}.site-brand svg,#brandHomepage .site-brand svg{width:22px}}
.site-access-panel{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:30px 34px;margin:24px 0;background:var(--surface);border:1px solid var(--line);border-radius:5px;color:var(--ink)}
.site-access-panel[hidden]{display:none!important}.site-access-panel p{margin:0;color:var(--muted);font:16px/1.8 var(--font-ui)}
.tools-design #toolsLogin,.tools-design #toolsAccessError{max-width:940px;margin:0 auto 24px}
.site-access-panel .site-access-button{display:inline-flex;align-items:center;justify-content:center;flex:none;width:auto;padding:12px 24px;border:0;border-radius:4px;background:var(--accent);color:var(--accent-ink);font:500 15px/1.7 var(--font-ui);text-decoration:none;cursor:pointer;box-shadow:none}
.site-access-panel .site-access-button:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
.site-access-panel .site-access-button:disabled{opacity:.55;cursor:wait}
@media(max-width:700px){.site-access-panel{display:block;padding:22px}.site-access-panel p{margin-bottom:20px;font-size:14px}}
.site-header{display:flex;justify-content:space-between;align-items:center;gap:24px;max-width:1440px;margin:auto;padding:28px 5%;color:var(--ink)}
.site-header>a{text-decoration:none;color:inherit;white-space:nowrap}
[data-site-navigation],#brandHomepage .masthead [data-site-navigation],.tools-design .tool-head [data-site-navigation]{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:24px;font:14px/1.5 var(--font-ui);margin-left:auto}
[data-site-navigation] a{color:inherit;text-decoration:none;white-space:nowrap;min-height:40px;display:flex;align-items:center}
[data-site-navigation] a[aria-current=page]{color:var(--accent);text-decoration:underline;text-underline-offset:7px}
.site-menu-button,#brandHomepage .site-menu-button{display:inline-flex;align-items:center;justify-content:center;flex:none;width:40px;height:40px;padding:9px;background:none;border:1px solid var(--line);border-radius:6px;color:var(--ink);cursor:pointer}
.site-menu-button svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.5}
body.site-drawer-open{overflow:hidden}
dialog.site-navigation-drawer{position:fixed;inset:0 0 0 auto;margin:0;width:min(360px,100vw);max-width:100vw;height:100dvh;max-height:100dvh;border:0;border-left:1px solid var(--line);border-radius:0;padding:28px;background:var(--surface);color:var(--ink);overflow-y:auto;font-family:var(--font-ui);box-sizing:border-box}
.site-navigation-drawer::backdrop{background:rgb(15 30 27 / .35)}
.site-navigation-drawer header{display:flex;align-items:center;justify-content:space-between;gap:12px}
.site-navigation-drawer h2{font-size:20px;margin:0}.site-drawer-close{width:40px;height:40px;padding:0;display:grid;place-items:center;background:none;border:1px solid var(--line);border-radius:6px;color:inherit;font-size:26px;line-height:1;cursor:pointer}
.site-navigation-drawer nav{display:grid;gap:4px;margin:28px 0}.site-navigation-drawer nav a{display:block;padding:12px 0;color:inherit;text-decoration:none;border-bottom:1px solid var(--line)}
.site-navigation-drawer h3{font-size:14px;color:var(--muted);font-weight:400;margin:32px 0 16px}.site-theme-options{display:flex;gap:10px}.site-theme-options button{flex:1;padding:12px 8px;background:none;border:1px solid var(--line);border-radius:5px;color:inherit;font:inherit;cursor:pointer}.site-theme-options [aria-checked=true]{border-color:var(--accent);color:var(--accent)}
[data-site-navigation] a:focus-visible,.site-menu-button:focus-visible,.site-navigation-drawer :is(a,button):focus-visible{outline:2px solid var(--accent);outline-offset:3px}
@media(max-width:1000px){#brandHomepage .masthead,[data-site-header]{flex-wrap:wrap;gap:12px}[data-site-navigation],#brandHomepage .masthead [data-site-navigation],.tools-design .tool-head [data-site-navigation]{gap:16px}.tool-head .tool-brand small{display:none}}
@media(max-width:700px){#brandHomepage .masthead,[data-site-header]{align-items:flex-start}[data-site-navigation],#brandHomepage .masthead [data-site-navigation],.tools-design .tool-head [data-site-navigation]{width:100%;gap:8px 16px;font-size:12px;justify-content:flex-end}.site-menu-button,#brandHomepage .site-menu-button{width:34px;height:34px;padding:7px}}

.site-theme-options button{flex:0 0 58px;height:44px;padding:7px;border-radius:5px;display:grid;place-items:center;border-color:transparent}.site-theme-swatch{display:block;width:42px;height:28px;border:1px solid rgba(17,20,18,.18);border-radius:3px;background:linear-gradient(90deg,#f1f3ef 0 46%,#477c6c 46% 72%,#ba5d4e 72%)}.site-theme-options [data-site-theme="clay"] .site-theme-swatch{background:linear-gradient(90deg,#e9dfd6 0 46%,#a95752 46% 72%,#376f70 72%)}.site-theme-options [data-site-theme="valley"] .site-theme-swatch{background:linear-gradient(90deg,#132724 0 46%,#e28d78 46% 72%,#82b2a6 72%)}.site-theme-options [aria-checked="true"]{border-color:var(--line-strong,var(--accent));background:var(--surface-soft,transparent);box-shadow:none}
/* 首页行内外观选择（09-17：撤公开页抽屉，外观放「开始体验」下） */
.site-theme-inline{display:flex;align-items:center;gap:10px;margin-top:16px}
.site-theme-inline .site-theme-label{font-size:12px;color:var(--muted)}
.site-theme-inline button{width:50px;height:34px;padding:3px;display:grid;place-items:center;background:none;border:1px solid var(--line);border-radius:5px;color:inherit;font:inherit;cursor:pointer}
.site-theme-inline button[aria-checked="true"]{border-color:var(--accent)}
.site-theme-inline .site-theme-swatch{display:block;width:40px;height:24px;border:1px solid rgba(17,20,18,.18);border-radius:3px;background:linear-gradient(90deg,#f1f3ef 0 46%,#477c6c 46% 72%,#ba5d4e 72%)}
.site-theme-inline [data-site-theme="clay"] .site-theme-swatch{background:linear-gradient(90deg,#e9dfd6 0 46%,#a95752 46% 72%,#376f70 72%)}
.site-theme-inline [data-site-theme="valley"] .site-theme-swatch{background:linear-gradient(90deg,#132724 0 46%,#e28d78 46% 72%,#82b2a6 72%)}

/* 09-17：顶栏固定标签 + 纯色外观方块；全站 header 统一分隔线 */
[data-site-header] {
  border-bottom: 1px solid var(--line);
}

.site-theme-inline {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-left: 8px;
}

.site-theme-inline button {
  width: 20px;
  height: 20px;
  padding: 0;
  display: grid;
  place-items: center;
  background: none;
  border: 1px solid transparent;
  border-radius: 4px;
  cursor: pointer;
}

.site-theme-inline button[aria-checked="true"] {
  border-color: var(--ink);
}

.site-theme-inline .site-theme-dot {
  width: 13px;
  height: 13px;
  border-radius: 3px;
  border: 1px solid rgba(17, 20, 18, 0.18);
}
.site-theme-inline [data-site-theme="mist"] .site-theme-dot { background: #477c6c; }
.site-theme-inline [data-site-theme="clay"] .site-theme-dot { background: #a95752; }
.site-theme-inline [data-site-theme="valley"] .site-theme-dot { background: #132724; }

.site-icon-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: none;
  width: 32px;
  height: 32px;
  padding: 6px;
  background: none;
  border: 1px solid var(--line);
  border-radius: 999px;
  color: var(--ink);
  cursor: pointer;
}

.site-icon-button svg {
  width: 17px;
  height: 17px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.6;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.site-icon-button:hover,
.site-icon-button:focus-visible {
  border-color: var(--accent);
  color: var(--accent);
}

/* Shared site frame. Header lives outside page-specific content containers. */
body{--site-header-height:88px;--site-gutter:max(24px,calc((100vw - 1200px)/2))}
body > [data-site-header].unified-header{box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:40;width:100%;max-width:none;height:var(--site-header-height);min-height:var(--site-header-height);margin:0;padding:0 var(--site-gutter);gap:32px;border:0;border-bottom:1px solid var(--line);background:var(--bg);color:var(--ink);font-family:var(--font-ui)}
body > .unified-header .site-brand{gap:12px;color:var(--ink);text-decoration:none;flex-shrink:0;justify-self:start;width:max-content}
body > .unified-header .site-brand svg{width:28px;height:30px;fill:var(--accent);stroke:none}
body > .unified-header .site-brand strong{font:500 26px var(--font-display);letter-spacing:.06em}
body > .unified-header .site-brand small{font:11px var(--font-ui);letter-spacing:.03em}
body > .unified-header [data-site-navigation]{display:flex;align-items:center;justify-content:flex-end;flex-wrap:nowrap;gap:23px;margin:0;font:14px/1.5 var(--font-ui);width:auto}
body > .unified-header [data-site-navigation] > a{min-height:44px;position:relative;text-decoration:none;color:var(--muted);transition:color .15s}
body > .unified-header [data-site-navigation] > a:hover,body > .unified-header [data-site-navigation] > a[aria-current=page]{color:var(--ink)}
body > .unified-header [data-site-navigation] > a[aria-current=page]::after{content:'';position:absolute;bottom:3px;left:25%;right:25%;height:2px;border-radius:2px;background:var(--accent)}
body > .unified-header .site-theme-inline{display:flex;gap:4px;padding:0;margin:0 9px 0 0;border:0;background:none}
body > .unified-header .site-theme-inline button{position:relative;height:36px;width:36px;border:1px solid transparent;border-radius:6px;padding:5px;background:transparent;transition:border-color .18s,background .18s}
body > .unified-header .site-theme-inline button[aria-checked=true]{background:transparent;border-color:var(--muted)}
body > .unified-header .site-theme-inline button:hover{background:var(--surface-soft)}
body > .unified-header .site-theme-inline button:focus-visible{outline:2px solid var(--ink);outline-offset:3px}
body > .unified-header .site-theme-dot{position:relative;width:24px;height:24px;border-radius:3px;border:1px solid #00000018;box-shadow:inset 0 1px 0 #ffffff45,inset 0 -2px 2px #00000018,0 1px 2px #00000014;display:block}
body > .unified-header .site-theme-dot::before{content:'';position:absolute;inset:0;border-radius:inherit;background:linear-gradient(145deg,#ffffff18,transparent 60%);pointer-events:none}
body > .unified-header [aria-checked=true] .site-theme-dot::after{content:none}
.site-header-actions{display:flex;gap:7px;align-items:center;border-left:1px solid var(--line);padding-left:18px;margin-left:0}
body > .unified-header .site-icon-button{width:36px;height:36px;padding:8px;border-radius:50%;border:1px solid transparent;background:transparent;color:var(--muted)}
body > .unified-header .site-icon-button:hover{background:var(--surface-soft);color:var(--ink);border-color:var(--line)}
.site-icon-button[hidden],#appbarSupportButton[hidden],#appbarAccountButton[hidden]{display:none!important}
.appbar{position:relative;top:auto;min-height:76px;padding:14px var(--site-gutter);border-bottom:1px solid var(--line);background:var(--bg)}
.appbar-heading{flex:1;min-width:0}.appbar-heading h1{overflow-wrap:anywhere}.appbar-meta:empty{display:none}
.unified-footer{box-sizing:border-box;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px 24px!important;padding:30px 16px!important;margin-top:64px!important;border-top:1px solid var(--line);font:12px/1.8 var(--font-ui)!important;color:var(--muted)!important}
.unified-footer .legal-links{display:flex;flex-wrap:wrap;justify-content:center;gap:12px 24px;width:100%}
.unified-footer a{display:inline-flex;align-items:center;gap:5px;color:var(--muted)!important;text-decoration:none!important;font:inherit!important;white-space:nowrap}
.unified-footer a:hover{color:var(--ink)!important;text-decoration:underline!important;text-underline-offset:4px}
.unified-footer .ga-beian img{width:14px;height:14px;flex:none}.unified-footer>p,.unified-footer .footer-contact{width:100%;margin:0;text-align:center;font-size:11px;line-height:1.9}
.unified-footer[hidden]{display:none!important}
.unified-footer .footer-contact{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 20px}
.tool-page{padding-top:44px}.catalog-heading{margin-top:20px}
.tool-page{min-height:calc(100dvh - var(--site-header-height));display:flex;flex-direction:column;gap:0}
.tool-page>footer.unified-footer{margin-top:auto!important;padding-top:30px!important}
.tool-page>section:last-of-type{margin-bottom:44px}
.tool-page>section[hidden]{display:none!important}
body.site-page .faq-page{min-height:calc(100dvh - var(--site-header-height) - 180px)}
@media(max-width:1180px){body > .unified-header .site-brand small{display:none}body > .unified-header [data-site-navigation]{gap:16px}body > .unified-header{gap:20px}}
@media(max-width:850px){body{--site-header-height:132px;--site-gutter:24px}body > [data-site-header].unified-header{display:grid;grid-template-columns:1fr;gap:0;padding-top:14px;padding-bottom:10px}body > .unified-header [data-site-navigation]{width:100%;justify-content:space-between;gap:12px;font-size:13px}body > .unified-header .site-brand strong{font-size:24px}.site-header-actions{position:absolute;right:24px;top:14px;border:0;padding:0}body > .unified-header .site-theme-inline{margin-right:5px;padding:0}body > .unified-header .site-theme-inline button{width:32px;height:32px;padding:3px}}
@media(max-width:600px){body{--site-header-height:156px;--site-gutter:18px}body > .unified-header [data-site-navigation]{flex-wrap:wrap;justify-content:flex-start;gap:0 19px}body > .unified-header .site-theme-inline{position:absolute;top:19px;left:110px;margin:0}body > .unified-header .site-brand svg{width:21px}body > .unified-header .site-brand strong{font-size:22px}body > .unified-header .site-brand{gap:7px}.site-header-actions{right:18px}.appbar{padding:12px 18px}.unified-footer{gap:9px 18px!important}}
@media(prefers-reduced-motion:reduce){body > .unified-header *{transition:none!important}}

/* Reading surfaces use the same restrained type and separators as the tool catalogue. */
.faq-page{max-width:940px;padding:64px 32px 48px}
.faq-page h1{font:500 clamp(32px,4vw,44px)/1.5 var(--font-display);margin:0 0 38px}
.faq-page>section{margin:32px 0}.faq-page .fq-section{font:500 17px/1.7 var(--font-display);margin:0 0 10px;color:var(--muted)}
.faq-page .fq-list{gap:0}.faq-page .fq-list details{border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent;padding:0}
.faq-page .fq-list summary{list-style:none;position:relative;padding:19px 32px 19px 0;font:500 16px/1.65 var(--font-ui)}
.faq-page .fq-list summary::-webkit-details-marker{display:none}.faq-page .fq-list summary::after{content:'';position:absolute;right:7px;top:25px;width:7px;height:7px;border-right:1.5px solid var(--muted);border-bottom:1.5px solid var(--muted);transform:rotate(45deg);transition:transform .15s}
.faq-page .fq-list details[open] summary::after{transform:rotate(225deg)}.faq-page .fq-list p{padding:0 32px 22px 0;margin:0;font:14px/1.95 var(--font-ui);color:var(--muted)}
.faq-page .fq-ask{margin-top:52px;padding:28px 30px;background:var(--surface);border-color:var(--line);border-radius:14px}.faq-page .fq-ask h2{font:500 22px/1.5 var(--font-display)}.faq-page .fq-lead{font:14px/1.8 var(--font-ui);margin:10px 0 18px}
.faq-page .fq-ask textarea{min-height:120px;border-radius:8px}.faq-page .fq-ask input{flex:1;max-width:none;border-radius:8px}.faq-page .fq-ask .row{flex-wrap:nowrap}.faq-page .fq-ask button{flex:none}
@media(max-width:600px){.faq-page{padding:36px 22px}.faq-page .fq-ask{padding:22px}.faq-page .fq-ask .row{flex-direction:column;align-items:stretch}.faq-page .fq-ask input{width:100%}.faq-page .fq-list summary{font-size:15px}}

/* Reserve the page scrollbar and outrank legacy page-specific navigation rules. */
html{scrollbar-gutter:stable}
body > [data-site-header].unified-header [data-site-navigation]{display:flex;align-items:center;justify-content:flex-end;flex-wrap:nowrap;width:auto;gap:23px;margin:0;font:400 14px/1.5 var(--font-ui);letter-spacing:normal}
body > [data-site-header].unified-header [data-site-navigation]>a{font:inherit;letter-spacing:normal}
@media(max-width:1180px){body > [data-site-header].unified-header [data-site-navigation]{gap:16px}}
@media(max-width:850px){body > [data-site-header].unified-header [data-site-navigation]{width:100%;justify-content:space-between;gap:12px;font-size:13px}}
@media(max-width:600px){body > [data-site-header].unified-header [data-site-navigation]{flex-wrap:wrap;justify-content:flex-start;gap:0 19px}}
.site-theme-art{display:block;width:28px;height:28px;overflow:visible;transition:transform .18s ease}
body > .unified-header .site-theme-inline button{padding:3px;border-radius:50%}
body > .unified-header .site-theme-inline button[aria-checked=true]{border-color:var(--line-strong,var(--muted));background:var(--surface-soft)}
body > .unified-header .site-theme-inline button:hover .site-theme-art{transform:translateY(-1px)}
@media(prefers-reduced-motion:reduce){.site-theme-art{transition:none}}