@font-face { font-family:"Shouzhong Brand"; src:url("/assets/shouzhong-web-brand-2eba05c5be7f09d8925fa6bdf6ae82e3c174a3471f2af1e9a65bd9e471cc1d0b.woff") format("woff"); font-style:normal; font-weight:500; font-display:swap; }
@font-face { font-family:"Shouzhong Display"; src:url("/assets/shouzhong-web-docs-45d6d39ad1b53d1f6c946e06ea4316d2fe20ea6b6b6c1baa5610497a4b200b0a.woff") format("woff"); font-style:normal; font-weight:400; font-display:swap; }
:root {
  color-scheme:light; --paper:#F3EBDD; --ink:#29251F; --muted:#676057; --line:#B9AB98;
  --gutter:clamp(24px,6vw,96px);
  font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;
  font-size:100%; font-synthesis:none; color:var(--ink); background:var(--paper); -webkit-font-smoothing:antialiased;
}
* { box-sizing:border-box; }
body { margin:0; }
a { color:inherit; text-underline-offset:.25em; text-decoration-thickness:1px; touch-action:manipulation; overflow-wrap:anywhere; }
a:hover { color:#855536; }
a:focus-visible,summary:focus-visible { outline:2px solid #386B93; outline-offset:5px; }
button,summary { touch-action:manipulation; }
.skip-link { position:fixed; left:20px; top:-100px; z-index:10; padding:14px 20px; background:var(--ink); color:#fff; }
.skip-link:focus { top:20px; }
.site-header { padding:32px var(--gutter); }
.site-shell { display:flex; align-items:center; justify-content:space-between; gap:24px; }
.brand { display:inline-flex; align-items:center; min-height:44px; text-decoration:none; flex-shrink:0; }
.brand-name { font-family:"Shouzhong Brand","Kaiti SC",serif; font-weight:500; font-size:1.625rem; line-height:1.1; }
.site-nav { display:flex; flex-wrap:wrap; gap:8px; align-items:center; }
.site-nav a { min-height:44px; min-width:44px; display:flex; align-items:center; justify-content:center; padding-inline:8px; font-size:.875rem; color:var(--muted); text-decoration:none; }
.site-nav a[aria-current="page"] { color:var(--ink); text-decoration:underline; text-underline-offset:8px; }
.site-nav a:hover { color:var(--ink); }
.document { width:min(1120px,calc(100% - var(--gutter) * 2)); margin:36px auto 100px; }
.document-header { margin-bottom:48px; }
.support-document .document-header { max-width:760px; }
.document-label { font-size:.75rem; letter-spacing:.12em; color:var(--muted); margin:0 0 18px; }
h1 { margin:0; font-family:"Shouzhong Display","Kaiti SC",serif; font-size:clamp(2.5rem,4.25vw,4rem); font-weight:400; line-height:1.25; }
.lede { max-width:700px; font-size:1.0625rem; line-height:1.85; color:var(--muted); margin:24px 0 0; }
.document-meta,.service-facts { display:flex; flex-wrap:wrap; gap:20px 40px; margin:28px 0 0; }
.document-meta div,.service-facts div { display:flex; flex-direction:column; gap:8px; }
dt { font-size:.8125rem; color:var(--muted); }
dd { margin:0; font-size:.9375rem; line-height:1.5; }
.service-facts { padding-top:24px; border-top:1px solid var(--line); }
.document-layout { display:grid; grid-template-columns:220px minmax(0,1fr); gap:clamp(32px,5vw,80px); align-items:start; padding-top:36px; border-top:1px solid var(--line); }
.contents { position:sticky; top:32px; max-height:calc(100svh - 64px); overflow:auto; }
.contents-title { color:var(--muted); font-size:.875rem; margin:0 0 12px; }
.contents ol { list-style:none; padding:0; margin:0; }
.contents li { margin:0; }
.contents a { display:block; min-height:44px; padding:10px 0; font-size:.875rem; line-height:1.7; text-decoration:none; }
.contents a:hover { text-decoration:underline; }
.document-sections,.support-body { min-width:0; max-width:760px; }
.content-section,.faq-group { scroll-margin-top:32px; padding:0 0 40px; margin:0 0 36px; border-bottom:1px solid var(--line); }
.content-section:last-child,.faq-group:last-child { border-bottom:0; margin-bottom:0; }
h2 { font-size:1.375rem; line-height:1.5; font-weight:500; letter-spacing:.01em; margin:0 0 22px; }
h3 { font-size:1.0625rem; line-height:1.6; font-weight:500; margin:28px 0 10px; }
.content-section p,.answer p,.contact-panel p { font-size:1rem; line-height:1.9; margin:0 0 16px; overflow-wrap:anywhere; }
.plain-list { margin:12px 0 0; padding-left:1.35em; }
.plain-list li { padding-left:4px; margin:0 0 12px; font-size:1rem; line-height:1.9; }
strong { font-weight:600; }
.contact-panel { display:grid; grid-template-columns:150px minmax(0,1fr); gap:0 30px; border-block:1px solid var(--line); padding-block:30px; margin-bottom:42px; }
.contact-panel h2 { grid-column:1; grid-row:1/5; }
.contact-panel>p,.contact-panel>a { grid-column:2; }
.contact-action { display:flex; width:fit-content; align-items:center; min-height:48px; margin:0 0 12px; font-size:1rem; text-decoration:none; border-bottom:1px solid var(--ink); }
.contact-action::after { content:"↗"; margin-left:36px; }
.contact-panel>p:last-child { font-size:.875rem; margin-bottom:0; }
.application-info { border-bottom:1px solid var(--line); padding-bottom:32px; margin-bottom:40px; }
.application-info .document-meta { margin-top:0; }
.application-info .service-facts { margin-top:24px; padding-top:0; border:0; }
.faq-group { border:0; padding-bottom:0; }
.faq-group h2 { margin-bottom:16px; }
details { border-top:1px solid var(--line); }
details:last-child { border-bottom:1px solid var(--line); }
summary { cursor:pointer; padding:20px 4px 20px 0; font-size:1rem; line-height:1.6; }
summary::marker { color:var(--muted); font-size:.7em; }
summary:hover { color:#855536; }
details[open] summary { padding-bottom:14px; }
.answer { padding:0 4px 20px 20px; color:var(--muted); }
.answer p:last-child,.answer li:last-child { margin-bottom:0; }
.site-footer { padding:0 var(--gutter) 32px; }
.site-footer-inner { padding-top:20px; border-top:1px solid var(--line); display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:12px 28px; }
.site-footer p { font-size:.8125rem; color:var(--muted); }
.footer-links { display:flex; flex-wrap:wrap; gap:8px 24px; }
.footer-links a { display:flex; align-items:center; min-height:44px; font-size:.875rem; text-decoration:none; }
.footer-links a:hover { text-decoration:underline; }
@media (max-width:800px) {
  .document-layout { grid-template-columns:1fr; gap:32px; }
  .contents { position:static; max-height:none; overflow:visible; padding-bottom:24px; border-bottom:1px solid var(--line); }
  .contents ol { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 24px; }
}
@media (max-width:560px) {
  .site-header { padding:20px var(--gutter); }
  .site-shell { gap:16px; flex-wrap:wrap; }
  .site-nav { gap:0; }
  .site-nav a { padding-inline:8px; }
  .document { margin-top:30px; margin-bottom:64px; }
  .document-header { margin-bottom:32px; }
  h1 { font-size:2.5rem; }
  .lede { margin-top:20px; font-size:1rem; }
  .document-meta,.service-facts { gap:20px 28px; }
  .document-meta div,.service-facts div { min-width:calc(50% - 14px); }
  .contact-panel { display:block; padding-block:24px; }
  .contact-panel h2 { margin-bottom:16px; }
  h2 { font-size:1.25rem; }
  .content-section { padding-bottom:24px; margin-bottom:28px; }
  .footer-links { gap:4px 20px; }
}
@media print {
  .site-header,.site-footer,.contents,.skip-link { display:none; }
  :root { background:#fff; color:#000; }
  .document { width:100%; margin:0; }
  .document-layout { display:block; border:0; padding:0; }
  .document-sections,.support-body { max-width:none; }
  details>.answer { display:block!important; }
  .content-section { break-inside:avoid; }
}
@media (prefers-reduced-motion:reduce) { *,*::before,*::after { scroll-behavior:auto!important; animation:none!important; transition:none!important; } }
