:root{font-family:"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;color:#26332e;background:#f6f7f8;font-size:14px;--green:#17694f;--line:#e5e8e6}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer;border:0;background:none;color:inherit}a{color:var(--green);text-decoration:none}button:disabled{opacity:.55;cursor:wait}[hidden]{display:none!important}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid #609e80;outline-offset:3px}.header{max-width:680px;margin:auto;padding:25px 20px;display:flex;align-items:center;justify-content:space-between}.brand{font-size:25px;font-weight:750;letter-spacing:-1px}.header button{font-size:13px;color:#64716a}main{max-width:640px;margin:8px auto 0}.redeem-card{background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden}.tabs{display:flex;padding:0 28px;gap:30px;border-bottom:1px solid var(--line);height:57px}.tabs button{padding:0 3px;border-bottom:2px solid transparent;color:#7b827e}.tabs button.active{color:var(--green);border-bottom-color:var(--green);font-weight:600}.panel{padding:27px 30px 24px}label{display:block;margin-bottom:10px;font-weight:550;font-size:13px}.required{color:#9aa39d}input:not([type=checkbox]),textarea{width:100%;border:1px solid #dce2de;border-radius:6px;padding:12px;background:#fff;color:#26332e;font-size:13px}input::placeholder,textarea::placeholder{color:#a1a8a3}textarea{resize:vertical;min-height:155px;line-height:1.7;font-family:Consolas,monospace}.field-hint,.privacy,.form-foot{font-size:12px;line-height:1.7;color:#88928b;margin:8px 0 23px}.session-guide{font-size:12px;color:#6d7971;line-height:1.9;margin:0 0 12px;scroll-margin-top:30px}.session-guide a{overflow-wrap:anywhere;text-decoration:underline;text-underline-offset:3px}.privacy{margin-bottom:20px}.consent{display:flex;align-items:flex-start;gap:8px;font-size:12px;line-height:1.7;font-weight:400;color:#66726a;margin-bottom:20px}.consent input{margin:3px 0 0;accent-color:var(--green);flex-shrink:0}.primary{background:var(--green);color:white;width:100%;padding:13px;border-radius:6px;font-weight:550}.primary:hover{background:#10523c}.form-foot{text-align:center;margin:11px 0 0}.mode-banner{background:#fff8e9;border:1px solid #eee1be;border-radius:8px;padding:12px 15px;font-size:12px;line-height:1.8;margin-bottom:16px;color:#866c37}.mode-banner button{display:block;color:#866c37;padding:4px 0 0;text-decoration:underline}.session-preview{color:var(--green);font-size:12px;overflow-wrap:anywhere;margin-top:8px}.feedback{margin:0 30px 24px;padding:12px;background:#fff5ef;border:1px solid #efdcd1;color:#a45135;border-radius:6px;font-size:12px;line-height:1.8;overflow-wrap:anywhere}.order-result{margin:0 30px 24px;padding:17px;background:#f5f9f6;border:1px solid #dce7de;border-radius:8px}.result-title{display:flex;align-items:center;gap:8px}.result-title h3{font-size:14px;margin:0}.result-title button{font-size:11px;margin-left:auto;color:var(--green);white-space:nowrap}.result-title>span{width:7px;height:7px;border-radius:50%;background:#78a286}.order-result code{display:block;margin-top:13px;font-size:12px;overflow-wrap:anywhere;color:#6c7a70}.order-result p{font-size:12px;line-height:1.8;color:#637467}.progress-track{height:3px;background:#dfe9e1;overflow:hidden;border-radius:3px}.progress-track span{display:block;width:10%;height:100%;background:#659d79}.result-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:12px}.result-actions small{font-size:11px;color:#7e8d81;line-height:1.7}.result-actions button{white-space:nowrap;font-size:12px;color:var(--green)}.recent{margin-top:28px}.recent h3{font-size:13px;font-weight:550}.recent h3 span{float:right;font-size:11px;font-weight:400;color:#929b95}.recent p{font-size:12px;color:#89938c;line-height:1.8}.recent button{display:block;padding:12px 0;border-bottom:1px solid var(--line);width:100%;text-align:left;font-size:12px;overflow-wrap:anywhere;color:#5b7866}footer{text-align:center;color:#9aa39c;font-size:11px;padding:25px 15px 30px}@media(max-width:680px){.header{padding:20px}main{margin:0 15px}.panel{padding:23px 20px}.tabs{padding:0 20px}.order-result,.feedback{margin-left:20px;margin-right:20px}.consent{font-size:11px}.result-title h3{font-size:13px}}