*{box-sizing:border-box}:root{--bg:#f2fbf9;--bg2:#e4f3f0;--panel:#fff;--text:#173a36;--muted:#567974;--teal:#168a80;--teal2:#28b7aa;--deep:#0c625b;--ink:#083c38;--gold:#c5a34f;--line:rgba(22,138,128,.18);--shadow:0 14px 34px rgba(8,60,56,.09);--glow:0 7px 18px rgba(22,138,128,.20)}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.72 -apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",Arial,sans-serif;padding-top:116px;overflow-x:hidden}body.lock{overflow:hidden}a{text-decoration:none;color:inherit}button{font:inherit}img{display:block;max-width:100%}.shell{width:min(960px,calc(100% - 32px));margin:auto}.microbar{height:18px;background:var(--ink);color:#fff;position:fixed;top:0;left:0;right:0;z-index:90;font-size:12px}.microbar-inner{height:18px;display:flex;align-items:center;justify-content:space-between}.plain-btn{border:0;background:transparent;color:#fff;padding:0;cursor:pointer}.main-head{height:54px;background:rgba(242,251,249,.97);position:fixed;top:18px;left:0;right:0;z-index:89;border-bottom:1px solid var(--line)}.main-head-inner{height:54px;display:flex;align-items:center;justify-content:space-between}.brand-link{min-height:44px;display:flex;align-items:center}.brand-logo,.footer-brand img,.drawer-brand img{height:24px;width:auto;object-fit:contain}.head-right{display:flex;gap:8px}.app-pill,.drawer-btn{height:40px;display:inline-flex;align-items:center;justify-content:center;padding:0 14px;border-radius:12px;font-size:14px;transition:.18s}.app-pill{background:linear-gradient(135deg,var(--teal2),var(--teal) 52%,var(--deep));color:#fff;box-shadow:var(--glow)}.drawer-btn{border:1px solid var(--line);background:#fff;color:var(--ink);cursor:pointer}.focus-nav{height:44px;background:#e7f5f2;border-bottom:1px solid var(--line);position:fixed;top:72px;left:0;right:0;z-index:88}.focus-nav-inner{height:44px;display:flex;align-items:center;gap:12px}.focus-nav a{min-height:36px;display:inline-flex;align-items:center;gap:8px;padding:0 13px;border-radius:10px;color:var(--deep);font-size:13px}.focus-nav a span{width:9px;height:9px;border-radius:50%;border:2px solid var(--teal)}.focus-nav a.active{background:var(--deep);color:#fff;box-shadow:var(--glow)}.page{padding:28px 0 70px}.crumb{font-size:13px;color:#6d8e89;margin-bottom:16px}.crumb a{color:var(--deep)}h1,h2,h3{margin-top:0;color:#123a35}h1{font-size:24px;line-height:1.3;margin-bottom:14px}h2{font-size:20px;line-height:1.4;margin-bottom:11px}h3{font-size:16px;line-height:1.45;margin-bottom:8px}p{margin:0 0 14px}.lead{font-size:16px;color:var(--muted);max-width:760px}.kicker{font-size:13px;color:var(--deep);font-weight:800;letter-spacing:.05em;margin-bottom:8px}.section{margin:36px 0}.hero{background:#fff;border:1px solid var(--line);border-radius:20px;padding:28px;box-shadow:var(--shadow)}.hero-tags{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}.hero-tags a{font-size:13px;color:var(--deep);background:#e7f5f2;border:1px solid var(--line);border-radius:999px;padding:7px 11px}.btns{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.btn{min-height:42px;display:inline-flex;align-items:center;justify-content:center;border-radius:11px;padding:0 18px;font-size:14px;transition:.18s;border:1px solid transparent}.btn.primary{background:linear-gradient(135deg,var(--teal2),var(--teal) 52%,var(--deep));color:#fff;box-shadow:var(--glow)}.btn.light{background:#fff;color:var(--ink);border-color:var(--line)}.btn:hover,.app-pill:hover,.drawer-btn:hover,.focus-nav a:hover,.mobile-nav a:hover{filter:brightness(1.04);box-shadow:0 0 0 3px rgba(40,183,170,.26),0 10px 24px rgba(12,98,91,.26)}a:focus-visible,button:focus-visible{outline:2px solid var(--teal2);outline-offset:2px}.media{background:linear-gradient(145deg,#e6f4f1,#fff);border:1px solid var(--line);border-radius:14px;display:flex;align-items:center;justify-content:center;overflow:hidden}.media img{width:100%;height:100%;object-fit:contain;object-position:center}.m160{height:160px}.m168{height:168px}.m176{height:176px;width:240px;max-width:100%;border-radius:28px 28px 100px 100px}.mapp{height:320px;width:240px;max-width:100%}.mbanner{height:200px}.daily-board{display:grid;grid-template-columns:1.2fr .8fr;gap:16px}.panel,.recommend-card,.status-box,.topic-card,.visual-card,.rule-card,.faq-card,.long{background:#fff;border:1px solid var(--line);border-radius:14px;padding:20px;box-shadow:var(--shadow)}.panel.soft{background:#e9f6f3}.recommend-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.recommend-card strong{display:block;font-size:16px;margin-bottom:6px}.track-list,.rule-list,.faq-list{display:grid;gap:12px}.track-item{display:grid;grid-template-columns:100px 1fr;gap:18px}.track-no{background:var(--deep);color:#fff;border-radius:12px;padding:9px 10px;height:max-content;font-size:13px;text-align:center}.track-copy{background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px}.status-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.status-box .tag{display:inline-flex;border-radius:999px;background:#dcefeb;color:var(--ink);padding:4px 9px;font-size:12px;font-weight:800;margin-bottom:9px}.observe{display:grid;grid-template-columns:260px 1fr;gap:22px}.observe-note,.callout{background:#fff;border:1px solid var(--line);border-left:4px solid var(--teal);border-radius:0 14px 14px 0;padding:20px}.topic-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.visual-grid,.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.app-wrap{display:flex;gap:24px;align-items:flex-start}.app-copy{flex:1}.icon-line{display:flex;gap:12px;align-items:center}.icon-line img{width:48px;height:48px;object-fit:contain}.long h2{margin-top:26px}.long h2:first-child{margin-top:0}.link-row{display:flex;gap:8px;flex-wrap:wrap}.link-row a{padding:8px 11px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--deep);font-size:14px}.about-grid{display:grid;grid-template-columns:1fr 240px;gap:18px}.brand-side{background:#e7f5f2;border:1px solid var(--line);border-radius:16px;padding:20px}.brand-side img{width:100%;height:150px;object-fit:contain}.nav-drawer{position:fixed;left:14px;top:84px;width:min(420px,36vw);max-height:72vh;background:#fff;border:1px solid var(--line);border-radius:18px;z-index:112;box-shadow:0 24px 64px rgba(8,60,56,.24);transform:translateX(calc(-100% - 28px));visibility:hidden;pointer-events:none;transition:.22s}.nav-drawer.open{transform:translateX(0);visibility:visible;pointer-events:auto}.drawer-top{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border-bottom:1px solid var(--line)}.drawer-brand{display:flex;align-items:center;gap:10px}.drawer-brand strong,.drawer-brand small{display:block}.drawer-brand small{font-size:11px;color:#6d8e89}.close-btn{min-height:40px;border:1px solid var(--line);background:#fff;color:var(--ink);border-radius:10px;padding:0 14px}.drawer-body{overflow:auto;max-height:calc(72vh - 70px);padding:14px}.drawer-body section{margin-bottom:18px}.drawer-body h2{font-size:13px;color:#6d8e89;margin-bottom:7px}.drawer-body a{display:grid;grid-template-columns:112px 1fr;gap:10px;padding:9px;border-radius:10px}.drawer-body a:hover{background:#edf8f6}.drawer-body b{font-size:14px}.drawer-body span{font-size:12px;color:var(--muted)}.page-mask{position:fixed;inset:0;background:rgba(8,60,56,.38);z-index:110;opacity:0;pointer-events:none;transition:.18s}.page-mask.show{opacity:1;pointer-events:auto}.search-layer{position:fixed;left:0;right:0;top:72px;z-index:111;visibility:hidden;opacity:0;pointer-events:none;transform:translateY(-10px);transition:.18s}.search-layer.open{visibility:visible;opacity:1;pointer-events:auto;transform:none}.search-card{width:min(720px,calc(100% - 32px));margin:12px auto;background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px;box-shadow:0 24px 64px rgba(8,60,56,.20)}.search-head{display:flex;justify-content:space-between;gap:16px}.search-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.search-links a{min-height:40px;display:inline-flex;align-items:center;padding:0 13px;border-radius:10px;background:#edf8f6;color:var(--deep);border:1px solid var(--line)}.site-footer{background:var(--ink);color:#dcefed}.footer-inner{padding:30px 0 74px}.footer-brand{display:flex;align-items:center;gap:10px;margin-bottom:20px}.footer-brand strong,.footer-brand small{display:block}.footer-brand small{font-size:11px;color:#a9d6d1}.footer-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.footer-cols h2{font-size:13px;color:#9fd0cb}.footer-cols a{display:block;font-size:13px;padding:4px 0}.footer-note,.copyright{font-size:13px;color:#badbd8;margin-top:18px}.mobile-nav{display:none}@media(max-width:760px){body{padding-top:72px;padding-bottom:48px}.focus-nav{display:none}.shell{width:calc(100% - 32px)}.daily-board,.recommend-grid,.status-grid,.topic-grid,.visual-grid,.contact-grid,.about-grid,.observe{grid-template-columns:1fr}.app-wrap{display:block}.app-wrap .mapp{margin:0 auto 18px}.track-item{grid-template-columns:1fr}.track-no{width:max-content}.nav-drawer{top:78px;left:12px;width:86%}.search-layer{top:0;bottom:0;background:var(--ink);padding-top:18px}.search-card{margin:0 auto;background:var(--ink);color:#fff}.search-layer .close-btn{background:transparent;color:#fff}.search-links a{background:rgba(255,255,255,.08);color:#fff}.mobile-nav{position:fixed;left:0;right:0;bottom:0;height:calc(48px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border-top:1px solid var(--line);z-index:87}.mobile-nav a{min-height:48px;display:flex;align-items:center;justify-content:center;font-size:13px;color:var(--muted)}.mobile-nav a.active{background:var(--deep);color:#fff;box-shadow:var(--glow)}.footer-cols{grid-template-columns:1fr 1fr}}@media(max-width:420px){.shell{width:calc(100% - 20px)}.footer-cols{grid-template-columns:1fr}}