@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Noto+Sans+TC:wght@400;500;600;700;800;900&display=swap";:root{--ink:#07090b;--paper:#f3f3ef;--cyan:#12cdeb;--muted:#686d72;--line:#d8d9d5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);margin:0;font-family:DM Sans,Noto Sans TC,sans-serif}a{color:inherit;text-decoration:none}.shell{width:min(1180px,100% - 48px);margin:auto}.nav{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:88px;display:flex}.brand{letter-spacing:2px;align-items:center;gap:12px;font-weight:900;display:flex}.brand img{border-radius:10px;width:38px;height:38px}.navLinks{gap:32px;font-size:14px;font-weight:600;display:flex}.navLinks a:hover,footer a:hover{color:#009bb6}.hero{grid-template-columns:1.08fr .92fr;align-items:center;gap:60px;min-height:690px;display:grid}.eyebrow{letter-spacing:2px;align-items:center;gap:10px;font-size:12px;font-weight:800;display:flex}.eyebrow span{background:var(--cyan);width:26px;height:3px}h1{letter-spacing:-5px;margin:24px 0 30px;font-size:clamp(54px,7vw,96px);font-weight:900;line-height:.98}h1 em{color:#04b8d5;font-style:normal}.heroCopy>p{color:var(--muted);max-width:590px;font-size:19px;line-height:1.8}.heroActions{align-items:center;gap:28px;margin-top:38px;font-size:14px;font-weight:700;display:flex}.storeBadge{color:#fff;background:#07090b;border-radius:10px;padding:15px 20px}.heroVisual{place-items:center;height:520px;display:grid;position:relative}.heroVisual>img{z-index:2;border-radius:27%;width:min(340px,68%);box-shadow:0 38px 85px #07101447}.orbit{border:1px solid #b5b9b8;border-radius:50%;position:absolute}.orbitOne{width:470px;height:470px}.orbitTwo{border-style:dashed;width:360px;height:360px}.statusCard{z-index:3;background:#fff;border-radius:14px;align-items:center;gap:12px;padding:16px 22px;display:flex;position:absolute;bottom:70px;right:0;box-shadow:0 18px 45px #07101425}.statusCard small{color:var(--muted);margin-top:3px;display:block}.pulse{background:var(--cyan);border-radius:50%;width:10px;height:10px;box-shadow:0 0 0 7px #12cdeb22}.statement{color:#fff;background:#07090b;padding:32px 0;overflow:hidden}.statement .shell{letter-spacing:-1px;justify-content:space-between;font-size:clamp(22px,3vw,42px);font-weight:900;display:flex}.cyan{color:var(--cyan)}.features{padding:120px 0}.sectionHead{justify-content:space-between;align-items:end;gap:40px;margin-bottom:55px;display:flex}.sectionHead h2,.safety h2{letter-spacing:-3px;margin:18px 0 0;font-size:clamp(36px,5vw,62px)}.sectionHead>p{color:var(--muted);max-width:390px;line-height:1.8}.featureGrid{border-top:1px solid var(--line);border-left:1px solid var(--line);grid-template-columns:repeat(2,1fr);display:grid}.featureGrid article{border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-height:265px;padding:44px}.featureGrid article>span{color:#00aeca;font-weight:800}.featureGrid h3{margin:48px 0 12px;font-size:24px}.featureGrid p{color:var(--muted);margin:0;line-height:1.8}.safety{color:#fff;background:#0b0e10;grid-template-columns:1.2fr .8fr;align-items:end;gap:70px;margin-bottom:100px;padding:70px;display:grid}.eyebrow.light{color:#bdc1c3}.safety p{color:#aeb3b6;margin:0;line-height:1.9}footer{background:#e6e7e2;padding:45px 0}.footerInner{grid-template-columns:1fr auto auto;align-items:center;gap:45px;display:grid}.footerInner>div:nth-child(2){gap:24px;font-size:13px;display:flex}.footerInner small{color:var(--muted)}.legalPage,.adminPage{min-height:100vh}.subNav{color:#fff;background:#07090b}.legalHero,.adminHero{border-bottom:1px solid var(--line);padding:85px 0 55px}.legalHero h1,.adminHero h1{letter-spacing:-3px;margin:15px 0;font-size:clamp(44px,6vw,74px)}.legalHero p,.adminHero p{color:var(--muted)}.legalContent{grid-template-columns:240px 1fr;gap:80px;padding:70px 0 120px;display:grid}.legalToc{color:var(--muted);align-self:start;font-size:13px;line-height:2;position:sticky;top:30px}.legalArticle{max-width:760px}.legalArticle section{margin-bottom:55px;scroll-margin-top:30px}.legalArticle h2{margin-bottom:18px;font-size:25px}.legalArticle h3{margin-top:28px;font-size:17px}.legalArticle p,.legalArticle li{color:#50555a;line-height:1.9}.legalArticle a{color:#008ca5;text-decoration:underline}.adminShell{padding:50px 0 100px}.loginCard{border:1px solid var(--line);background:#fff;max-width:480px;margin:60px auto;padding:42px}.loginCard h2{font-size:29px}.googleButton,.ghostButton{color:#fff;font:inherit;cursor:pointer;background:#07090b;border:0;border-radius:8px;padding:14px 18px;font-weight:700}.ghostButton{color:var(--ink);border:1px solid var(--line);background:0 0}.dashboardTop{justify-content:space-between;align-items:center;margin-bottom:26px;display:flex}.metricsGrid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.metric{border:1px solid var(--line);background:#fff;padding:28px}.metric span{color:var(--muted);font-size:12px;font-weight:700}.metric strong{letter-spacing:-2px;margin-top:12px;font-size:45px;display:block}.chartCard{border:1px solid var(--line);background:#fff;margin-top:14px;padding:30px}.bars{align-items:end;gap:12px;height:230px;padding-top:30px;display:flex}.barItem{text-align:center;color:var(--muted);flex:1;font-size:11px}.bar{background:var(--cyan);min-height:3px;margin-bottom:10px;position:relative}.bar span{color:var(--ink);font-weight:800;position:absolute;top:-24px;left:0;right:0}.error{color:#b42318;margin-top:15px}@media (width<=800px){.shell{width:min(100% - 30px,1180px)}.navLinks{gap:14px}.hero{grid-template-columns:1fr;padding:70px 0}.heroVisual{height:390px}.orbitOne{width:350px;height:350px}.orbitTwo{width:280px;height:280px}.statement .shell{white-space:nowrap;gap:25px}.sectionHead,.safety{display:block}.featureGrid{grid-template-columns:1fr}.safety{padding:40px 28px}.safety p{margin-top:30px}.footerInner{grid-template-columns:1fr}.footerInner>div:nth-child(2){flex-wrap:wrap}.legalContent{grid-template-columns:1fr}.legalToc{display:none}.metricsGrid{grid-template-columns:repeat(2,1fr)}h1{letter-spacing:-3px}.heroActions{flex-direction:column;align-items:flex-start}}@media (width<=480px){.navLinks a:first-child{display:none}.metricsGrid{grid-template-columns:1fr}.featureGrid article{padding:32px}.heroVisual>img{width:220px}.statusCard{right:5px}.statement .shell{font-size:17px}.footerInner>div:nth-child(2){flex-direction:column}}