:root{--bg:#F3FBFA;--deep:#D4EFEA;--card:#FBFEFD;--soft:#BFE6DF;--title:#123532;--text:#1A4540;--muted:#3F6B66;--assist:#5E8681;--brand:#0D5C56;--brand2:#168A7D;--mint:#8FDFD2;--line:rgba(22,138,125,.22);--shadow:0 14px 36px rgba(18,53,50,.10);--max:1160px;--head:112px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;line-height:1.75;overflow-x:hidden}body.locked{overflow:hidden}.shell{width:min(var(--max),calc(100% - 32px));margin-inline:auto}a{color:inherit;text-decoration:none}button{font:inherit}.site-head{position:fixed;inset:0 0 auto;z-index:50;box-shadow:0 5px 24px rgba(18,53,50,.08)}.daybar{height:18px;background:var(--brand);color:var(--bg);font-size:11px}.daybar-inner{height:18px;display:flex;align-items:center;justify-content:space-between}.plain-btn{border:0;background:transparent;color:inherit;padding:0 6px;cursor:pointer}.hallbar{height:58px;background:var(--bg);border-bottom:1px solid var(--line)}.hallbar-inner{height:58px;display:grid;grid-template-columns:auto auto 1fr auto;align-items:center;gap:10px}.brand{display:flex;align-items:center;min-width:0}.brand-logo{display:block;max-width:220px;width:auto;height:32px;object-fit:contain;object-position:left center}.brand-text{font-weight:800;color:var(--title)}.catalog-open,.app-link,.btn,.btn-secondary{min-height:44px;display:inline-flex;align-items:center;justify-content:center;border-radius:12px;padding:0 18px;border:1px solid var(--brand2);cursor:pointer;font-weight:700}.catalog-open{background:var(--card);color:var(--brand)}.app-link,.btn{background:linear-gradient(135deg,#168A7D 0%,#0D5C56 100%);color:var(--bg);border-color:transparent}.daytabs{height:36px;background:var(--deep);border-bottom:1px solid var(--line)}.daytabs-inner{height:36px;display:flex;align-items:center;gap:8px}.daytabs a{padding:3px 10px;border-radius:8px;font-size:14px;color:var(--title)}.daytabs a.active{background:var(--brand);color:var(--bg)}.page-main{padding-top:calc(var(--head) + 28px);min-height:70vh}.hero,.section,.page-hero{margin-bottom:26px}.hero-grid{display:grid;grid-template-columns:minmax(0,1.38fr) minmax(280px,.92fr);gap:22px;align-items:stretch}.image-slot{background:var(--deep);border:1px solid var(--line);border-radius:16px;min-height:220px;display:flex;align-items:center;justify-content:center;overflow:hidden}.image-slot img{display:block;max-width:100%;width:100%;height:auto;max-height:280px;object-fit:contain;object-position:center}.hero-copy,.card,.content-panel{background:var(--card);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow)}.hero-copy{padding:28px}.eyebrow{display:block;color:var(--brand2);font-weight:800;letter-spacing:.08em;margin-bottom:4px}.hero h1,.page-hero h1{font-size:clamp(28px,4vw,32px);line-height:1.25;color:var(--title);margin:8px 0 14px}.hero p,.page-hero p{margin:0;color:var(--muted)}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.btn-secondary{background:var(--bg);color:var(--brand)}.progress-grid,.four-grid,.status-grid,.info-grid{display:grid;gap:16px}.progress-grid{grid-template-columns:repeat(3,1fr)}.four-grid{grid-template-columns:repeat(4,1fr)}.status-grid{grid-template-columns:repeat(4,1fr)}.info-grid{grid-template-columns:repeat(2,1fr)}.card{padding:20px}.card h2,.card h3,.content-panel h2{color:var(--title);margin-top:0;line-height:1.35}.card p{margin:0;color:var(--muted)}.card-link{display:inline-flex;margin-top:14px;color:var(--brand);font-weight:800}.section-title{margin:0 0 14px;color:var(--title);font-size:24px}.split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;align-items:center}.split.reverse .image-slot{order:2}.split .content-panel{padding:24px}.content-image{background:var(--deep);border:1px solid var(--line);border-radius:16px;overflow:hidden;display:flex;align-items:center;justify-content:center;min-height:180px}.content-image img{max-width:100%;width:100%;height:auto;max-height:220px;object-fit:contain}.four-grid .content-image{min-height:170px}.four-grid .content-image img{height:190px;object-fit:contain}.page-hero{background:var(--deep);border:1px solid var(--line);border-radius:16px;padding:28px}.page-hero .page-kicker{color:var(--brand);font-weight:800}.article-wrap{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:20px;align-items:start}.article-main{display:grid;gap:18px}.content-panel{padding:24px}.content-panel p{margin:0 0 12px}.content-panel p:last-child{margin-bottom:0}.side-note{position:sticky;top:136px;background:var(--deep);border:1px solid var(--line);border-radius:16px;padding:20px}.side-note h2{font-size:18px;color:var(--title);margin-top:0}.side-note a{display:block;padding:8px 0;color:var(--brand);font-weight:700}.steps{counter-reset:step;display:grid;gap:14px}.step{position:relative;padding:20px 20px 20px 68px;background:var(--card);border:1px solid var(--line);border-radius:16px}.step:before{counter-increment:step;content:counter(step);position:absolute;left:18px;top:20px;width:34px;height:34px;border-radius:10px;background:var(--brand);color:var(--bg);display:grid;place-items:center;font-weight:800}.faq-list{display:grid;gap:14px}.faq-item{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:20px}.faq-item h2{font-size:18px;color:var(--title);margin:0 0 8px}.site-footer{background:var(--brand);color:var(--deep);padding:42px 0 80px;margin-top:46px}.footer-brand{display:flex;align-items:center;gap:12px;margin-bottom:26px}.footer-logo{width:auto;height:30px;max-width:190px;object-fit:contain;filter:brightness(0) invert(1);opacity:.95}.footer-brand strong{color:var(--bg);font-size:20px}.footer-brand span{font-size:12px;letter-spacing:.12em}.footer-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.footer-grid h2{font-size:15px;color:var(--bg);margin:0 0 10px}.footer-grid a{display:block;padding:4px 0;color:var(--deep);font-size:14px}.footer-note{border-top:1px solid rgba(243,251,250,.18);margin-top:28px;padding-top:20px;font-size:14px}.copyright{font-size:13px;color:var(--deep)}.overlay{position:fixed;inset:0;background:rgba(18,53,50,.42);z-index:70;opacity:0;pointer-events:none;transition:.18s}.overlay.show{opacity:1;pointer-events:auto}.catalog-panel,.search-panel{position:fixed;z-index:80;background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow);visibility:hidden;pointer-events:none;opacity:0;transform:translateY(-10px);transition:.18s}.catalog-panel.open,.search-panel.open{visibility:visible;pointer-events:auto;opacity:1;transform:translateY(0)}.catalog-panel{top:76px;left:calc(50% - min(580px,calc(50% - 16px)) + 120px);width:420px;max-height:calc(100vh - 96px);overflow:auto;border-radius:0 0 16px 16px}.catalog-head,.search-head{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--line)}.catalog-brand{display:flex;align-items:center;gap:8px;font-weight:800;color:var(--title)}.catalog-brand img{height:28px;max-width:160px;object-fit:contain}.panel-close,.search-close{min-height:44px;border:1px solid var(--line);background:var(--bg);color:var(--brand);border-radius:10px;padding:0 14px;cursor:pointer}.catalog-groups{padding:12px 16px 18px}.catalog-groups h2{font-size:14px;color:var(--brand);margin:12px 0 6px}.catalog-groups>div{display:grid;grid-template-columns:1fr 1fr;gap:8px}.catalog-groups>div h2{grid-column:1/-1}.catalog-groups a{display:block;background:var(--bg);border:1px solid var(--line);border-radius:12px;padding:10px}.catalog-groups b,.catalog-groups span{display:block}.catalog-groups span{font-size:12px;color:var(--muted);line-height:1.5;margin-top:3px}.search-panel{top:76px;left:50%;transform:translate(-50%,-10px);width:min(720px,calc(100% - 32px));border-radius:0 0 16px 16px;padding-bottom:18px}.search-panel.open{transform:translate(-50%,0)}.search-panel>p,.search-look,.search-links{margin-left:18px;margin-right:18px}.search-look{background:var(--deep);border:1px solid var(--line);padding:14px;border-radius:12px;color:var(--muted)}.search-links{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px}.search-links a{background:var(--brand);color:var(--bg);padding:10px 12px;border-radius:10px;text-align:center;font-weight:700}.mobile-bottom{display:none}.notice{background:var(--deep);border-left:4px solid var(--brand2);padding:14px 16px;border-radius:10px;color:var(--text)}a:focus-visible,button:focus-visible{outline:3px solid var(--mint);outline-offset:3px}@media(max-width:900px){.four-grid{grid-template-columns:repeat(2,1fr)}.article-wrap{grid-template-columns:1fr}.side-note{position:static}.catalog-panel{left:16px;right:16px;width:auto}}@media(max-width:700px){:root{--head:76px}.shell{width:calc(100% - 32px)}.hallbar-inner{grid-template-columns:minmax(0,1fr) auto auto;gap:8px}.brand-logo{max-width:150px;height:30px}.catalog-open,.app-link{min-width:68px;padding:0 10px}.daytabs{display:none}.page-main{padding-top:calc(var(--head) + 22px)}.hero-grid,.split{grid-template-columns:1fr}.hero-grid .image-slot{order:0}.split.reverse .image-slot{order:0}.progress-grid,.status-grid,.info-grid{grid-template-columns:1fr}.four-grid{grid-template-columns:1fr}.hero-copy,.page-hero,.content-panel,.card{padding:20px}.catalog-panel{top:76px;left:0;right:0;width:100%;max-height:calc(100vh - 76px);border-radius:0}.catalog-groups>div{grid-template-columns:1fr 1fr}.search-panel{top:76px;width:calc(100% - 16px)}.search-links{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr 1fr}.site-footer{padding-bottom:92px}.mobile-bottom{position:fixed;left:0;right:0;bottom:0;z-index:60;display:grid;grid-template-columns:repeat(5,1fr);height:calc(50px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:var(--card);border-top:1px solid var(--line);box-shadow:0 -4px 20px rgba(18,53,50,.08)}.mobile-bottom a{display:grid;place-items:center;font-size:13px;color:var(--brand);min-width:0}.mobile-bottom a.active{background:var(--brand);color:var(--bg)}body.locked .mobile-bottom{z-index:60}.footer-brand{flex-wrap:wrap}}@media(max-width:420px){.catalog-groups>div{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.brand-logo{max-width:120px}.app-link,.catalog-open{font-size:13px;padding:0 8px}}