
:root{--bg:#F4F8FC;--deep:#E8F1FA;--card:#fff;--title:#0E2A44;--text:#1C3A56;--muted:#3D5C78;--blue:#1E6FD9;--light:#6BA8F0;--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;background:var(--bg);color:var(--text);font:15px/1.75 system-ui,-apple-system,"Microsoft YaHei",sans-serif;overflow-x:hidden}body.locked{overflow:hidden}a{color:#0E4A9E;text-decoration:none}a:hover{text-decoration:underline}button,input{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #0E4A9E;outline-offset:2px}h1,h2,h3,p{margin-top:0}h1{font-size:24px;line-height:1.3;color:var(--title);margin-bottom:18px}h2{font-size:20px;line-height:1.45;color:var(--title);margin-bottom:14px}h3{font-size:16px;line-height:1.5;color:var(--title)}p{margin-bottom:15px}.topbar{height:62px;position:fixed;inset:0 0 auto;background:#E8F1FA;border-bottom:3px solid #1E6FD9;z-index:55}.topinner{max-width:960px;height:100%;margin:auto;padding:0 16px;display:flex;align-items:center;justify-content:space-between;gap:12px}.brand{min-width:135px;display:flex;align-items:center;gap:9px;color:var(--title);line-height:1.1}.brand img,.footlogo img,.panelbrand img{height:28px;max-width:76px;object-fit:contain}.brandword{display:flex;flex-direction:column}.brandword strong{font-size:16px}.brandword small{font-size:12px;letter-spacing:.11em;color:#3D5C78}.brand-pill{padding:2px 20px;border:1px solid #1E6FD9;background:white;border-radius:40px;height:34px;color:#0E2A44;font-size:13px;line-height:29px;white-space:nowrap}.topactions{display:flex;gap:8px;flex-shrink:0}.iconbtn,.closebtn{background:#fff;color:#0E2A44;border:1px solid var(--border);border-radius:10px;min-width:44px;min-height:44px;padding:6px 10px;transition:.18s}.iconbtn:hover,.closebtn:hover{box-shadow:0 0 0 3px rgba(107,168,240,.4)}.browserrail{position:relative;margin-top:62px;height:40px;background:#F7FBFE;border-bottom:1px solid var(--border)}.railinner{max-width:960px;padding:0 16px;margin:auto;height:100%;display:flex;align-items:center;gap:24px}.railnav{font-size:13px;color:#3D5C78;display:inline-flex;gap:9px;align-items:center;white-space:nowrap}.railnav i{width:14px;height:14px;border:2px solid #1E6FD9;border-radius:0 0 0 4px}.railnav.active{color:#0E2A44;font-weight:700}.railnav.active i{background:#1E6FD9;box-shadow:0 0 9px #6BA8F0}.container{max-width:960px;padding:30px 16px 74px;margin:0 auto;min-height:60vh}.breadcrumb{font-size:13px;color:#6A88A0;margin-bottom:20px}.breadcrumb a{color:#3D5C78}.hero{padding:25px 25px 28px;border-left:6px solid #1E6FD9;border-radius:14px;background:linear-gradient(110deg,#fff 60%,#E8F1FA);margin:4px 0 28px}.eyebrow{font-size:13px;letter-spacing:.12em;color:#0E4A9E;font-weight:700;margin-bottom:12px}.lead{font-size:16px;max-width:760px}.lead.small{font-size:15px}.btn,.linkbtn{display:inline-flex;min-height:44px;align-items:center;justify-content:center;white-space:nowrap;border-radius:11px;padding:8px 19px;color:#F4F8FC;background:linear-gradient(135deg,#6BA8F0 0%,#1E6FD9 54%,#0E4A9E 100%);box-shadow:0 6px 16px rgba(30,111,217,.24);font-size:14px;transition:filter .18s,box-shadow .18s;text-decoration:none}.btn:hover,.linkbtn:hover{filter:brightness(1.09);box-shadow:0 0 0 3px rgba(107,168,240,.5),0 10px 24px rgba(14,74,158,.24);text-decoration:none}.btn:active,.linkbtn:active{filter:brightness(1.06);box-shadow:0 0 0 4px rgba(226,178,58,.36),0 0 22px rgba(30,111,217,.5)}.link{display:inline-flex;align-items:center;min-height:44px;font-weight:700}.section{margin:28px 0;border:1px solid var(--border);background:#fff;border-radius:14px;box-shadow:var(--shadow);padding:24px}.section.softer{background:#F7FBFE}.split{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:24px;align-items:center}.split.reverse{grid-template-columns:260px minmax(0,1fr)}.split.reverse>.visual{order:0}.split.reverse>.copy{order:1}.visual{background:#F4F8FC;border-radius:12px;min-height:160px;padding:12px;display:flex;justify-content:center;align-items:center;flex-direction:column;border:1px solid rgba(30,111,217,.13);margin:0;max-width:100%}.visual img{width:100%;height:100%;max-height:155px;object-fit:contain;object-position:center}.visual figcaption{color:#6A88A0;font-size:12px;margin-top:7px;text-align:center}.visual.tall{width:min(100%,240px);height:320px;margin:auto}.visual.tall img{max-height:290px}.visual.square{width:min(100%,240px);height:168px}.visual.wide{width:100%;height:200px}.visual.wide img{max-height:180px}.story{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:center}.story article{border-radius:14px;padding:18px;background:#E8F1FA}.story article:nth-child(2){margin-top:58px;background:#fff;border:1px solid var(--border)}.story .visual{margin-top:12px;height:168px;width:min(100%,240px)}.prose p{margin-bottom:18px}.kicker{display:inline-block;font-size:12px;font-weight:700;color:#0E4A9E;letter-spacing:.12em;margin-bottom:10px}.section-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.action-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:16px}.mini-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.mini{background:#F7FBFE;border:1px solid var(--border);padding:16px;border-radius:12px}.mini h3{margin-bottom:8px}.fine{color:#3D5C78;font-size:13px}.longread{max-width:790px}.longread h2{border-left:4px solid #6BA8F0;padding-left:13px;margin-top:30px}.callout{border-left:4px solid #E2B23A;background:#F7FBFE;padding:16px 20px;margin:22px 0;border-radius:0 12px 12px 0}.steps{counter-reset:s;display:grid;gap:12px;padding:0;list-style:none}.steps li{border:1px solid var(--border);background:#fff;border-radius:12px;padding:14px 18px}.steps li:before{counter-increment:s;content:counter(s);display:inline-grid;place-items:center;background:#E8F1FA;color:#0E4A9E;font-weight:700;width:28px;height:28px;border-radius:8px;margin-right:10px}.faqitem{border:1px solid var(--border);background:white;padding:18px 20px;border-radius:12px;margin-bottom:14px}.faqitem h2{font-size:17px}.faqitem p:last-child{margin-bottom:0}.footer{background:#0E2A44;color:#E8F1FA;border-top:3px solid #1E6FD9}.footerin{max-width:960px;padding:32px 16px 24px;margin:auto;display:grid;grid-template-columns:1.6fr repeat(4,1fr);gap:16px}.footer a{color:#E8F1FA}.footbrand p{font-size:13px;margin-top:15px}.footlogo{display:flex;align-items:center;gap:8px;font-weight:700}.footlogo small{font-size:11px;opacity:.8}.footgroup h3{color:#E8F1FA;font-size:14px;margin-bottom:12px}.footgroup a{display:block;font-size:13px;margin-bottom:6px}.footfine{grid-column:1/-1;border-top:1px solid #3D5C78;padding-top:15px;font-size:13px;color:#E8F1FA}.footfine p{margin:0 0 7px}.overlay{position:fixed;inset:0;background:rgba(14,42,68,.5);z-index:60;visibility:hidden;pointer-events:none;opacity:0;transition:opacity .18s}.overlay.show{visibility:visible;pointer-events:auto;opacity:1}.menupanel,.searchpanel{position:fixed;z-index:62;visibility:hidden;pointer-events:none;opacity:0;transition:opacity .18s,transform .18s;overflow-y:auto;box-shadow:var(--shadow)}.menupanel.show,.searchpanel.show{visibility:visible;pointer-events:auto;opacity:1;transform:translateY(0)}.menupanel{top:70px;left:16px;width:min(560px,calc(100vw - 32px));max-height:70vh;border-left:8px solid #1E6FD9;background:#fff;padding:18px;border-radius:0 14px 14px 0;transform:translateY(-10px)}.panelhead,.searchtop{display:flex;justify-content:space-between;align-items:center;gap:10px}.panelbrand{display:flex;align-items:center;gap:10px;font-weight:700}.menugroup{padding-top:12px}.menugroup h3{margin:6px 0}.menulinks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.menulinks a,.searchresults a{border-radius:10px;background:#F4F8FC;padding:8px 10px;display:flex;flex-direction:column;min-height:54px}.menulinks small,.searchresults small{color:#3D5C78;font-size:12px;line-height:1.35}.menulinks strong,.searchresults strong{color:#0E2A44;font-size:14px}.searchpanel{top:70px;right:16px;width:min(420px,calc(100vw - 32px));max-height:80vh;background:#E8F1FA;padding:20px;border-radius:14px;transform:translateY(-10px)}.searchpanel h2{margin:0}.searchpanel input{width:100%;height:46px;padding:10px 14px;border:1px solid #6BA8F0;border-radius:10px;color:#0E2A44;background:#fff}.searchresults{display:grid;gap:6px;max-height:32vh;overflow-y:auto;margin:14px 0}.searchhints{display:flex;gap:9px;flex-wrap:wrap;font-size:13px}.searchhints a{padding:3px 9px;background:#fff;border-radius:8px}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.mobilebottom{display:none}.ornament{height:4px;background:linear-gradient(90deg,#1E6FD9,#E2B23A,#E07A62);border-radius:12px;width:95px;margin:14px 0}
@media(max-width:700px){.browserrail{display:none}.container{padding-top:82px;padding-bottom:100px}.topinner{gap:8px}.brand{min-width:0}.brand-pill,.desktoponly{display:none}.iconbtn{font-size:20px;min-width:44px}.hero,.section{padding:20px 17px}.split,.split.reverse,.story{display:block}.split.reverse>.visual{order:initial}.split .visual,.split.reverse .visual{margin:15px auto;width:min(100%,300px)}.story article:nth-child(2){margin-top:14px}.mini-grid{grid-template-columns:1fr}.footerin{grid-template-columns:repeat(2,1fr);padding-bottom:85px}.footbrand{grid-column:1/-1}.footfine{grid-column:1/-1}.mobilebottom{height:calc(48px + env(safe-area-inset-bottom));display:flex;align-items:stretch;position:fixed;inset:auto 0 0;background:#E8F1FA;border-top:1px solid #6BA8F0;z-index:57;padding-bottom:env(safe-area-inset-bottom)}.mobilebottom a{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#3D5C78;line-height:1.15;font-size:18px;min-height:48px}.mobilebottom a span{font-size:12px}.mobilebottom a.selected{color:#0E2A44;font-weight:700;box-shadow:inset 0 3px #1E6FD9,0 -5px 13px rgba(30,111,217,.15)}.menupanel{top:65px;max-height:calc(100dvh - 85px)}.menulinks{grid-template-columns:1fr 1fr}.searchpanel{inset:0;width:100%;max-height:100dvh;height:100dvh;border-radius:0;background:#0E2A44;color:#E8F1FA;z-index:64}.searchpanel h2,.searchpanel strong,.searchpanel .searchresults strong{color:#E8F1FA}.searchpanel .searchresults a{background:#1C3A56}.searchpanel .searchresults small{color:#E8F1FA}.searchpanel .searchhints a{color:#0E2A44}}
@media(max-width:380px){.brand img{max-width:42px}.menulinks{grid-template-columns:1fr}.section-head{display:block}}
