@charset "UTF-8";
:root{--paper:#f4f2e9;--ink:#17291f;--line:#bec4b8;--accent:#d8f369}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,"Noto Sans TC","PingFang TC","Microsoft JhengHei",sans-serif;font-size:17px;line-height:1.8}a{color:inherit;text-underline-offset:.25em}a:focus-visible{outline:3px solid #60720f;outline-offset:5px}header,main,footer{width:min(1160px,calc(100% - 96px));margin:auto}header{display:flex;align-items:center;justify-content:space-between;padding:30px 0;border-bottom:1px solid var(--line);gap:24px}.brand{text-decoration:none;font-size:34px;font-weight:900;letter-spacing:-2px;line-height:1}.brand span{display:block;font-size:9px;letter-spacing:2px;font-weight:600;margin-top:11px}nav{display:flex;gap:28px;font-size:14px}nav a{text-decoration:none}nav a[aria-current]{border-bottom:2px solid var(--ink)}.hero{display:flex;justify-content:space-between;align-items:center;padding:72px 0 40px;gap:40px}.eyebrow{font-size:12px;letter-spacing:2px;font-weight:700;margin:0 0 24px}h1{font-size:clamp(40px,5vw,68px);font-weight:650;line-height:1.25;letter-spacing:-2px;margin:0}h2{line-height:1.5;font-size:24px;letter-spacing:-.5px}.lead{font-size:21px;line-height:1.9;max-width:760px;margin:0 0 28px}.record{flex-shrink:0;width:230px;height:230px;border-radius:50%;background:repeating-radial-gradient(circle,#20372a 0px,#20372a 3px,#344b3e 4px,#20372a 5px);display:grid;place-items:center;transform:rotate(-12deg)}.record div{background:var(--accent);border-radius:50%;width:82px;height:82px;display:grid;place-content:center;text-align:center;font-size:19px;font-weight:900;line-height:1.1;letter-spacing:-1px}.actions{display:flex;align-items:center;gap:28px;font-size:15px;margin:34px 0 70px}.button{display:flex;gap:38px;background:var(--ink);color:var(--paper);padding:13px 22px;text-decoration:none}.button span{color:var(--accent)}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;border-top:1px solid var(--ink);padding:30px 0 50px}.features p{font-size:16px;color:#405347}.num{font-size:11px;letter-spacing:2px;font-weight:700}.note{padding:40px;background:#e7ebdf;margin-bottom:70px;max-width:880px}.note p{max-width:720px}.note .eyebrow{margin-bottom:12px}.note h2{margin-top:0}.prose{max-width:800px;margin-bottom:80px}.prose h2{margin:38px 0 12px}.prose p{margin:12px 0}.prose a{overflow-wrap:anywhere}.date{font-size:13px;color:#4e6054;border-bottom:1px solid var(--line);padding:0 0 24px}footer{border-top:1px solid var(--line);padding:28px 0 36px;display:flex;justify-content:space-between;gap:18px;font-size:12px}.skip{position:absolute;left:10px;top:-80px;background:var(--accent);padding:8px}.skip:focus{top:10px}@media(max-width:720px){header,main,footer{width:calc(100% - 40px)}header{align-items:flex-start;flex-direction:column;padding:22px 0;gap:25px}nav{gap:22px;font-size:13px}.hero{padding-top:44px;gap:12px}.record{width:92px;height:92px;align-self:flex-start;margin-top:32px}.record div{width:40px;height:40px;font-size:11px}h1{font-size:36px;letter-spacing:-1px}.eyebrow{font-size:9px;letter-spacing:1px;margin-bottom:20px}.lead{font-size:18px}.features{grid-template-columns:1fr;gap:15px}.features article+article{border-top:1px solid var(--line);padding-top:20px}.actions{gap:18px;flex-wrap:wrap;margin-bottom:45px}.note{padding:24px}.prose{font-size:16px}footer{flex-direction:column;gap:8px}}