:root{--paper:#f4f8fc;--deep:#e8f1fa;--white:#fff;--soft:#f7fbfe;--ink:#0e2a44;--body:#1c3a56;--muted:#3d5c78;--blue:#1e6fd9;--light:#6ba8f0;--navy:#0e4a9e;--amber:#e2b23a;--coral:#e07a62;--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(--paper);color:var(--body);font:15px/1.75 system-ui,-apple-system,'Microsoft YaHei','Noto Sans CJK SC',sans-serif}body.locked{overflow:hidden}a{color:var(--navy);text-decoration:none}a:hover{text-decoration:underline}button,input{font:inherit}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--navy);outline-offset:2px}h1,h2,h3,p{margin-top:0}h1{font-size:24px;line-height:1.3;color:var(--ink)}h2{font-size:20px;line-height:1.4;color:var(--ink)}h3{font-size:16px;color:var(--ink)}.shell{width:min(960px,calc(100% - 32px));margin-inline:auto}.site-top{height:62px;position:fixed;z-index:70;inset:0 0 auto;background:var(--deep);border-bottom:3px solid var(--blue)}.top-inner{height:59px;max-width:960px;margin:auto;padding:0 16px;display:flex;align-items:center;justify-content:space-between;gap:12px}.brand{display:flex;align-items:center;gap:8px;flex-shrink:0;text-decoration:none!important;color:var(--ink)}.brand-photo{min-width:28px;font-size:12px}.brand-photo img,.drawer-logo img,.footer-brand img{width:auto;max-width:84px;height:28px;object-fit:contain}.brand-words{display:flex;flex-direction:column;line-height:1.15}.brand-words strong{font-size:16px}.brand-words small{font-size:12px;letter-spacing:.13em;color:var(--muted)}.top-pill{border:1px solid var(--line);background:white;border-radius:999px;min-height:34px;display:flex;align-items:center;padding:0 20px;white-space:nowrap;font-size:13px}.top-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.top-action{min-height:44px;min-width:44px;background:white;color:var(--ink);border:1px solid var(--line);border-radius:11px;padding:0 12px;font-size:14px}.primary-action,.btn-primary{color:var(--paper);background:linear-gradient(135deg,#6ba8f0 0%,#1e6fd9 54%,#0e4a9e 100%);box-shadow:0 6px 16px rgba(30,111,217,.24)}.desktop-windows{height:40px;position:relative;margin-top:62px;background:#eaf3fd}.window-inner{max-width:960px;margin:auto;display:flex;align-items:center;gap:24px;height:100%;padding:0 16px}.window-link{display:inline-flex;align-items:center;gap:8px;color:var(--muted);font-size:13px;min-height:40px}.window-square{width:14px;height:14px;display:inline-block;border:2px solid var(--blue);border-radius:0 0 0 4px}.window-link.on{color:var(--ink);font-weight:700}.window-link.on .window-square{background:var(--blue);box-shadow:0 0 0 4px rgba(107,168,240,.26)}.site-main{min-height:65vh}.intro,.page-lead{padding:38px 0 25px}.tiny-index,.eyebrow{font-size:12px;letter-spacing:.08em;color:var(--navy);font-weight:700}.intro h1{max-width:650px;margin:16px 0 10px}.intro .hook{font-size:18px;color:var(--blue);font-weight:700}.intro p{max-width:720px}.btn-primary,.btn-secondary{display:inline-flex;align-items:center;justify-content:center;border-radius:12px;font-size:14px;min-height:44px;padding:0 22px;white-space:nowrap;transition:filter .18s,box-shadow .18s}.btn-secondary{color:var(--ink);background:#fff;border:1px solid var(--line)}.btn-primary:hover,.primary-action:hover,.window-link.on:hover,.mobile-bottom .selected:hover{filter:brightness(1.06);box-shadow:0 0 0 3px rgba(107,168,240,.5),0 10px 24px rgba(14,74,158,.24);text-decoration:none}.btn-primary:active,.primary-action:active{filter:brightness(1.06);box-shadow:0 0 0 4px rgba(226,178,58,.36),0 0 22px rgba(30,111,217,.5)}.feature{background:#fff;border:1px solid var(--line);border-radius:14px;padding:25px;margin:18px 0;box-shadow:var(--shadow);display:flex;align-items:center;justify-content:space-between;gap:26px}.feature-copy{max-width:560px;flex:1}.feature h2{margin:8px 0 10px}.feature p{margin-bottom:12px}.feature-1{background:#f7fbfe}.feature-2{flex-direction:row-reverse;background:#e8f1fa}.feature-3{border-left:5px solid var(--blue)}.feature-4{align-items:flex-start}.visual{width:min(240px,42%);min-width:180px;height:168px;margin:0;flex-shrink:0;border:1px solid var(--line);border-radius:14px;background:#f4f8fc;display:flex;align-items:center;justify-content:center;overflow:hidden}.visual img,.wide-visual img,.app-visual img{width:100%;height:100%;object-fit:contain;object-position:center}.feature-0 .visual,.feature-1 .visual{height:160px}.feature-app{align-items:flex-start;display:block}.app-visual{width:240px;max-width:100%;height:320px;background:var(--paper);margin:0 0 20px;border-radius:14px;border:1px solid var(--line)}.icon-photo{width:48px;height:48px;object-fit:contain;vertical-align:middle}.more{display:inline-flex;min-height:44px;align-items:center;font-weight:700}.more span{padding-left:5px}.sections-stack{padding-bottom:32px}.breadcrumb{font-size:13px;color:var(--muted);margin:0 0 18px}.page-lead{padding-bottom:15px}.page-lead>p{max-width:740px}.article-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:22px 0}.article-panel{border:1px solid var(--line);background:#fff;border-radius:14px;padding:23px;min-width:0;box-shadow:var(--shadow)}.article-panel:nth-child(even){background:var(--soft)}.article-panel h2{margin-bottom:12px}.article-panel p{margin-bottom:12px}.article-panel .aside-note{color:var(--muted);border-left:3px solid var(--amber);padding-left:13px}.layout-ru .article-panel:nth-child(2n){transform:translateY(14px)}.layout-cang .article-grid{display:flex;flex-direction:column}.layout-cang .article-panel{max-width:86%}.layout-cang .article-panel:nth-child(2n){align-self:flex-end}.layout-dui .article-panel:first-child,.layout-app .article-panel:first-child{grid-column:1/-1;columns:2;column-gap:32px}.layout-hen .article-grid{grid-template-columns:1fr}.layout-hen .article-panel{border-left:6px solid var(--blue)}.layout-ye .article-panel:nth-child(3n){grid-column:1/-1}.article-end{padding:25px;background:#e8f1fa;border-radius:14px;margin:25px 0 40px}.article-end h2{font-size:20px}.related-links{display:flex;gap:10px;flex-wrap:wrap;margin-top:15px}.related-links a{padding:10px 14px;min-height:44px;background:white;border:1px solid var(--line);border-radius:10px}.wide-visual{margin:0 0 18px;height:200px;background:var(--paper);border-radius:14px;border:1px solid var(--line)}.faq-list{display:grid;gap:14px;padding-bottom:35px}.faq-item{padding:20px 23px;background:white;border:1px solid var(--line);border-radius:14px}.faq-item h2{font-size:17px}.homepage-faq{padding:25px 0}.homepage-faq details{padding:14px 18px;background:white;border:1px solid var(--line);border-radius:10px;margin:9px 0}.homepage-faq summary{font-weight:700;cursor:pointer}.homepage-faq p{padding:10px 0;margin:0}.copy-note{font-size:13px;color:var(--muted)}.site-footer{background:var(--ink);border-top:4px solid var(--blue);color:#e8f1fa;font-size:13px;padding:33px 0 28px}.footer-brand{display:flex;align-items:center;gap:9px}.footer-brand img{height:28px}.footer-brand strong{font-size:16px}.footer-groups{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin:28px 0}.footer-groups h2{font-size:14px;color:#fff}.footer-links{display:flex;flex-direction:column;gap:8px}.footer-links a{color:#e8f1fa}.footer-disclaimer{border-top:1px solid rgba(107,168,240,.34);padding-top:16px}.copyright{color:#e8f1fa}.overlay{position:fixed;z-index:79;inset:62px 0 0;background:rgba(14,42,68,.45)}.overlay[hidden]{display:none!important}.drawer-layer,.search-layer{visibility:hidden;pointer-events:none;position:fixed;z-index:80;border:1px solid var(--line);box-shadow:var(--shadow)}.drawer-layer.is-open,.search-layer.is-open{visibility:visible;pointer-events:auto}.drawer-layer{top:70px;left:16px;width:min(560px,calc(100vw - 32px));max-height:70vh;overflow:auto;border-radius:14px;background:#fff;border-left:8px solid var(--blue)}.drawer-header{display:flex;align-items:center;gap:12px;padding:15px;border-bottom:1px solid var(--line)}.drawer-header strong{color:var(--ink)}.close-action{margin-left:auto;min-height:44px;padding:5px 10px;border:1px solid var(--line);background:#fff;border-radius:9px;color:var(--ink)}.drawer-sections{padding:10px 17px}.drawer-sections section{padding:5px 0 14px;border-bottom:1px solid var(--line)}.drawer-sections h2{font-size:15px;margin:10px 0}.drawer-item{display:grid;grid-template-columns:94px 1fr;align-items:center;gap:8px;padding:9px 4px;min-height:44px}.drawer-item span{font-size:13px;color:var(--muted)}.search-layer{top:70px;right:16px;width:min(420px,calc(100vw - 32px));background:var(--deep);padding:20px;border-radius:14px;color:var(--ink)}.search-head{display:flex;align-items:center}.search-layer label{display:block;margin-bottom:8px}.search-layer input{width:100%;min-height:45px;border:1px solid var(--line);border-radius:10px;padding:9px 12px;color:var(--ink)}.search-results{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:15px}.search-results a{display:flex;align-items:center;justify-content:center;min-height:44px;background:#fff;border-radius:10px;border:1px solid var(--line)}.search-results a[hidden]{display:none}.mobile-bottom{display:none}
@media(max-width:650px){.desktop-windows{display:none}.site-main{padding-top:62px}.top-pill{display:none}.brand-photo img{max-width:56px}.brand-words strong{font-size:15px}.top-inner{gap:6px}.top-action{padding:0 9px}.intro{padding-top:28px}.feature,.feature-2{display:block;padding:19px}.feature .visual{margin:15px auto 0;width:min(240px,100%)}.article-grid{grid-template-columns:1fr}.layout-dui .article-panel:first-child,.layout-app .article-panel:first-child{columns:1}.layout-cang .article-panel{max-width:100%}.layout-ru .article-panel:nth-child(2n){transform:none}.footer-groups{grid-template-columns:1fr 1fr}.site-footer{padding-bottom:calc(90px + env(safe-area-inset-bottom))}.mobile-bottom{position:fixed;z-index:50;inset:auto 0 0;height:calc(48px + env(safe-area-inset-bottom));background:var(--deep);border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(4,1fr);padding-bottom:env(safe-area-inset-bottom)}.mobile-bottom a{text-align:center;display:flex;align-items:center;justify-content:center;font-size:13px;min-height:44px}.mobile-bottom .selected{color:var(--ink);border-top:3px solid var(--blue);font-weight:700;box-shadow:0 -3px 12px rgba(30,111,217,.24)}.drawer-layer{max-height:70vh}.search-layer{inset:62px 0 0;width:100vw;height:calc(100dvh - 62px);border-radius:0;background:var(--ink);color:var(--deep);overflow:auto}.search-layer .close-action{margin-left:auto}.search-layer input{border-color:var(--light)}.search-layer .search-results a{background:var(--deep);color:var(--ink)}.search-layer p{color:var(--deep)}.search-layer label{color:var(--deep)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}