:root{
  --bg:#FFFFFF;--deep-bg:#F5F7FA;--surface:#FFFFFF;--muted-bg:#EEF1F6;--title:#0A1628;--text:#1E2A3A;--muted:#4A5568;--subtle:#718096;--blue:#0033A0;--bright:#0052CC;--deep-blue:#002066;--border:rgba(0,51,160,.14);--shadow:0 12px 36px rgba(0,33,102,.08);--max:1220px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:hidden}body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",Arial,sans-serif;line-height:1.75;overflow-x:hidden}a{color:inherit;text-decoration:none}img{display:block;max-width:100%;height:auto}button,input{font:inherit}.shell{width:min(var(--max),calc(100% - 32px));margin:0 auto}.site-header{position:fixed;z-index:1000;top:0;left:0;right:0}.spine-line{height:18px;background:var(--deep-blue);color:#fff;font-size:11px;line-height:18px}.spine-inner{height:18px;display:flex;align-items:center;justify-content:space-between}.spine-search{border:0;background:transparent;color:#fff;height:18px;padding:0 8px;cursor:pointer;font-size:11px}.cover-bar{height:60px;background:#fff;border-bottom:1px solid var(--border)}.cover-inner{height:60px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px}.brand-lockup{justify-self:start;display:flex;align-items:center;min-width:76px}.brand-logo{height:34px;width:auto;max-width:160px;object-fit:contain}.brand-text{font-size:26px;font-weight:900;color:var(--deep-blue);letter-spacing:-1px}.catalog-button{min-height:44px;padding:0 22px;border:1px solid var(--blue);border-radius:10px;background:#fff;color:var(--blue);font-weight:800;cursor:pointer}.app-link{justify-self:end;min-height:44px;display:inline-flex;align-items:center;padding:0 18px;border-radius:10px;background:linear-gradient(135deg,#0052CC 0%,#0033A0 50%,#002066 100%);color:#fff;font-weight:800}.tab-strip{height:40px;background:var(--deep-bg);border-bottom:1px solid var(--border)}.tab-inner{height:40px;display:flex;align-items:center;justify-content:flex-start;gap:8px}.tab-link{height:30px;padding:0 12px;display:inline-flex;align-items:center;border-radius:7px;color:var(--text);font-size:14px}.tab-link:hover,.tab-link:focus-visible{background:#fff;color:var(--blue);outline:2px solid rgba(0,82,204,.2);outline-offset:1px}.tab-link.is-current{background:var(--blue);color:#fff}.site-main{padding-top:142px;min-height:60vh}.page-hero{padding:34px 0 20px}.eyebrow{font-size:13px;font-weight:800;color:var(--blue);letter-spacing:.08em}.page-hero h1{margin:6px 0 12px;font-size:clamp(28px,4vw,32px);line-height:1.25;color:var(--title);letter-spacing:-.02em}.lead{max-width:860px;margin:0;color:var(--muted);font-size:17px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}.btn-primary,.btn-secondary{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 18px;border-radius:10px;font-weight:800}.btn-primary{background:linear-gradient(135deg,#0052CC 0%,#0033A0 50%,#002066 100%);color:#fff}.btn-secondary{background:#fff;color:var(--blue);border:1px solid var(--blue)}.btn-primary:hover,.btn-primary:focus-visible,.app-link:hover,.app-link:focus-visible{filter:brightness(1.06);outline:3px solid rgba(0,82,204,.18);outline-offset:2px}.btn-secondary:hover,.btn-secondary:focus-visible,.catalog-button:hover,.catalog-button:focus-visible{background:var(--deep-bg);outline:3px solid rgba(0,82,204,.12);outline-offset:2px}.section{padding:28px 0}.section.alt{background:var(--deep-bg)}.section-head{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:18px}.section-head h2{margin:0;color:var(--title);font-size:24px;line-height:1.3}.section-head p{margin:0;color:var(--subtle);max-width:620px}.banner-slot,.image-slot{background:var(--deep-bg);border:1px solid var(--border);border-radius:16px;display:flex;align-items:center;justify-content:center;overflow:hidden}.banner-slot{min-height:190px;max-height:300px}.banner-slot img{width:100%;max-height:300px;object-fit:contain;object-position:center}.banner-fallback{width:100%;min-height:220px;display:grid;place-items:center;padding:24px;text-align:center;color:var(--deep-blue);font-size:30px;font-weight:900}.content-image{width:100%;max-height:240px;object-fit:contain;object-position:center;background:var(--deep-bg);border-radius:14px;border:1px solid var(--border);padding:6px}.card .content-image{height:200px;}
.tall-image{width:100%;max-height:420px;object-fit:contain;object-position:center;background:var(--deep-bg);border-radius:16px;border:1px solid var(--border);padding:8px}.page-cards,.cards-4,.cards-3,.cards-2,.theme-grid,.status-grid{display:grid;gap:16px}.page-cards{grid-template-columns:repeat(3,1fr)}.cards-4{grid-template-columns:repeat(4,1fr)}.cards-3{grid-template-columns:repeat(3,1fr)}.cards-2{grid-template-columns:repeat(2,1fr)}.theme-grid{grid-template-columns:repeat(3,1fr)}.status-grid{grid-template-columns:repeat(4,1fr)}.card,.page-card,.status-card,.number-card,.shelf-row,.index-row,.article-panel,.statement-box{background:#fff;border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow)}.card,.page-card,.status-card,.number-card,.article-panel,.statement-box{padding:20px}.page-card{min-height:148px;display:flex;flex-direction:column;justify-content:space-between}.page-card .chip,.chip{display:inline-flex;align-items:center;width:max-content;min-height:26px;padding:2px 9px;border-radius:7px;background:var(--bright);color:#fff;font-size:12px;font-weight:800}.page-card:nth-child(even) .chip{background:var(--deep-blue)}.page-card h3,.card h3{margin:10px 0 6px;color:var(--title);font-size:18px}.page-card p,.card p,.status-card p,.article-panel p,.statement-box p{margin:0;color:var(--muted)}.text-link{display:inline-flex;align-items:center;min-height:44px;color:var(--blue);font-weight:800}.split{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(280px,.95fr);gap:24px;align-items:center}.split.reverse{grid-template-columns:minmax(280px,.95fr) minmax(0,1.05fr)}.split.reverse .split-media{order:2}.number-list{display:grid;gap:10px;margin-top:18px}.number-row{display:grid;grid-template-columns:54px 1fr auto;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid var(--border)}.number-row:last-child{border-bottom:0}.number-row .num{font-size:24px;font-weight:900;color:var(--blue);line-height:1}.number-row strong{color:var(--title)}.number-row a{min-height:44px;display:inline-flex;align-items:center;color:var(--blue);font-weight:800}.content-copy p{margin:0 0 14px}.content-copy h2{margin:26px 0 10px;color:var(--title);font-size:23px}.content-copy h3{margin:20px 0 8px;color:var(--title);font-size:18px}.content-copy ul{padding-left:1.2em}.content-copy li{margin:6px 0}.notice{padding:16px 18px;border-left:4px solid var(--blue);background:var(--deep-bg);border-radius:0 12px 12px 0;color:var(--muted)}.shelf-list{display:grid;gap:12px}.shelf-row{display:grid;grid-template-columns:110px 1fr auto;gap:18px;align-items:center;padding:18px}.shelf-code{font-weight:900;color:var(--blue);font-size:20px}.shelf-row p{margin:3px 0 0;color:var(--muted)}.order-list{display:grid;gap:16px}.number-card{display:grid;grid-template-columns:84px 1fr;gap:18px;align-items:start}.number-card .big-num{font-size:48px;font-weight:900;line-height:1;color:var(--blue)}.number-card h3{margin:0 0 6px;color:var(--title)}.status-card strong{display:block;color:var(--blue);margin-bottom:6px}.step-list{counter-reset:steps;display:grid;gap:14px}.step{counter-increment:steps;position:relative;padding:18px 18px 18px 66px;background:#fff;border:1px solid var(--border);border-radius:14px}.step:before{content:counter(steps,decimal-leading-zero);position:absolute;left:18px;top:16px;color:var(--blue);font-weight:900;font-size:24px}.opinion{border:1px solid var(--border);border-radius:14px;padding:20px;background:#fff}.opinion strong{display:block;color:var(--blue);margin-bottom:8px}.faq-list{display:grid;gap:14px}.faq-item{border:1px solid var(--border);border-radius:14px;background:#fff;padding:20px}.faq-item h2{font-size:18px;margin:0 0 8px;color:var(--title)}.faq-item p{margin:0;color:var(--muted)}.link-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.link-card{display:block;min-height:110px;padding:18px;border:1px solid var(--border);border-radius:14px;background:#fff}.link-card strong{display:block;color:var(--title);margin-bottom:5px}.link-card span{color:var(--muted);font-size:14px}.site-footer{margin-top:40px;background:#0A1628;color:#A0AEC0;padding:36px 0 calc(26px + env(safe-area-inset-bottom))}.footer-brand{display:flex;align-items:center;gap:14px;margin-bottom:24px}.footer-logo{height:32px;width:auto;max-width:150px;object-fit:contain;filter:brightness(0) invert(1)}.footer-brand strong{display:block;color:#fff;font-size:20px}.footer-brand span{font-size:12px}.footer-groups{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.footer-groups h2{font-size:14px;color:#fff;margin:0 0 10px}.footer-groups a{display:block;min-height:30px;color:#CBD5E0;font-size:14px}.footer-groups a:hover,.footer-groups a:focus-visible{color:#fff;text-decoration:underline}.footer-note{margin:24px 0 8px;padding-top:18px;border-top:1px solid rgba(255,255,255,.1);font-size:13px}.copyright{margin:0;font-size:12px}.overlay{position:fixed;z-index:1100;inset:78px 0 0;background:rgba(10,22,40,.46);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .18s ease}.overlay.is-open{opacity:1;visibility:visible;pointer-events:auto}.catalog-panel,.search-panel{position:fixed;z-index:1200;left:50%;top:78px;transform:translateX(-50%) translateY(-8px);width:min(var(--max),calc(100% - 32px));max-height:50vh;overflow:auto;background:#fff;border:1px solid var(--border);border-radius:0 0 16px 16px;box-shadow:0 24px 60px rgba(10,22,40,.18);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .18s ease,transform .18s ease}.catalog-panel.is-open,.search-panel.is-open{opacity:1;visibility:visible;pointer-events:auto;transform:translateX(-50%) translateY(0)}.catalog-head,.search-head{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;padding:14px 18px;background:#fff;border-bottom:1px solid var(--border)}.catalog-brand{display:flex;align-items:center;gap:10px;color:var(--title)}.catalog-brand img{height:28px;width:auto;max-width:140px;object-fit:contain}.panel-close{min-height:44px;padding:0 14px;border:1px solid var(--border);border-radius:9px;background:#fff;color:var(--blue);cursor:pointer}.catalog-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;padding:18px}.catalog-group h2{font-size:14px;color:var(--blue);margin:0 0 8px}.catalog-group a{display:block;padding:8px 0;border-bottom:1px solid var(--border)}.catalog-group a:last-child{border-bottom:0}.catalog-group strong{display:block;color:var(--title);font-size:14px}.catalog-group span{display:block;color:var(--subtle);font-size:12px;line-height:1.55}.search-panel{padding-bottom:18px}.search-box{padding:18px}.search-box label{display:block;color:var(--title);font-weight:800;margin-bottom:8px}.search-box input{width:100%;height:46px;border:1px solid rgba(0,51,160,.28);border-radius:10px;padding:0 14px;color:var(--text);background:#fff;outline:none}.search-box input:focus{border-color:var(--bright);box-shadow:0 0 0 3px rgba(0,82,204,.12)}.search-box p{margin:8px 0 0;color:var(--subtle);font-size:12px}.search-presets{display:flex;flex-wrap:wrap;gap:8px;padding:0 18px}.search-presets a{min-height:44px;display:inline-flex;align-items:center;padding:0 14px;border:1px solid var(--blue);border-radius:9px;color:var(--blue);font-weight:800}.panel-open{overflow:hidden}.mobile-bottom-nav{display:none}
@media (max-width:900px){.page-cards,.cards-4,.cards-3,.theme-grid,.status-grid{grid-template-columns:repeat(2,1fr)}.split,.split.reverse{grid-template-columns:1fr}.split.reverse .split-media{order:0}.catalog-grid{grid-template-columns:repeat(2,1fr)}.footer-groups{grid-template-columns:repeat(2,1fr)}.shelf-row{grid-template-columns:88px 1fr}.shelf-row>a{grid-column:2}.link-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:640px){body{padding-bottom:calc(50px + env(safe-area-inset-bottom))}.shell{width:calc(100% - 32px)}.tab-strip{display:none}.cover-inner{grid-template-columns:minmax(72px,1fr) auto minmax(72px,1fr);gap:6px}.brand-logo{height:30px;max-width:116px}.catalog-button{padding:0 12px}.app-link{padding:0 10px;font-size:13px}.site-main{padding-top:102px}.page-hero{padding-top:24px}.page-cards,.cards-4,.cards-3,.cards-2,.theme-grid,.status-grid,.link-grid{grid-template-columns:1fr}.section{padding:22px 0}.section-head{display:block}.section-head p{margin-top:6px}.banner-slot{min-height:150px}.banner-fallback{min-height:180px;font-size:24px}.number-row{grid-template-columns:48px 1fr}.number-row a{grid-column:2}.number-card{grid-template-columns:64px 1fr}.number-card .big-num{font-size:38px}.catalog-panel,.search-panel{top:78px;width:100%;max-height:66vh;border-radius:0}.catalog-grid{grid-template-columns:1fr;padding:14px 16px}.catalog-group a{padding:10px 0}.overlay{inset:78px 0 0}.mobile-bottom-nav{position:fixed;z-index:900;left:0;right:0;bottom:0;height:calc(50px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);display:grid;grid-template-columns:repeat(5,1fr);background:#fff;border-top:1px solid var(--border);box-shadow:0 -8px 24px rgba(0,33,102,.08)}.mobile-bottom-nav a{min-width:0;display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:13px}.mobile-bottom-nav a.is-current{background:var(--blue);color:#fff}.footer-groups{grid-template-columns:1fr 1fr}.shelf-row{grid-template-columns:1fr;gap:8px}.shelf-row>a{grid-column:auto}.site-footer{margin-bottom:0}}
@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}