:root{color:#241f1b;background:#f7f2e8;font-family:Microsoft YaHei,PingFang SC,Noto Sans CJK SC,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;--page: #f7f2e8;--panel: #fffdf8;--line: #ead9bc;--text: #241f1b;--muted: #675d52;--brand: #d92f2c;--brand-dark: #b91f21;--gold: #bd914a}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:var(--page);color:var(--text);-webkit-font-smoothing:antialiased}a{color:inherit}.page-shell{width:min(960px,calc(100% - 28px));margin:0 auto;padding:14px 0 18px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:22px;padding:26px;margin-bottom:18px;box-shadow:0 12px 32px #5c36150d}.brand-header{display:flex;align-items:center;gap:22px}.brand-mark{width:94px;height:94px;flex:0 0 auto;object-fit:contain}.brand-copy{min-width:0}.eyebrow{margin:0 0 8px;color:#3e352d;font-size:18px;line-height:1.4}h1,h2,h3,p{overflow-wrap:anywhere}h1{margin:0;max-width:720px;font-size:clamp(30px,4vw,42px);line-height:1.28;letter-spacing:-.02em}h2{margin:0 0 20px;font-size:28px;line-height:1.35}h3{margin:0 0 10px;font-size:21px;line-height:1.45}.hero-intro{max-width:780px;margin:30px 0 24px;font-size:20px;line-height:1.9}.primary-action{display:inline-flex;min-height:58px;align-items:center;justify-content:center;border-radius:14px;background:var(--brand);color:#fff;padding:14px 26px;font-size:20px;font-weight:700;line-height:1.4;text-align:center;text-decoration:none;box-shadow:0 8px 18px #b91f212e;transition:background-color .16s ease,transform .16s ease;-webkit-tap-highlight-color:transparent}.primary-action:hover{background:var(--brand-dark)}.primary-action:active{transform:translateY(1px)}.primary-action:focus-visible{outline:3px solid var(--gold);outline-offset:4px}.information-panel ul,.guide-summary{margin:0;padding-left:1.55em;font-size:19px;line-height:1.9}.information-panel li+li,.guide-summary li+li{margin-top:7px}.information-panel li::marker,.guide-summary li::marker{color:var(--brand)}.guide-summary{margin:24px 0}.action-note{margin:18px 0 0;color:var(--muted);font-size:16px;line-height:1.7}.installation-panel article+article{border-top:1px solid var(--line);margin-top:24px;padding-top:24px}.installation-panel article p{margin:0;color:#463d35;font-size:18px;line-height:1.9}footer{border-top:1px solid var(--line);background:#f1e6d6;color:var(--muted)}.footer-inner{width:min(960px,calc(100% - 28px));min-height:68px;margin:0 auto;display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:15px}.footer-inner img{width:30px;height:30px;object-fit:contain}@media(max-width:640px){.page-shell{width:calc(100% - 20px);padding-top:10px}.panel{border-radius:18px;padding:20px 16px;margin-bottom:12px;box-shadow:0 8px 24px #5c36150a}.brand-header{align-items:flex-start;gap:30px}.brand-mark{width:72px;height:72px}.eyebrow{margin-bottom:10px;font-size:17px}h1{font-size:31px;line-height:1.42}.hero-panel:not(.guide-hero) .brand-copy{padding-top:15px}.hero-panel:not(.guide-hero) h1{max-width:225px}.title-line{display:block}.guide-hero h1{font-size:27px;line-height:1.35}.guide-hero .brand-header{gap:12px}.guide-hero .brand-mark{width:64px;height:64px}h2{margin-bottom:14px;font-size:25px}h3{font-size:20px}.hero-intro{margin:28px 0 26px;font-size:18px;line-height:1.85}.hero-panel{padding-top:26px;padding-bottom:26px}.hero-panel .primary-action{width:calc(100% - 18px);margin-inline:9px}.information-panel{padding-inline:26px}.primary-action{width:100%;min-height:58px;border-radius:13px;padding:14px 18px;font-size:20px}.information-panel ul,.guide-summary{font-size:18px;line-height:1.8}.guide-summary{margin:18px 0}.action-note{margin-top:14px;font-size:15px}.installation-panel article+article{margin-top:20px;padding-top:20px}.installation-panel article p{font-size:17px;line-height:1.75}.footer-inner{width:calc(100% - 32px);min-height:64px;gap:8px;font-size:14px}}@media(prefers-reduced-motion:reduce){.primary-action{transition:none}}
