:root{font-family:Noto Sans TC,system-ui,sans-serif;color:#0f2a2a;background:#f3f1ea;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px}button{font:inherit;cursor:pointer;border:0;border-radius:12px;padding:12px 18px;background:#0e3b39;color:#fff;font-weight:700}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible{outline:3px solid #138a5f;outline-offset:3px}.liff-lab{width:min(960px,calc(100% - 32px));margin:32px auto 60px}.liff-lab header{padding:28px 0}.liff-lab h1{font-size:clamp(26px,5vw,40px);line-height:1.3}.liff-lab h2{font-size:22px}.liff-lab section{background:#fff;border:1px solid #cfd6cc;border-radius:18px;padding:24px;margin:18px 0}.liff-lab .warning{background:#fff3dc;border-left:5px solid #d2462b;padding:18px;border-radius:10px}.liff-lab .error{background:#fff0ed;color:#9b2917;padding:14px;border-radius:10px}.liff-lab .actions{display:flex;flex-wrap:wrap;gap:12px}.liff-lab .coupon{border:2px solid #138a5f;background:#e6f5eb}.liff-lab .timer{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;font-weight:800;font-size:20px}.liff-lab .plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.liff-lab .plans>div{padding:16px;background:#f3f1ea;border-radius:12px}.liff-lab .note,.liff-lab footer{color:#4b5f5c;font-size:14px;line-height:1.8}.liff-lab footer{padding:24px 0}@media(max-width:640px){.liff-lab{width:calc(100% - 24px);margin:16px auto 40px}.liff-lab section{padding:18px}.liff-lab .plans{grid-template-columns:1fr}.liff-lab .actions button,.liff-lab .plans button{width:100%}}
