:root{--bg:#F4F8FC;--deep:#E8F1FA;--white:#fff;--panel:#F7FBFE;--ink:#0E2A44;--body:#1C3A56;--muted:#3D5C78;--quiet:#6A88A0;--blue:#1E6FD9;--light:#6BA8F0;--navy:#0E4A9E;--amber:#E2B23A;--coral:#E07A62;--border:rgba(30,111,217,.26);--shadow:0 12px 28px rgba(14,42,68,.08)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;padding-top:102px;background:var(--bg);color:var(--body);font:15px/1.75 system-ui,-apple-system,"Microsoft YaHei","PingFang SC",sans-serif;overflow-x:hidden}body.is-locked{overflow:hidden}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}h1,h2,h3,p{margin-top:0}h1{font-size:24px;line-height:1.3;color:var(--ink);letter-spacing:.01em}h2{font-size:20px;line-height:1.4;color:var(--ink)}h3{font-size:16px;line-height:1.5;color:var(--ink)}p{margin-bottom:1.1em}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid var(--navy);outline-offset:2px}.wrap{width:min(960px,calc(100% - 32px));margin:auto}.topbar{position:fixed;top:0;left:0;right:0;height:62px;background:var(--deep);border-bottom:3px solid var(--blue);z-index:40}.top-inner{width:min(960px,calc(100% - 32px));height:100%;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:10px}.identity{display:flex;align-items:center;gap:8px;min-width:130px;color:var(--ink)}.identity img,.pane-brand img,.footer-brand img{height:28px;width:34px;object-fit:contain}.identity strong{display:block;font-size:16px;line-height:1.2}.identity small{display:block;font-size:12px;line-height:1.15;letter-spacing:.16em}.center-chip{border:1px solid var(--blue);border-radius:30px;padding:4px 18px;height:34px;line-height:24px;background:#fff;color:var(--navy);font-size:13px;white-space:nowrap}.top-actions{display:flex;gap:8px;flex-shrink:0}.top-actions button{border:1px solid var(--border);background:#fff;color:var(--ink);border-radius:10px;min-width:56px;height:44px;white-space:nowrap}.top-actions button:hover{border-color:var(--blue);box-shadow:0 6px 16px rgba(30,111,217,.24)}.window-nav{position:fixed;top:62px;left:0;right:0;height:40px;background:#F7FBFE;border-bottom:1px solid var(--border);z-index:39}.window-inner{max-width:960px;margin:auto;display:flex;gap:26px;align-items:center;height:100%;padding:0 16px}.window-link{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:13px;white-space:nowrap}.window-link i{display:inline-block;width:14px;height:14px;border:2px solid var(--light);border-radius:0 0 0 4px}.window-link.is-active{color:var(--ink);font-weight:700}.window-link.is-active i{background:var(--blue);box-shadow:0 6px 16px rgba(30,111,217,.24)}.eyebrow,.micro{display:inline-block;color:var(--navy);font-size:13px;letter-spacing:.09em;font-weight:700;margin-bottom:12px}.hero-intro{padding:62px 0 49px;border-bottom:1px solid var(--border);max-width:790px}.hero-intro h1{margin-bottom:18px}.hero-intro>p:not(.eyebrow){max-width:685px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:8px 22px;border-radius:11px;font-size:14px;font-weight:700;transition:all 180ms;white-space:nowrap}.btn.primary{background:linear-gradient(135deg,#6BA8F0 0%,#1E6FD9 54%,#0E4A9E 100%);color:#F4F8FC;box-shadow:0 6px 16px rgba(30,111,217,.24)}.btn.secondary{background:white;border:1px solid var(--border);color:var(--ink)}.btn:hover{filter:brightness(1.06);box-shadow:0 0 0 3px rgba(107,168,240,.5),0 10px 24px rgba(14,74,158,.24)}.btn:active{filter:brightness(1.06);box-shadow:0 0 0 4px rgba(226,178,58,.36),0 0 22px rgba(30,111,217,.5)}.stagger{position:relative;padding:54px 0;border-bottom:1px solid var(--border)}.stagger-top{max-width:610px;background:#fff;padding:26px 30px;border-radius:14px;box-shadow:var(--shadow)}.stagger-bottom{max-width:670px;margin:19px 0 0 auto;display:flex;align-items:center;gap:28px;background:var(--deep);border-radius:14px;padding:20px}.small-visual{flex:0 0 240px;width:240px;height:168px;background:#F4F8FC;border-radius:12px;display:grid;place-items:center}.feature-visual{width:240px;max-width:100%;height:160px;background:#F4F8FC;border:1px solid var(--border);border-radius:12px;display:grid;place-items:center}.visual img,.feature-visual img,.small-visual img,.portrait-visual img,.banner-visual img,.icon-visual img{width:100%;height:100%;object-fit:contain;object-position:center}.inline-link{display:inline-flex;align-items:center;min-height:44px;color:var(--navy);font-weight:700}.inline-link:hover{text-decoration:underline}.feature{margin:30px 0;display:flex;align-items:center;justify-content:space-between;gap:40px;min-height:240px;padding:34px;border:1px solid var(--border);border-radius:14px;background:#fff;box-shadow:var(--shadow)}.feature-copy{max-width:610px}.feature.shelf{background:var(--deep);margin-left:42px}.feature.wrap-feature{flex-direction:row-reverse;margin-right:48px}.feature.offset{margin-left:18px;margin-right:18px;border-left:5px solid var(--blue)}.feature.mobile-feature{align-items:flex-start}.portrait-visual{width:240px;height:320px;flex:0 0 240px;background:var(--bg);border:1px solid var(--border);border-radius:14px;display:grid;place-items:center}.home-service,.home-faq,.home-brand{margin:56px 0;padding:34px 0;border-top:1px solid var(--border)}.home-brand{background:var(--deep);padding:30px;border-radius:14px}.home-qa{display:grid;grid-template-columns:1fr 1fr;gap:16px}.home-qa article{padding:20px;border-radius:14px;background:white;border:1px solid var(--border)}.home-qa p{margin:0}.page{padding-top:26px;padding-bottom:75px}.crumb{display:flex;gap:10px;color:var(--muted);font-size:13px;margin:8px 0 28px}.crumb a{color:var(--navy)}.page-intro{padding:20px 0 30px;max-width:810px}.page-intro p{font-size:16px}.feature-visual,.banner-visual,.icon-visual{margin-bottom:22px}.banner-visual{width:100%;height:200px;background:var(--bg);border-radius:14px;display:grid;place-items:center;border:1px solid var(--border)}.icon-visual{width:48px;height:48px}.article-body{margin-top:30px}.article-section{display:grid;grid-template-columns:60px 1fr;gap:25px;padding:26px 22px;margin:17px 0;border-radius:14px;background:#fff;border:1px solid var(--border)}.article-section.variant-1{margin-left:46px;background:var(--panel)}.article-section.variant-2{margin-right:60px;border-left:5px solid var(--blue)}.article-section.variant-3{margin-left:20px;background:var(--deep)}.article-section.variant-4{margin-right:25px}.section-index{font-size:25px;font-weight:750;color:var(--light);line-height:1.4}.article-section p:last-child{margin-bottom:0}.related{margin-top:45px}.related-links{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.related-links a{display:flex;flex-direction:column;padding:19px;background:var(--deep);border:1px solid var(--border);border-radius:14px;min-height:110px}.related-links a strong{color:var(--ink)}.related-links a span{font-size:13px;color:var(--muted)}.related-links a:hover{box-shadow:var(--shadow)}.faq-list details{border:1px solid var(--border);background:#fff;border-radius:14px;margin:13px 0;padding:20px}.faq-list summary{font-weight:700;color:var(--ink);cursor:pointer}.faq-list p{margin:14px 0 0}.footer{background:var(--ink);color:#E8F1FA;border-top:3px solid var(--blue);padding:40px 0 72px;font-size:13px}.footer-brand{display:flex;align-items:center;gap:8px;margin-bottom:26px}.footer-brand strong{font-size:16px}.footer-brand span{letter-spacing:.1em}.footer-groups{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:25px}.footer-groups h3{color:#fff;font-size:14px}.footer-groups a{display:block;line-height:2.1}.footer-groups a:hover{text-decoration:underline}.footer p{max-width:750px}.overlay{position:fixed;inset:0;background:rgba(14,42,68,.48);z-index:49;opacity:0;visibility:hidden;pointer-events:none;transition:opacity 180ms}.overlay.visible{opacity:1;visibility:visible;pointer-events:auto}.menu-pane,.search-pane{position:fixed;z-index:50;visibility:hidden;pointer-events:none;opacity:0;transform:translateY(-10px);transition:opacity 180ms,transform 180ms;box-shadow:0 20px 60px rgba(14,42,68,.23)}.menu-pane.visible,.search-pane.visible{visibility:visible;pointer-events:auto;opacity:1;transform:none}.menu-pane{left:16px;top:70px;width:min(560px,calc(100vw - 32px));max-height:70vh;overflow:auto;background:#fff;border-left:8px solid var(--blue);border-radius:0 14px 14px 0;padding:18px}.pane-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px}.pane-head button{border:1px solid var(--border);border-radius:8px;min-height:44px;background:white;color:var(--ink);padding:5px 14px}.pane-brand{display:flex;align-items:center;gap:10px;font-size:16px;color:var(--ink)}.menu-contents{display:grid;grid-template-columns:1fr 1fr;gap:14px}.menu-contents section{border-top:1px solid var(--border)}.menu-contents h3{margin:11px 0}.menu-contents a{display:block;padding:8px 6px;border-radius:8px}.menu-contents a:hover{background:var(--deep)}.menu-contents a strong{display:block;color:var(--navy);font-size:14px}.menu-contents a span{display:block;font-size:12px;color:var(--muted)}.search-pane{top:70px;right:16px;width:min(420px,calc(100vw - 32px));max-height:75vh;overflow:auto;background:var(--deep);padding:20px;border-radius:14px;color:var(--ink)}.search-pane label{display:block;font-size:13px;margin-bottom:6px}.search-pane input{width:100%;min-height:44px;padding:10px;border:1px solid var(--border);border-radius:10px;background:#fff;color:var(--ink)}.search-results{margin-top:10px}.search-results a{padding:10px;display:block;border-bottom:1px solid var(--border);color:var(--navy);font-weight:700}.search-results a[hidden]{display:none}.search-results span{display:block;color:var(--muted);font-size:12px;font-weight:400}.bottom-nav{display:none}
@media(max-width:700px){body{padding-top:62px;padding-bottom:calc(48px + env(safe-area-inset-bottom))}.window-nav,.center-chip{display:none}.identity{min-width:0}.identity img{max-width:29px}.top-inner{gap:7px}.top-actions button{min-width:51px;padding:0 8px}.hero-intro{padding-top:36px}.stagger-top{padding:20px}.stagger-bottom{flex-direction:column;align-items:flex-start}.small-visual{flex:auto}.feature,.feature.shelf,.feature.wrap-feature,.feature.offset{margin:18px 0;display:flex;flex-direction:column;align-items:flex-start;gap:14px;padding:22px}.feature-visual{width:min(240px,100%)}.portrait-visual{flex:auto}.home-qa,.related-links{grid-template-columns:1fr}.article-section,.article-section.variant-1,.article-section.variant-2,.article-section.variant-3,.article-section.variant-4{margin:12px 0;display:block;padding:20px}.section-index{margin-bottom:10px}.footer-groups{grid-template-columns:1fr 1fr}.footer{padding-bottom:110px}.menu-pane{top:66px;max-height:calc(100dvh - 85px)}.menu-contents{grid-template-columns:1fr}.search-pane{top:0;left:0;right:0;width:100vw;height:100dvh;max-height:none;border-radius:0;background:var(--ink);color:var(--deep);padding:20px 16px}.search-pane .pane-head strong{color:#E8F1FA}.search-pane .pane-head button{color:var(--ink)}.search-results a{color:#E8F1FA;border-color:rgba(255,255,255,.2)}.search-results span{color:#d1e3f6}.bottom-nav{display:grid;grid-template-columns:repeat(4,1fr);position:fixed;bottom:0;left:0;right:0;height:calc(48px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:var(--deep);border-top:1px solid var(--border);z-index:45}.bottom-nav a{display:flex;align-items:center;justify-content:center;font-size:13px;color:var(--muted);min-height:48px}.bottom-nav a.is-active{border-top:3px solid var(--blue);color:var(--ink);box-shadow:0 -5px 13px rgba(30,111,217,.18);font-weight:700}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}