
:root{--base:#F4F8FC;--deep:#E8F1FA;--white:#fff;--light:#F7FBFE;--title:#0E2A44;--text:#1C3A56;--sub:#3D5C78;--muted:#6A88A0;--blue:#1E6FD9;--bright:#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;scroll-padding-top:125px}body{margin:0;background:var(--base);color:var(--text);font:15px/1.75 system-ui,-apple-system,"Microsoft YaHei",sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--navy);outline-offset:2px}img{max-width:100%}.blue-top{height:62px;background:#E8F1FA;border-bottom:3px solid var(--blue);position:fixed;top:0;left:0;right:0;z-index:60}.top-inner,.window-inner,.foot-inner{max-width:960px;margin:auto}.top-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 16px}.brand{display:flex;align-items:center;gap:8px;min-width:0}.brand-image{height:28px;min-width:32px;display:flex;align-items:center;font-weight:900;color:var(--navy)}.brand-image img,.panel-brand img,.foot-brand img{height:28px;width:auto;max-width:70px;object-fit:contain}.brand-titles{display:flex;flex-direction:column;line-height:1.1}.brand-titles strong{font-size:16px;color:var(--title)}.brand-titles small{font-size:12px;color:var(--sub);margin-top:4px}.top-pill{border:1px solid var(--blue);border-radius:25px;background:white;padding:5px 22px;height:34px;color:var(--navy);white-space:nowrap;font-size:13px}.top-actions{display:flex;gap:8px;white-space:nowrap}.icon-action,.panel-title button,.search-top button{min-width:44px;min-height:44px;border:1px solid var(--border);border-radius:12px;background:#fff;color:var(--navy);padding:0 12px}.window-nav{position:relative;margin-top:62px;height:40px;background:#edf6ff}.window-inner{display:flex;align-items:center;gap:26px;height:100%;padding:0 16px}.window-link{display:flex;align-items:center;gap:8px;color:var(--sub);font-size:13px}.window-link .square{height:14px;width:14px;border:2px solid var(--blue);border-bottom-left-radius:4px}.window-link.current{font-weight:800;color:var(--title)}.window-link.current .square{background:var(--blue);box-shadow:0 6px 16px rgba(30,111,217,.24)}.site-main{max-width:960px;margin:0 auto;padding:26px 16px 64px;min-height:68vh}h1,h2,h3{color:var(--title);line-height:1.3}h1{font-size:24px;margin:16px 0}h2{font-size:20px;margin:0 0 13px}h3{font-size:16px;margin:0 0 10px}p{margin:0 0 16px}.eyebrow{display:inline-block;color:var(--navy);font-size:13px;font-weight:750;letter-spacing:.04em}.intro{background:linear-gradient(125deg,#fff 0%,#f0f7ff 100%);border:1px solid var(--border);padding:26px 28px;border-radius:14px;margin-bottom:24px}.intro p{max-width:750px}.crumb{color:var(--muted);font-size:13px;margin:0 0 16px}.crumb a{color:var(--navy)}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:8px 19px;border-radius:10px;background:linear-gradient(135deg,#6BA8F0 0%,#1E6FD9 54%,#0E4A9E 100%);color:#F4F8FC;font-size:14px;font-weight:700;white-space:nowrap;box-shadow:0 6px 16px rgba(30,111,217,.24);transition:box-shadow .18s,filter .18s}.btn:hover{filter:brightness(1.04);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)}.btn-secondary{background:#fff;color:var(--title);border:1px solid var(--border);box-shadow:none}.media-slot{width:100%;height:160px;display:flex;align-items:center;justify-content:center;background:var(--base);border-radius:12px;overflow:hidden;flex-shrink:0}.media-slot img{width:100%;height:100%;object-fit:contain;object-position:center}.media-slot.compact{width:240px;height:168px}.media-slot.square{width:240px;height:160px}.media-slot.portrait{width:240px;height:320px}.media-slot.banner{height:200px;width:100%}.content-panel,.feature,.editorial,.faq-item{border:1px solid var(--border);border-radius:14px;background:#fff;box-shadow:var(--shadow)}.feature{margin:20px 0;padding:24px;display:flex;align-items:center;gap:26px}.feature.reverse{flex-direction:row-reverse}.feature h2{margin:0 0 11px}.feature .copy{flex:1;min-width:0}.feature .media-slot{width:240px}.feature.noimage .copy{max-width:730px}.feature:has(.portrait){align-items:flex-start}.feature:has(.portrait) .media-slot{width:240px}.text-link{color:var(--navy);font-weight:700;border-bottom:1px solid var(--border)}.pill-row{display:flex;gap:9px;flex-wrap:wrap;margin-top:12px}.pill-row a{background:var(--deep);border-radius:10px;padding:9px 14px;font-size:13px;color:var(--navy);font-weight:750}.alternate{margin-left:7%;margin-right:2%}.alternate:nth-of-type(even){margin-left:0;margin-right:8%}.story-row{display:flex;align-items:center;gap:24px}.story-row .media-slot{width:240px}.long-article{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px}.editorial{padding:26px}.editorial p{line-height:1.85}.editorial .note{background:var(--light);border-left:3px solid var(--amber);padding:12px 15px;border-radius:7px}.type-horizontal .editorial:nth-child(2){transform:translateY(20px)}.type-wrap .editorial:first-child{grid-column:1/-1}.type-misaligned .editorial:nth-child(odd){margin-top:25px}.type-state .editorial{border-top:4px solid var(--blue)}.type-sheet .editorial:nth-child(3n){background:var(--light)}.type-long{grid-template-columns:1fr}.type-long .editorial{padding:28px 34px}.page-image{margin:0 0 22px}.page-image .media-slot{max-width:350px}.page-image figcaption{color:var(--sub);font-size:13px;margin-top:6px}.linkback{padding:22px;background:var(--deep);border-radius:14px;margin-top:32px}.linkback a{display:inline-block;margin:6px 15px 6px 0;color:var(--navy);font-weight:700}.brand-banner{margin:0 0 20px}.faq-item{margin:0 0 16px;padding:22px 26px}.faq-item p{margin-bottom:0}.site-footer{background:var(--title);color:#E8F1FA;border-top:3px solid var(--blue);font-size:13px}.foot-inner{padding:36px 16px}.foot-brand{display:flex;gap:10px;align-items:center;margin-bottom:22px}.foot-brand small{letter-spacing:.08em}.foot-groups{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:24px}.foot-groups h2{color:#E8F1FA;font-size:15px;margin-bottom:12px}.foot-groups a{display:block;margin-bottom:8px;color:#d6e9ff}.foot-inner p{color:#c7dcec;font-size:13px}.scrim{position:fixed;inset:0;z-index:70;background:rgba(14,42,68,.46)}.scrim[hidden]{display:none}.panel-open{overflow:hidden}.menu-panel,.search-panel{position:fixed;z-index:80;visibility:hidden;pointer-events:none;opacity:0;transition:opacity .18s;background:#fff;color:var(--title);border:1px solid var(--border);box-shadow:0 20px 40px rgba(14,42,68,.19)}.is-open{visibility:visible;pointer-events:auto;opacity:1}.menu-panel{top:72px;left:max(16px,calc((100vw - 960px)/2));width:min(560px,calc(100vw - 32px));height:min(70vh,700px);border-left:8px solid var(--blue);border-radius:14px;display:flex;flex-direction:column}.panel-title,.search-top{display:flex;align-items:center;justify-content:space-between;padding:12px 18px;border-bottom:1px solid var(--border)}.panel-brand{display:flex;align-items:center;gap:10px}.panel-list{padding:16px 20px;overflow-y:auto}.panel-list h2{font-size:15px;margin:0 0 10px;color:var(--navy)}.panel-links{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:19px}.panel-links a{border:1px solid var(--border);border-radius:10px;padding:10px 12px;min-height:57px}.panel-links strong{display:block;font-size:14px;color:var(--title)}.panel-links span{display:block;font-size:12px;color:var(--sub)}.search-panel{top:72px;right:max(16px,calc((100vw - 960px)/2));width:min(420px,calc(100vw - 32px));max-height:75vh;border-radius:14px;overflow-y:auto;background:var(--deep)}.search-panel label{display:block;margin:18px 20px 8px}.search-panel input{margin:0 20px 13px;width:calc(100% - 40px);min-height:44px;border:1px solid var(--blue);border-radius:9px;padding:8px 12px;background:#fff;color:var(--title)}.search-results{padding:0 20px 20px;display:grid;gap:8px}.search-results a{display:block;padding:10px 12px;border:1px solid var(--border);background:#fff;border-radius:9px}.search-results a[hidden]{display:none}.search-results small{display:block;color:var(--sub)}#search-empty{margin:15px 20px}.mobile-bottom{display:none}a:hover{text-decoration-color:var(--blue)}@media(max-width:700px){.blue-top{height:62px}.top-inner{gap:6px}.top-pill{display:none}.top-actions{margin-left:auto}.icon-action{padding:0 10px}.window-nav{height:0;overflow:hidden}.site-main{padding:21px 16px 94px}.intro{padding:22px}.feature,.feature.reverse{display:block;padding:20px}.feature .media-slot,.feature:has(.portrait) .media-slot{width:min(240px,100%);margin:14px auto}.long-article{grid-template-columns:1fr}.type-horizontal .editorial:nth-child(2){transform:none}.type-wrap .editorial:first-child{grid-column:auto}.type-misaligned .editorial:nth-child(odd){margin-top:0}.alternate,.alternate:nth-of-type(even){margin-left:0;margin-right:0}.story-row{display:block}.story-row .media-slot{margin:15px auto}.foot-groups{grid-template-columns:repeat(2,1fr)}.mobile-bottom{display:grid;grid-template-columns:repeat(4,1fr);height:calc(48px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);position:fixed;bottom:0;left:0;right:0;background:var(--deep);z-index:55;border-top:1px solid var(--border)}.mobile-bottom a{height:48px;text-align:center;display:flex;align-items:center;justify-content:center;font-size:13px;color:var(--sub)}.mobile-bottom a.current{color:var(--title);font-weight:800;border-top:3px solid var(--blue);box-shadow:inset 0 5px 10px rgba(30,111,217,.15)}.menu-panel{top:70px;left:16px;height:min(70vh,700px)}.panel-links{grid-template-columns:1fr}.search-panel{position:fixed;inset:0;top:0;right:0;width:100vw;max-height:100vh;height:100dvh;background:var(--title);color:var(--deep);border:0;border-radius:0}.search-top{border-color:#6A88A0}.search-top button{background:var(--deep)}.search-results a{color:var(--title)}.search-results small{color:var(--sub)}}@media(max-width:360px){.brand-image{min-width:24px}.top-actions{gap:4px}.icon-action{min-width:44px;padding:0 5px}.brand-titles strong{font-size:15px}}
