:root{color:#173e35;font-synthesis:none;background:#f3f5ee;font-family:Inter,Noto Sans TC,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:4px}button,.button{color:#fff;cursor:pointer;background:#164f41;border:0;border-radius:12px;padding:12px 18px;font-weight:650;text-decoration:none;display:inline-block}button:hover,.button:hover{background:#276855}button:disabled{opacity:.5;cursor:wait}button.secondary,.button.secondary{color:#173e35;background:#e5ece2}button.danger{background:#993c35}header{background:#fffdf6;border-bottom:1px solid #dce4d8;justify-content:space-between;align-items:center;gap:20px;padding:20px max(24px,50vw - 600px);display:flex}header a{color:inherit;text-decoration:none}.brand{letter-spacing:-1px;font-size:24px;font-weight:850}.brand span{color:#9aa848}main{max-width:1200px;margin:auto;padding:32px 24px 70px}.eyebrow{color:#6d785d;letter-spacing:2px;text-transform:uppercase;font-size:12px;font-weight:750}h1{letter-spacing:-1.5px;margin:12px 0;font-size:clamp(30px,5vw,48px)}h2{margin-top:0;font-size:21px}h3{font-size:17px}p{line-height:1.7}.muted,small{color:#6e7b70}.hero{padding:20px 0 26px}.grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;display:grid}.card{background:#fffdf8;border:1px solid #dce4d8;border-radius:20px;margin-bottom:20px;padding:24px}.dark{color:#fffdf6;background:#173e35;border:0}.dark .muted{color:#c4d1bd}.number{letter-spacing:-5px;margin:12px 0;font-size:clamp(64px,13vw,112px);font-weight:750;line-height:1.2}.badge{color:#3d5227;background:#e7efb5;border-radius:30px;padding:6px 12px;font-size:13px;display:inline-block}.row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.between{justify-content:space-between}.stack{gap:12px;display:grid}label{gap:7px;font-size:14px;font-weight:600;display:grid}input,select,textarea{color:#173e35;background:#fff;border:1px solid #becdbd;border-radius:10px;width:100%;padding:12px}input[type=checkbox],input[type=radio]{width:auto}label.check{align-items:center;gap:10px;padding:8px 0;display:flex}textarea{min-height:80px}form{gap:14px;display:grid}table{border-collapse:collapse;width:100%;font-size:14px}th,td{text-align:left;border-bottom:1px solid #e3e8dd;padding:12px 8px}th{color:#6e7b70;font-weight:600}td button{margin:3px;padding:8px 10px}.scroll{overflow-x:auto}.qr{border-radius:12px;width:260px;max-width:100%;margin:16px auto;display:block}.tip{white-space:pre-wrap;background:#edf0df;border-radius:12px;padding:16px;line-height:1.7}.status{color:#fff;z-index:10;background:#173e35;border-radius:12px;max-width:90vw;padding:14px 22px;position:fixed;bottom:20px;left:50%;transform:translate(-50%);box-shadow:0 5px 25px #0002}.status.error{background:#8b352c}.empty{text-align:center;padding:45px 15px}.tabs{flex-wrap:wrap;gap:8px;margin-bottom:24px;display:flex}.tabs button{color:#173e35;background:#e5ece2}.tabs button.active{color:#fff;background:#173e35}details{margin:15px 0}summary{cursor:pointer;padding:10px 0;font-weight:650}video{background:#172720;border-radius:12px;width:100%;max-height:360px}.narrow{max-width:640px;margin:auto}.danger-text{color:#a83a30}footer{color:#7e887b;margin-top:35px;font-size:12px}.divider{background:#dce4d8;height:1px;margin:24px 0}a{color:#22674d}.browser-grid{gap:12px;display:flex}.browser-grid label{border:1px solid #cbd7c4;border-radius:12px;flex:1;padding:16px}.tiny{font-size:12px}@media (width<=600px){main{padding:24px 16px}header{padding:16px}.card{padding:20px}.browser-grid{flex-direction:column}th,td{padding:10px 5px}}