:root{--bg:#F3FBFA;--deep:#D4EFEA;--card:#FBFEFD;--sub:#BFE6DF;--title:#123532;--text:#1A4540;--muted:#3F6B66;--brand:#0D5C56;--brand2:#168A7D;--mint:#8FDFD2;--line:rgba(22,138,125,.22);--shadow:0 14px 36px rgba(18,53,50,.10)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;line-height:1.75;overflow-x:hidden}.locked{overflow:hidden}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.site-top{position:fixed;top:0;left:0;right:0;z-index:40}.daybar{height:18px;background:var(--brand);color:var(--bg);font-size:11px}.top-inner,.hall-inner,.sign-inner{max-width:1160px;margin:auto;padding:0 16px}.top-inner{height:18px;display:flex;align-items:center;justify-content:space-between}.text-button{border:0;background:transparent;color:inherit;padding:0 6px;cursor:pointer}.hallbar{height:58px;background:#FBFEFD;border-bottom:1px solid var(--line)}.hall-inner{height:58px;display:grid;grid-template-columns:auto auto 1fr;align-items:center;gap:12px}.brand-link{display:flex;align-items:center;font-weight:800;color:var(--brand);min-width:0}.brand-link img{height:32px;width:auto;object-fit:contain}.catalog-button,.app-link,.panel-head button,.search-head button{min-height:44px;border-radius:12px;border:1px solid var(--brand2);background:var(--bg);color:var(--brand);padding:0 16px;font-weight:700;cursor:pointer}.app-link{justify-self:end;display:flex;align-items:center;background:linear-gradient(135deg,#168A7D 0%,#0D5C56 100%);color:#F3FBFA;border:0}.signbar{height:36px;background:var(--deep);border-bottom:1px solid var(--line)}.sign-inner{height:36px;display:flex;align-items:center;gap:8px}.sign-inner a{padding:4px 10px;border-radius:8px;color:var(--title);font-size:14px}.sign-inner a.active{background:var(--brand);color:var(--bg)}main{padding-top:112px}.page-shell,.home-shell{max-width:1160px;margin:auto;padding:38px 16px 72px}.page-heading{max-width:800px;margin-bottom:24px}.eyebrow{color:var(--brand2);font-weight:800;letter-spacing:.08em;font-size:13px}.page-heading h1,.hero-copy h1{font-size:clamp(28px,4vw,32px);line-height:1.25;margin:.3em 0;color:var(--title)}.lead{font-size:17px;color:var(--muted)}.page-visual{margin:0 0 28px;background:var(--deep);border:1px solid var(--line);border-radius:16px;padding:12px;display:flex;justify-content:center}.page-visual img{max-height:220px;width:auto;object-fit:contain;object-position:center}.content-section{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:24px;margin:0 0 18px;box-shadow:var(--shadow)}.content-section h2,.home-section h2{color:var(--title);margin:0 0 12px;font-size:22px}.content-section p{margin:.7em 0}.hero{display:grid;grid-template-columns:minmax(0,58fr) minmax(280px,42fr);gap:28px;align-items:center;background:var(--card);border:1px solid var(--line);border-radius:16px;padding:18px;box-shadow:var(--shadow)}.hero-media{min-height:250px;background:var(--deep);border-radius:14px;display:flex;align-items:center;justify-content:center;padding:10px}.hero-media img{width:100%;max-height:280px;object-fit:contain;object-position:center}.hero-copy p{color:var(--muted)}.btn-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.btn{min-height:44px;display:inline-flex;align-items:center;justify-content:center;padding:10px 16px;border-radius:12px;background:linear-gradient(135deg,#168A7D 0%,#0D5C56 100%);color:var(--bg);font-weight:800}.btn.alt{background:var(--bg);color:var(--brand);border:1px solid var(--brand2)}.progress-grid,.card-grid,.status-grid,.home-grid{display:grid;gap:16px}.progress-grid{grid-template-columns:repeat(3,1fr);margin:18px 0 34px}.card-grid{grid-template-columns:repeat(4,1fr)}.status-grid{grid-template-columns:repeat(4,1fr)}.home-grid{grid-template-columns:repeat(2,1fr)}.mini-card,.feature-card,.status-card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:18px}.feature-card img{height:190px;width:100%;object-fit:contain;object-position:center;background:var(--deep);border-radius:12px;margin-bottom:12px}.mini-card h2,.feature-card h3,.status-card h3{color:var(--title);margin:0 0 8px}.mini-card a,.feature-card a,.section-link{color:var(--brand2);font-weight:800}.home-section{margin:32px 0}.split{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:center;background:var(--card);border:1px solid var(--line);border-radius:16px;padding:20px}.split figure{margin:0;background:var(--deep);border-radius:14px;padding:12px;display:flex;justify-content:center}.split img{max-height:220px;width:auto;object-fit:contain}.app-split img{max-height:420px}.overlay{position:fixed;inset:0;background:rgba(18,53,50,.36);z-index:50;opacity:0;visibility:hidden;pointer-events:none;transition:.18s}.overlay.open{opacity:1;visibility:visible;pointer-events:auto}.catalog-panel,.search-panel{position:fixed;top:76px;z-index:60;background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow);visibility:hidden;pointer-events:none;opacity:0;transform:translateY(-8px);transition:.18s}.catalog-panel{right:max(16px,calc((100vw - 1160px)/2 + 16px));width:min(420px,calc(100vw - 32px));max-height:calc(100vh - 92px);overflow:auto;border-radius:0 0 16px 16px}.search-panel{left:50%;transform:translate(-50%,-8px);width:min(700px,calc(100vw - 32px));padding:20px;border-radius:0 0 16px 16px}.catalog-panel.open,.search-panel.open{visibility:visible;pointer-events:auto;opacity:1}.catalog-panel.open{transform:translateY(0)}.search-panel.open{transform:translate(-50%,0)}.panel-head,.search-head{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--line)}.panel-brand{display:flex;align-items:center;gap:10px;color:var(--title)}.panel-brand img{height:28px;width:auto;object-fit:contain}.catalog-groups{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:12px}.catalog-groups h2{font-size:15px;color:var(--brand);margin:8px}.catalog-groups a{display:block;padding:10px;border-radius:10px}.catalog-groups a:hover,.catalog-groups a:focus-visible{background:var(--deep)}.catalog-groups b,.catalog-groups span{display:block}.catalog-groups span{font-size:12px;color:var(--muted);margin-top:2px}.search-panel p{color:var(--muted)}.search-look{min-height:48px;border:1px solid var(--line);border-radius:12px;padding:12px 14px;color:#5E8681;background:var(--bg)}.quick-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.quick-links a{border:1px solid var(--line);border-radius:10px;padding:8px 12px}.site-footer{background:var(--brand);color:var(--deep)}.footer-inner{max-width:1160px;margin:auto;padding:44px 16px 82px}.footer-brand{display:flex;align-items:center;gap:12px;margin-bottom:26px}.footer-brand img{height:32px;width:auto;object-fit:contain}.footer-brand strong,.footer-brand span{display:block}.footer-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.footer-grid h2{font-size:16px;color:#F3FBFA}.footer-grid a{display:block;color:var(--deep);margin:6px 0}.footer-note,.copyright{color:var(--deep);font-size:14px}.footer-note{border-top:1px solid rgba(243,251,250,.2);padding-top:20px;margin-top:24px}.mobile-bottom{display:none}a:focus-visible,button:focus-visible{outline:3px solid var(--mint);outline-offset:2px}
@media(max-width:780px){.signbar{display:none}main{padding-top:76px}.hall-inner{grid-template-columns:1fr auto auto;gap:8px}.brand-link img{height:28px}.catalog-button,.app-link{padding:0 10px;min-height:44px}.page-shell,.home-shell{padding:26px 16px 80px}.hero,.split{grid-template-columns:1fr}.hero-media{min-height:180px}.progress-grid,.card-grid,.status-grid,.home-grid,.footer-grid{grid-template-columns:1fr 1fr}.catalog-panel{top:76px;left:0;right:0;width:100%;max-height:calc(100vh - 76px);border-radius:0}.search-panel{top:76px;width:calc(100vw - 20px)}.mobile-bottom{position:fixed;display:grid;grid-template-columns:repeat(5,1fr);left:0;right:0;bottom:0;z-index:45;background:var(--card);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom)}.mobile-bottom a{min-height:50px;display:flex;align-items:center;justify-content:center;font-size:13px}.mobile-bottom a:hover,.mobile-bottom a:focus-visible{background:var(--brand);color:var(--bg)}.footer-inner{padding-bottom:92px}}
@media(max-width:520px){.progress-grid,.card-grid,.status-grid,.home-grid,.footer-grid,.catalog-groups{grid-template-columns:1fr}.page-heading h1,.hero-copy h1{font-size:28px}.content-section{padding:18px}.daybar{font-size:10px}}