
:root{--bg:#F4F8FC;--deep:#E8F1FA;--white:#fff;--t:#0E2A44;--body:#1C3A56;--muted:#3D5C78;--soft:#6A88A0;--blue:#1E6FD9;--bright:#6BA8F0;--navy:#0E4A9E;--line: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;background:var(--bg);color:var(--body);font:15px/1.75 system-ui,-apple-system,"Microsoft YaHei",sans-serif;overflow-x:hidden;padding-top:102px}a{color:var(--navy);text-decoration:none}a:hover{text-decoration:underline}button,input{font:inherit}button{cursor:pointer}.container{width:min(960px,calc(100% - 32px));margin:0 auto;padding:25px 0 72px}h1,h2,h3{color:var(--t);line-height:1.3;margin:0 0 15px}h1{font-size:24px}h2{font-size:20px}h3{font-size:16px}p{margin:0 0 17px}.top{position:fixed;z-index:40;top:0;left:0;width:100%;height:62px;background:var(--deep);border-bottom:3px solid var(--blue)}.top-inner,.quick-inner{max-width:960px;margin:auto;height:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 16px}.brand{display:flex;align-items:center;gap:8px;color:var(--t);font-size:16px;font-weight:750;line-height:1.1;white-space:nowrap}.brand:hover{text-decoration:none}.brand small{font-size:12px;display:block;color:var(--muted);font-weight:500;margin-top:4px}.logo-slot{width:32px;height:28px;display:grid;place-items:center}.logo-slot img,.footer-brand img,.panel-title img{max-height:28px;max-width:100%;object-fit:contain}.nav-pill{border:1px solid var(--line);background:white;padding:3px 18px;border-radius:50px;height:34px;color:var(--navy);font-size:13px;display:flex;align-items:center}.top-actions{display:flex;gap:8px;flex-shrink:0}.icon-button,.close-panel{height:44px;min-width:44px;padding:0 11px;border:1px solid var(--line);background:white;border-radius:11px;color:var(--navy)}.quickline{height:40px;background:#edf6ff}.quick-inner{justify-content:flex-start;gap:27px}.quicklink{display:flex;align-items:center;gap:7px;font-size:13px;color:var(--muted);white-space:nowrap}.square{height:14px;width:14px;border:1.5px solid var(--blue);border-radius:0 0 0 4px}.quicklink.selected{color:var(--t);font-weight:700}.quicklink.selected .square{background:var(--blue);box-shadow:0 6px 16px rgba(30,111,217,.24)}.primary-button{display:inline-flex;height:44px;align-items:center;padding:0 24px;color:#F4F8FC;border-radius:11px;background:linear-gradient(135deg,#6BA8F0 0%,#1E6FD9 54%,#0E4A9E 100%);box-shadow:0 6px 16px rgba(30,111,217,.24);font-size:14px;white-space:nowrap}.primary-button:hover{color:#fff;text-decoration:none;filter:brightness(1.05);box-shadow:0 0 0 3px rgba(107,168,240,.50),0 10px 24px rgba(14,74,158,.24)}.primary-button:active,.icon-button:active,.quicklink:active{filter:brightness(1.06);box-shadow:0 0 0 4px rgba(226,178,58,.36),0 0 22px rgba(30,111,217,.5)}a,button{transition:filter 180ms,box-shadow 180ms}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--navy);outline-offset:2px}.home-intro{background:linear-gradient(132deg,#edf6ff,#fff);padding:35px 32px;border:1px solid var(--line);border-radius:14px;margin:12px 0 30px}.eyebrow,.feature-index{color:var(--navy);font-size:13px;font-weight:700;letter-spacing:.03em}.home-slogan{font-size:21px;font-weight:650;color:var(--t)}.home-intro>p:not(.eyebrow):not(.home-slogan){max-width:790px}.home-feature{position:relative;display:flex;align-items:center;justify-content:space-between;gap:24px;background:white;border:1px solid var(--line);border-radius:14px;padding:25px 29px;margin:23px 0;min-height:215px;box-shadow:var(--shadow)}.feature-copy{flex:1;min-width:0}.feature-copy p{max-width:610px}.text-link{display:inline-block;font-weight:700;padding:8px 0}.picture-slot{display:flex;justify-content:center;align-items:center;background:var(--bg);border:1px solid rgba(30,111,217,.12);border-radius:14px;overflow:hidden;flex-shrink:0;max-width:100%}.picture-slot img{width:100%;height:100%;object-fit:contain;object-position:center}.home-pic{width:240px;height:160px}.offset-home{margin-left:7%;margin-right:4%;display:flex;flex-direction:column;align-items:stretch}.offset-home .feature-copy{width:80%}.offset-home .home-pic{height:168px;align-self:flex-end;margin-top:-10px}.horizontal-home{background:#f7fbfe;flex-direction:row-reverse}.paper-home{max-width:870px;margin-left:auto;border-left:6px solid var(--blue)}.wrap-home .home-pic{height:168px}.app-home{display:flex;flex-direction:column;align-items:flex-start}.app-home .portrait{order:-1}.portrait{width:240px;height:320px}.app-icon{width:48px;height:48px}.end-block{padding:28px;background:white;border-radius:14px;margin:26px 0;border:1px solid var(--line)}.quickfaq{display:grid;gap:9px;margin-bottom:15px}.quickfaq details{background:var(--bg);padding:10px 14px;border-radius:9px}.quickfaq summary{cursor:pointer;color:var(--t);font-weight:700}.brand-pic{height:160px;max-width:320px;margin:20px 0}.crumb{font-size:13px;color:var(--soft);margin:3px 0 22px}.inner-hero{padding:30px;border-radius:14px;background:linear-gradient(125deg,#e8f1fa,#fff);margin-bottom:20px}.inner-hero p{margin-bottom:0}.article-pic{width:240px;height:170px;margin:0 0 22px auto}.banner{width:100%;height:200px;margin-bottom:23px}.article-body{display:grid;gap:17px}.article-section{background:#fff;border:1px solid var(--line);border-radius:14px;padding:25px 27px}.article-section p:last-child{margin:0}.offset-blocks .article-section:nth-child(even){margin-left:9%}.offset-blocks .article-section:nth-child(odd){margin-right:8%}.horizontal-sections .article-section:nth-child(even){border-left:6px solid var(--blue);background:#F7FBFE}.wrap-sections .article-section:nth-child(odd){width:90%;margin-left:auto}.rail-sections{border-left:4px solid var(--blue);padding-left:18px}.paper-sections .article-section:nth-child(even){background:#e8f1fa}.related{margin:30px 0;background:var(--deep);border-radius:14px;padding:22px}.related-links{display:flex;flex-wrap:wrap;gap:10px}.related-links a{background:#fff;padding:10px 18px;border-radius:10px}.faq-list{display:grid;gap:14px}.faq-item{background:#fff;border-radius:14px;border:1px solid var(--line);padding:23px}.faq-item h2{font-size:17px}.faq-item p{margin:0}.site-footer{background:#0E2A44;border-top:3px solid var(--blue);color:#E8F1FA;font-size:13px}.footer-inner{max-width:960px;margin:auto;padding:35px 16px}.footer-brand{display:flex;align-items:center;gap:9px}.footer-groups{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin:25px 0}.footer-groups h3{color:#E8F1FA}.footer-groups a{display:block;color:#E8F1FA;padding:4px 0}.footer-inner p{color:#E8F1FA;opacity:.88}.overlay{position:fixed;inset:0;z-index:49;background:rgba(14,42,68,.45);opacity:0;visibility:hidden;pointer-events:none;transition:opacity 180ms}.overlay.active{opacity:1;visibility:visible;pointer-events:auto}.locked{overflow:hidden}.panel{position:fixed;top:71px;z-index:50;visibility:hidden;pointer-events:none;opacity:0;transform:translateY(-9px);transition:opacity 180ms,transform 180ms;box-shadow:0 18px 40px rgba(14,42,68,.22)}.panel.visible{opacity:1;visibility:visible;pointer-events:auto;transform:none}.menu-panel{left:16px;width:min(560px,calc(100vw - 32px));max-height:70vh;background:white;border-radius:14px;border-left:8px solid var(--blue);display:flex;flex-direction:column;padding:15px 15px 10px}.panel-head{display:flex;justify-content:space-between;align-items:center;gap:10px;flex:none}.panel-title{display:flex;align-items:center;gap:10px;font-weight:700;color:var(--t)}.menu-scroll{overflow-y:auto;margin-top:12px}.menu-group{margin-bottom:15px}.menu-group h3{font-size:14px;color:var(--navy);margin:0 0 8px}.menu-items{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.menu-items a{border:1px solid var(--line);border-radius:9px;padding:9px 11px;display:block}.menu-items strong{display:block;font-size:14px;color:var(--t)}.menu-items span{font-size:12px;color:var(--muted);display:block}.search-panel{right:16px;width:min(420px,calc(100vw - 32px));background:var(--deep);border-radius:14px;padding:19px}.search-panel label{display:block;margin:8px 0}.search-panel input{width:100%;padding:12px;border:1px solid var(--line);border-radius:10px;background:white;color:var(--t)}.results{max-height:45vh;overflow:auto;margin-top:13px}.results a{display:block;background:white;border-radius:8px;padding:8px 11px;margin-bottom:7px}.mobile-bottom{display:none}
@media(max-width:700px){body{padding-top:62px;padding-bottom:calc(48px + env(safe-area-inset-bottom))}.quickline,.nav-pill{display:none}.top-inner{gap:5px}.brand{gap:5px}.top-actions{gap:6px}.icon-button{padding:0 8px}.container{padding-top:18px;padding-bottom:35px}.home-intro{padding:24px 19px}.home-feature{padding:21px 18px;display:block;margin:18px 0;min-height:0}.home-pic{width:min(240px,100%);margin:15px auto 0}.offset-home{margin-left:0;margin-right:0}.offset-home .feature-copy{width:100%}.offset-home .home-pic{margin:18px auto 0}.app-home .portrait{margin:0 auto 16px}.article-section{padding:20px 18px}.offset-blocks .article-section:nth-child(even),.offset-blocks .article-section:nth-child(odd){margin-left:0;margin-right:0}.wrap-sections .article-section:nth-child(odd){width:100%}.article-pic{margin:0 auto 18px}.footer-groups{grid-template-columns:repeat(2,1fr)}.mobile-bottom{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(--line);z-index:40}.mobile-bottom a{display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:13px}.mobile-bottom a.on{border-top:3px solid var(--blue);color:var(--t);font-weight:bold;box-shadow:0 -5px 15px rgba(30,111,217,.14)}.search-panel{top:0;right:0;bottom:0;left:0;width:100vw;max-height:none;border-radius:0;background:#0E2A44;color:#E8F1FA;overflow:auto}.search-panel .panel-head strong,.search-panel .panel-head{color:#E8F1FA}.search-panel input{color:var(--t)}.menu-panel{max-height:70vh}.menu-items{grid-template-columns:1fr}.menu-items a{padding:7px}.menu-panel .menu-scroll{overscroll-behavior:contain}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
