*{box-sizing:border-box}body{margin:0;background:#f6f8fb;color:#172b40;font-family:Inter,"Microsoft YaHei",sans-serif;font-size:14px}button,input,textarea{font:inherit}button{cursor:pointer}header{height:84px;border-bottom:1px solid #e6ebf1;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 max(6vw,24px)}a{text-decoration:none;color:inherit}.brand{display:flex;align-items:center;gap:12px;font-size:24px;color:#14a6a1}.brand b{color:#172b40;font-size:21px}.brand span{font-size:12px;color:#8b96a3;border-left:1px solid #ddd;padding-left:14px}header button{border:0;background:none;color:#68798c}main{max-width:1140px;margin:74px auto 0;padding:0 24px;display:grid;grid-template-columns:1fr 1.12fr;gap:64px}.eyebrow{font-size:11px;letter-spacing:2px;color:#148c88;font-weight:bold}h1{font-size:46px;line-height:1.4;letter-spacing:-2px;margin:24px 0}h1 span{color:#14a6a1}.intro>p{font-size:16px;color:#7c8998;line-height:1.9}.note{display:flex;gap:13px;margin-top:36px;max-width:370px;background:#eaf5f3;border:1px solid #d6eae7;border-radius:12px;padding:18px;color:#337570}.note i{font-style:normal}.note p{font-size:12px;line-height:1.8;margin:8px 0 0}.status{margin-top:24px;font-size:11px;color:#8b96a3}.status span{display:inline-block;width:6px;height:6px;background:#16aaa0;border-radius:50%;margin-right:7px}.panel{background:#fff;border:1px solid #e4eaf0;border-radius:20px;box-shadow:0 15px 45px #163b6010;padding:30px;min-height:430px}nav{display:flex;gap:9px;padding-bottom:25px;border-bottom:1px solid #edf0f4}nav span{font-size:12px;color:#9aa5b2;flex:1}nav span.active{color:#128c87;font-weight:bold}nav i{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:#f0f3f7;width:23px;height:23px;font-style:normal;margin-right:5px}nav .active i{background:#def4ef}h2{font-size:23px;margin:25px 0 8px}.sub{color:#8994a2;font-size:12px;line-height:1.8}label{display:block;margin:22px 0 8px;font-weight:600;font-size:12px}input,textarea{width:100%;background:#fafbfd;border:1px solid #dfe5ed;border-radius:8px;padding:13px;color:#172b40;outline:none}input:focus,textarea:focus{border-color:#129d96;box-shadow:0 0 0 3px #129d9610}.primary{width:100%;background:#129d96;color:#fff;border:0;border-radius:8px;padding:14px;font-weight:bold;margin-top:24px}.primary:hover{background:#098c86}.secondary{border:1px solid #dfe5ed;background:white;border-radius:8px;padding:11px;width:100%;margin-top:10px;color:#66788c}.tip{font-size:11px;text-align:center;color:#9ba4b0;margin-top:15px}.guide{grid-column:1/-1;border-top:1px solid #e2e8ef;padding-top:28px;display:grid;grid-template-columns:repeat(3,1fr);margin-top:0;gap:30px}.guide div{position:relative;padding-left:42px}.guide span{position:absolute;left:0;top:0;color:#a9bbb9;font-size:23px}.guide b{font-size:12px}.guide p{color:#93a0ad;font-size:11px}footer{max-width:1092px;margin:45px auto 20px;display:flex;justify-content:space-between;color:#9aa6b3;font-size:11px;padding:0 24px}.choice{display:flex;align-items:center;gap:10px;border:1px solid #e0e6ee;border-radius:8px;padding:13px;margin:10px 0;font-size:13px;font-weight:normal}.choice input{width:auto;accent-color:#129d96}.alert{background:#fff8e8;padding:13px;border-radius:8px;color:#856a34;font-size:12px;line-height:1.8}.receipt{white-space:pre-wrap;word-break:break-word;background:#f3f8f7;padding:18px;border-radius:10px;line-height:1.9;font-size:13px}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:#173c3a;color:white;padding:13px 22px;border-radius:10px;display:none}dialog{max-width:450px;border:0;border-radius:16px;padding:30px;line-height:1.8}dialog::backdrop{background:#132d4566}@media(max-width:800px){main{margin-top:32px;grid-template-columns:1fr;gap:28px;max-width:600px}h1{font-size:34px;margin:15px 0}.intro>p br{display:none}.note{margin-top:20px;max-width:none}.panel{padding:22px}.guide{gap:12px}.guide div{padding:0}.guide span{position:static;display:block;margin-bottom:10px}.brand span{display:none}footer{gap:12px}nav span{font-size:11px}}
.qr-area{text-align:center;margin:20px 0}.qr-area #qr{width:240px;min-height:240px;display:flex;align-items:center;justify-content:center;margin:auto;background:#f8fbfa;border:1px solid #e1eeeb;border-radius:12px;color:#879991}.qr-area img{width:238px;height:238px;border-radius:12px}.qr-area p{font-size:12px;color:#55847c}.consent{align-items:flex-start;line-height:1.8}.consent input{margin-top:5px}.text-button{border:0;background:transparent;color:#128c87;padding:0}nav{gap:5px}nav span{font-size:11px}nav i{margin-right:3px;width:20px;height:20px}button:disabled{cursor:wait;opacity:.55}.admin-main{display:block;max-width:850px;margin-top:40px}.admin-record{margin-top:15px}.admin-record>div{white-space:pre-wrap}#event-results{max-height:350px;overflow:auto}h3{font-size:16px}small{color:#789080}@media(max-width:480px){nav{justify-content:space-between}nav span{text-align:center}nav i{display:flex;margin:0 auto 6px}.panel{padding:18px}.qr-area #qr{width:230px;min-height:230px}.qr-area img{width:228px;height:228px}}
.export-form{white-space:normal;border-top:1px solid #d9e8e3;margin-top:18px;padding-top:18px}.export-form details{font-size:13px}.export-form summary{cursor:pointer;color:#128c87;font-weight:bold}.export-form label{line-height:1.7}.export-form select{display:block;width:100%;border:1px solid #dfe5ed;padding:12px;border-radius:8px;background:white;color:#172b40}.export-form input{display:block;margin-top:6px}.export-form [role=status]{white-space:normal;line-height:1.8;color:#607b71}