:root{color-scheme:light;--ink:#1d493f;--muted:#56675e;--line:#d7dfd8;--paper:#f6f5ef;--white:#fffefa;--accent:#e3ebdb}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Noto Sans TC","PingFang TC",sans-serif;font-size:16px;line-height:1.6}a{color:inherit;text-underline-offset:3px}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}main{max-width:600px;margin:0 auto;padding:40px 20px 28px}.hero{text-align:center;padding:8px 12px 28px}.avatar{display:grid;place-items:center;width:84px;height:84px;margin:auto;border:1px solid #b9cbbd;border-radius:50%;background:var(--accent);font-size:34px;font-weight:600;box-shadow:0 0 0 7px #eef0e6}.handle{font-size:13px;letter-spacing:1.2px;margin:18px 0 2px;color:var(--muted)}h1{font-size:30px;letter-spacing:2px;margin:0 0 8px;font-weight:700}.intro{text-wrap:balance;max-width:330px;font-size:15px;line-height:1.8;margin:0 auto;color:var(--muted)}.card{margin:0 0 16px;padding:24px;border:1px solid var(--line);border-radius:20px;background:var(--white)}.featured{border-color:#9fb49d;box-shadow:0 5px 20px #1d493f08}.tag{display:inline-block;color:#52644d;font-size:12px;letter-spacing:1.2px;font-weight:600}h2{font-size:22px;line-height:1.4;margin:6px 0 20px}label:not(.agreement){display:block;margin:12px 0 6px;font-size:14px;font-weight:600}input[type=email]{width:100%;min-height:48px;border:1px solid #b4c1b7;border-radius:10px;padding:10px 12px;background:#fff;color:var(--ink);font-size:16px}input::placeholder{color:#728078}.consent{font-size:12px;color:var(--muted);line-height:1.8;margin:10px 0}.agreement{display:flex;gap:8px;align-items:flex-start;font-size:12px;color:var(--muted);margin:12px 0 18px}.agreement input{flex-shrink:0;accent-color:var(--ink);width:18px;height:18px;margin:2px 0}.agreement span{flex:1}.primary,.secondary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:50px;width:100%;padding:12px 16px;border:1px solid var(--ink);border-radius:11px;text-decoration:none;font-weight:600;font-size:15px}.primary{background:var(--ink);color:#fffefa}.secondary{background:transparent;color:var(--ink)}.primary:hover{background:#143b32}.secondary:hover{background:#eef2e9}button:disabled{opacity:.6;cursor:wait}.status{font-size:13px;margin:12px 0 0;color:var(--muted);overflow-wrap:anywhere}.status:empty{display:none}.download{display:block;margin-top:14px;font-size:14px;font-weight:600}.honeypot,[hidden]{display:none!important}:focus-visible{outline:3px solid #ab731a;outline-offset:4px}#course-signup{margin-top:20px;padding-top:4px;border-top:1px solid var(--line)}footer{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:4px 24px;font-size:12px;color:var(--muted);padding-top:12px}footer a{display:inline-flex;align-items:center;min-height:44px;padding:0 4px}#wardrobe-status{margin-left:6px;font-size:11px;color:#68766c}.skip{position:absolute;top:-100px;left:12px;z-index:10;padding:10px;background:var(--ink);color:white}.skip:focus{top:8px}@media(min-width:700px){main{padding-top:64px}.hero{padding-bottom:34px}.card{padding:28px 32px}h1{font-size:34px}h2{font-size:24px}}@media(prefers-reduced-motion:no-preference){.primary,.secondary{transition:background-color .15s}}