:root{--ink:#0A1628;--text:#1E2A3A;--muted:#4A5568;--soft:#718096;--blue:#0033A0;--bright:#0052CC;--deep:#002066;--bg:#fff;--layer:#F5F7FA;--panel:#EEF1F6;--border:rgba(0,51,160,.14);--shadow:0 12px 36px rgba(0,33,102,.08)}*{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:hidden}body{margin:0;background:var(--bg);color:var(--text);font-family:"PingFang SC","Microsoft YaHei",system-ui,-apple-system,sans-serif;font-size:16px;line-height:1.75;overflow-x:hidden}body.no-scroll{overflow:hidden}a{color:inherit;text-decoration:none}button{font:inherit}.site-head{position:fixed;top:0;left:0;right:0;z-index:80}.head-inner{max-width:1220px;margin:0 auto;padding:0 20px}.blue-line{height:22px;background:var(--deep);color:#fff;font-size:12px}.blue-line .head-inner{height:22px;display:flex;align-items:center;justify-content:space-between}.line-search{border:0;background:transparent;color:#fff;min-height:22px;padding:0 4px;cursor:pointer}.museum-bar{height:68px;background:#fff;border-bottom:1px solid var(--border)}.museum-inner{height:68px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center}.brand-mark{justify-self:start;display:flex;align-items:center;min-height:44px;color:var(--ink);font-size:22px;font-weight:800}.brand-mark img{height:36px;max-width:190px;width:auto;object-fit:contain}.catalog-trigger{justify-self:center;min-height:44px;padding:0 26px;border:1px solid var(--blue);background:#fff;color:var(--blue);border-radius:10px;cursor:pointer;font-weight:700}.app-link{justify-self:end;display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 18px;background:linear-gradient(135deg,#0052CC,#0033A0 50%,#002066);color:#fff;border-radius:10px;font-weight:700}.sign-strip{height:44px;background:var(--panel);border-bottom:1px solid var(--border)}.sign-inner{max-width:1220px;height:44px;margin:0 auto;padding:0 20px;display:flex;align-items:center;gap:8px}.sign-inner a{display:flex;align-items:center;min-height:32px;padding:0 12px;border-radius:8px;color:var(--text);font-size:14px}.sign-inner a.active{background:var(--blue);color:#fff}.site-main{max-width:1220px;margin:0 auto;padding:166px 20px 64px}.page-hero{padding:28px 0 18px}.page-hero .eyebrow,.section-kicker{margin:0 0 8px;color:var(--blue);font-size:13px;font-weight:800;letter-spacing:.08em}.page-hero h1{margin:0;color:var(--ink);font-size:32px;line-height:1.3}.page-hero p{max-width:840px;margin:14px 0 0;color:var(--muted)}.panel{margin:18px 0;padding:24px;background:#fff;border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow)}.panel h2{margin:0 0 10px;color:var(--ink);font-size:22px;line-height:1.35}.panel h3{margin:0 0 8px;color:var(--ink);font-size:17px}.panel p{margin:0 0 12px}.panel p:last-child{margin-bottom:0}.muted{color:var(--muted)}.media-slot{display:flex;align-items:center;justify-content:center;width:100%;height:200px;background:var(--layer);border:1px solid var(--border);border-radius:12px;overflow:hidden}.media-slot img{display:block;width:100%;height:100%;object-fit:contain;object-position:center}.hero-media{height:300px}.hero-media img{object-fit:contain}.app-media{height:420px}.hero-copy{text-align:left}.hero-copy .brand-mini{color:var(--blue);font-weight:800}.hero-copy h1{margin:6px 0 10px;font-size:32px;color:var(--ink)}.hero-copy p{max-width:850px;color:var(--muted)}.actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 18px;border-radius:10px;border:1px solid var(--blue);font-weight:700}.btn.primary{background:linear-gradient(135deg,#0052CC,#0033A0 50%,#002066);color:#fff;border-color:transparent}.btn.secondary{background:#fff;color:var(--blue)}.btn:hover,.btn:focus-visible,.catalog-trigger:hover,.catalog-trigger:focus-visible,.app-link:hover,.app-link:focus-visible{outline:3px solid rgba(0,82,204,.18);outline-offset:2px}.token-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.token-card{min-height:138px;padding:18px;border-radius:12px;background:var(--bright);color:#fff}.token-card:nth-child(even){background:var(--deep)}.token-card h2{margin:0 0 8px;font-size:18px}.token-card p{margin:0 0 12px;font-size:15px}.token-card a{font-weight:800;text-decoration:underline;text-underline-offset:3px}.three-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.home-card{padding:18px;border:1px solid var(--border);border-radius:14px;background:#fff;box-shadow:var(--shadow)}.home-card .media-slot{height:200px;margin-bottom:14px}.number-list{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:14px}.number-item{padding:14px;background:var(--panel);border-radius:10px}.number-item b{display:block;color:var(--blue);font-size:24px}.two-col{display:grid;grid-template-columns:1.15fr .85fr;gap:18px;align-items:start}.mini-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.mini-box{padding:16px;background:var(--layer);border-left:3px solid var(--blue);border-radius:10px}.theme-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.theme-grid a{display:block;padding:18px;background:var(--panel);border:1px solid var(--border);border-radius:12px}.shelf-list{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.shelf-list article{padding:18px;background:#fff;border:1px solid var(--border);border-radius:10px}.big-number-list{display:grid;gap:10px}.big-number-list article{display:grid;grid-template-columns:68px 1fr;gap:14px;padding:14px;background:var(--layer);border-radius:12px}.big-number-list b{font-size:34px;color:var(--blue);line-height:1}.timeline{position:relative;padding-left:24px}.timeline:before{content:"";position:absolute;left:8px;top:8px;bottom:8px;width:2px;background:rgba(0,51,160,.2)}.timeline article{position:relative;margin:0 0 16px;padding:14px 16px;background:#fff;border:1px solid var(--border);border-radius:10px}.timeline article:before{content:"";position:absolute;left:-22px;top:22px;width:10px;height:10px;border-radius:50%;background:var(--blue)}.status{display:inline-block;margin-bottom:6px;padding:2px 8px;background:var(--panel);color:var(--deep);font-size:12px;border-radius:6px}.app-section{display:grid;grid-template-columns:.85fr 1.15fr;gap:20px;align-items:center}.compact-links{display:flex;flex-wrap:wrap;gap:8px}.compact-links a{padding:8px 10px;border:1px solid var(--border);border-radius:8px;color:var(--blue);font-weight:700}.back-sections{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.faq-mini details,.faq-list details{margin-bottom:10px;border:1px solid var(--border);border-radius:10px;background:#fff}.faq-mini summary,.faq-list summary{cursor:pointer;padding:14px 16px;color:var(--ink);font-weight:800}.faq-mini p,.faq-list p{padding:0 16px 16px;margin:0;color:var(--text)}.content-shell{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:20px}.content-primary{min-width:0}.content-aside{position:sticky;top:150px;align-self:start;padding:18px;background:var(--layer);border-radius:12px}.content-aside h2{font-size:18px;margin:0 0 10px}.content-aside a{display:block;padding:8px 0;color:var(--blue);border-bottom:1px solid var(--border)}.content-blocks{display:grid;gap:14px}.content-block{padding:20px;border:1px solid var(--border);border-radius:12px;background:#fff}.content-block h2{margin:0 0 8px;font-size:20px;color:var(--ink)}.content-block p{margin:0}.content-layout.cards .content-blocks,.content-layout.series-grid .content-blocks,.content-layout.motif-grid .content-blocks,.content-layout.shelf-grid .content-blocks,.content-layout.index-grid .content-blocks{grid-template-columns:repeat(2,1fr)}.content-layout.big-number .content-block{display:grid;grid-template-columns:60px 1fr}.content-layout.big-number .content-block h2:before{content:attr(data-no);display:block;color:var(--blue);font-size:30px}.content-layout.steps .content-block{border-left:4px solid var(--blue)}.content-layout.essay .content-block{background:var(--layer)}.content-layout.terms .content-block{border-radius:6px}.content-layout.product .content-primary>.panel:first-child{background:var(--layer)}.site-footer{background:var(--ink);color:#A0AEC0;padding:42px 20px calc(42px + env(safe-area-inset-bottom))}.footer-inner{max-width:1220px;margin:0 auto}.footer-brand{display:flex;align-items:center;gap:12px;padding-bottom:18px;border-bottom:1px solid rgba(255,255,255,.12)}.footer-brand img{height:32px;max-width:160px;object-fit:contain}.footer-brand strong{display:block;color:#fff;font-size:20px}.footer-brand span{display:block;font-size:12px}.footer-groups{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:24px}.footer-groups h2{margin:0 0 8px;font-size:15px;color:#fff}.footer-groups a{display:block;padding:3px 0;font-size:14px}.footer-note{margin:24px 0 6px}.copyright{margin:0;font-size:13px}.overlay{position:fixed;inset:0;background:rgba(10,22,40,.35);z-index:88;visibility:hidden;opacity:0;pointer-events:none;transition:.2s}.overlay.is-open{visibility:visible;opacity:1;pointer-events:auto}.catalog-panel{position:fixed;left:0;right:0;top:90px;z-index:95;background:#fff;border-top:2px solid var(--blue);box-shadow:0 18px 40px rgba(0,33,102,.18);max-height:72vh;overflow:auto;visibility:hidden;opacity:0;pointer-events:none;transform:translateY(-14px);transition:.2s}.catalog-panel.is-open{visibility:visible;opacity:1;pointer-events:auto;transform:none}.catalog-shell{max-width:1220px;margin:0 auto;padding:18px 20px 24px}.catalog-head{display:flex;align-items:center;justify-content:space-between;padding-bottom:14px;border-bottom:1px solid var(--border)}.catalog-head button,.search-head button{min-height:44px;border:1px solid var(--border);background:#fff;color:var(--blue);border-radius:8px;padding:0 14px;cursor:pointer}.catalog-logo{display:flex;align-items:center;gap:10px}.catalog-logo img{height:32px;max-width:150px;object-fit:contain}.catalog-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:16px}.catalog-group{padding:14px;background:var(--layer);border-radius:12px}.catalog-group h2{margin:0 0 8px;color:var(--ink);font-size:18px}.catalog-group a{display:block;padding:9px 0;border-bottom:1px solid var(--border)}.catalog-group a:last-child{border-bottom:0}.catalog-group b{display:block;color:var(--deep);font-size:14px}.catalog-group span{display:block;margin-top:2px;color:var(--muted);font-size:12px;line-height:1.55}.search-layer{position:fixed;left:0;right:0;top:90px;z-index:96;visibility:hidden;opacity:0;pointer-events:none;transition:.2s}.search-layer.is-open{visibility:visible;opacity:1;pointer-events:auto}.search-card{width:min(560px,calc(100% - 32px));margin:10px auto 0;padding:18px;background:#fff;border:1px solid var(--border);border-radius:12px;box-shadow:0 18px 42px rgba(0,33,102,.18)}.search-head{display:flex;align-items:center;justify-content:space-between}.search-field{margin:14px 0;padding:14px;background:var(--layer);border-radius:8px;color:var(--muted)}.search-presets{display:flex;flex-wrap:wrap;gap:8px}.search-presets a{padding:8px 10px;background:var(--panel);border-radius:8px;color:var(--blue);font-weight:700}.mobile-bottom{display:none}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:900px){.catalog-grid{grid-template-columns:repeat(2,1fr)}.content-shell{grid-template-columns:1fr}.content-aside{position:static}.three-grid,.back-sections{grid-template-columns:1fr 1fr}.token-grid{grid-template-columns:1fr 1fr}.theme-grid,.shelf-list{grid-template-columns:1fr 1fr}.app-section{grid-template-columns:1fr}.footer-groups{grid-template-columns:1fr 1fr}}@media(max-width:720px){body{font-size:16px;padding-bottom:calc(50px + env(safe-area-inset-bottom))}.head-inner{padding:0 16px}.museum-bar{height:68px}.museum-inner{grid-template-columns:minmax(0,1fr) auto auto;gap:8px}.brand-mark img{height:30px;max-width:120px}.brand-mark strong{font-size:20px}.catalog-trigger{padding:0 13px}.app-link{padding:0 12px;font-size:14px}.sign-strip{display:none}.site-main{padding:112px 16px 52px}.page-hero{padding-top:22px}.page-hero h1,.hero-copy h1{font-size:28px}.hero-media{height:220px}.media-slot{height:190px}.token-grid,.three-grid,.back-sections,.theme-grid,.shelf-list,.content-layout.cards .content-blocks,.content-layout.series-grid .content-blocks,.content-layout.motif-grid .content-blocks,.content-layout.shelf-grid .content-blocks,.content-layout.index-grid .content-blocks{grid-template-columns:1fr}.number-list{grid-template-columns:1fr 1fr}.two-col{grid-template-columns:1fr}.app-media{height:340px}.catalog-panel{top:90px;max-height:calc(100vh - 90px - env(safe-area-inset-bottom))}.catalog-grid{grid-template-columns:1fr}.catalog-shell{padding:14px 16px 24px}.search-layer{top:0;bottom:0;background:var(--layer);padding-top:calc(16px + env(safe-area-inset-top));overflow:auto}.search-card{width:calc(100% - 32px);margin:0 auto;background:var(--layer);box-shadow:none;border:0}.mobile-bottom{position:fixed;left:0;right:0;bottom:0;z-index:70;display:grid;grid-template-columns:repeat(5,1fr);height:calc(50px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:#fff;border-top:1px solid var(--border)}.mobile-bottom a{display:flex;align-items:center;justify-content:center;font-size:12px;color:var(--muted)}.mobile-bottom a.active{background:var(--blue);color:#fff}.site-footer{padding-bottom:calc(70px + env(safe-area-inset-bottom))}.footer-groups{grid-template-columns:1fr 1fr}.mini-grid{grid-template-columns:1fr}}@media(max-width:430px){.blue-line{font-size:11px}.museum-inner{grid-template-columns:minmax(0,1fr) auto auto}.catalog-trigger,.app-link{min-width:64px;padding:0 9px}.hero-media{height:190px}.number-list{grid-template-columns:1fr}.footer-groups{grid-template-columns:1fr}.panel{padding:18px}.theme-grid,.shelf-list{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.app-icon-slot{width:64px;height:64px;display:flex;align-items:center;justify-content:center;margin-bottom:10px;background:var(--layer);border:1px solid var(--border);border-radius:14px}.app-icon-slot img{width:48px;height:48px;object-fit:contain;object-position:center}
