:root{--ink:#143446;--blue:#007fa9;--line:#deeaef;--muted:#7d929c}*{box-sizing:border-box}body{margin:0;background:#f4f8fa;color:var(--ink);font-family:Arial,"PingFang SC","Microsoft YaHei",sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer;border:0}.topbar{height:88px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid #e2edf1}.brand{display:flex;align-items:center;gap:10px;font-size:23px;font-weight:800}.wave{color:var(--blue);font-size:42px;line-height:0;transform:rotate(90deg)}.brand small{margin-left:10px;color:#7a919b;font-size:12px;letter-spacing:2px}.topbar nav{display:flex;align-items:center;gap:32px;font-size:14px}.topbar nav a{padding:35px 0}.topbar nav .active{color:var(--blue);border-bottom:3px solid}.booking{display:grid;grid-template-columns:1.1fr 1fr;max-width:1320px;min-height:755px;margin:36px auto;padding:0 28px}.scenery{position:relative;overflow:hidden;min-height:720px;border-radius:24px 0 0 24px;color:#fff;background:linear-gradient(180deg,#00568ee0,#007aaf8c 45%,#0048739d),url("/waterpark.jpg") center 43%/auto 480%}.scene-copy{position:relative;padding:52px}.eyebrow{font-size:12px;letter-spacing:3px}.scene-copy h1{margin:26px 0 20px;font-size:52px;line-height:1.3;letter-spacing:2px}.scene-copy p{font-size:21px;font-weight:600}.features{display:flex;gap:14px;margin-top:22px}.features span{padding:6px 12px;border:1px solid #ffffff66;border-radius:30px;background:#ffffff14;font-size:14px}.scene-bottom{position:absolute;right:36px;bottom:30px;left:36px;display:flex;justify-content:space-between;font-size:12px;letter-spacing:1px}.booking-panel{padding:36px 44px 24px;border:1px solid var(--line);border-left:0;border-radius:0 24px 24px 0;background:#fff}.section-kicker,.teal{color:var(--blue)}h1,h2{letter-spacing:.2px}.booking-panel h2{margin:15px 0 8px;font-size:29px}.muted{color:var(--muted)}.booking-panel>.muted{font-size:14px}.merchant-label{color:var(--blue);font-size:14px}form{margin-top:26px}label,legend{display:block;font-size:14px;font-weight:600}label{margin-bottom:17px}input{display:block;width:100%;height:46px;margin-top:8px;padding:0 13px;border:1px solid #dce7ec;border-radius:9px;outline:0;background:#fbfdfe;color:var(--ink)}input:focus{border-color:#008bb8;box-shadow:0 0 0 3px #008bb812}fieldset{margin:0 0 19px;padding:0;border:0}.ticket-options{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:9px}.ticket-option{display:flex;flex-direction:column;gap:4px;padding:13px 10px;border:1px solid #dce7ec;border-radius:10px;background:#fff;text-align:left}.ticket-option span{color:#8297a1;font-size:12px}.ticket-option b{color:var(--blue);font-size:22px}.ticket-option.selected{border:1.5px solid #008bb8;background:#edf9fc}.total{display:flex;align-items:center;justify-content:space-between;padding:17px 0;border-top:1px dashed #dae6eb;font-size:14px}.total>strong{color:var(--blue);font-size:31px}.total small{color:#79909d;font-size:13px;font-weight:400}.total strong small{color:var(--blue)}.primary{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:12px 22px;border-radius:9px;background:var(--blue);color:#fff;font-size:15px;font-weight:600}.primary:hover{background:#006b91}.buy{width:100%;height:49px;justify-content:space-between}.support{text-align:center;color:#728c99;font-size:13px}footer{display:flex;justify-content:space-between;max-width:1264px;margin:20px auto 30px;padding:0 28px;color:#8ca0aa;font-size:12px}.workspace{max-width:1200px;margin:45px auto;padding:0 28px}.page-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px}.page-heading h1{margin:10px 0;font-size:34px}.error{padding:12px;border-radius:8px;background:#fff0ed;color:#b23c2c;font-size:14px}.order-list{display:grid;gap:20px}.order-card{overflow:hidden;border:1px solid var(--line);border-radius:16px;background:#fff}.order-head{display:flex;justify-content:space-between;padding:17px 24px;border-bottom:1px solid #eef3f5;background:#fbfdfe;color:#81949d;font-size:13px}.status{padding:5px 12px;border-radius:6px}.status.pending{background:#fff3da;color:#b27712}.status.paid{background:#e8f8f2;color:#238263}.status.cancelled{background:#edf1f4;color:#82929b}.order-body{display:flex;align-items:center;gap:22px;padding:25px}.ticket-icon{display:grid;width:80px;height:80px;place-items:center;border-radius:12px;background:#e9f8fd;color:var(--blue);font-size:32px}.order-info{flex:1}.order-info h2{margin:0 0 10px;font-size:19px}.order-info h2 span{margin-left:8px;padding:4px 8px;background:#edf9fd;color:var(--blue);font-size:12px}.order-info p{margin:7px 0 0;color:var(--muted);font-size:14px}.order-price{font-size:26px}.order-price small{font-size:14px}.order-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 24px;padding:17px 0;border-top:1px dashed #dfe9ee}.order-actions>div{display:flex;gap:10px}.secondary{padding:10px 18px;border:1px solid #dae5eb;border-radius:8px;background:#fff;color:#647f8d}.countdown,.commission{display:flex;align-items:center;gap:8px}.countdown{color:#9a741d}.commission{color:#248463}.empty{padding:60px 20px;text-align:center;color:#8197a2}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.stats>div{padding:24px;border:1px solid var(--line);border-radius:14px;background:#fff}.stats span{display:block;color:#8397a1;font-size:14px}.stats strong{display:block;margin-top:15px;font-size:35px}.stats small{color:#8aa0aa;font-size:14px;font-weight:400}.stats>div:last-child{border:0;background:var(--blue);color:#fff}.stats>div:last-child span,.stats>div:last-child small{color:#c4e6f0}.merchant-table{overflow:hidden;margin:24px 0;border:1px solid var(--line);border-radius:15px;background:#fff}.merchant-table>h2{margin:0;padding:22px;font-size:18px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{padding:17px 22px;border-top:1px solid #edf2f4;text-align:left;white-space:nowrap;font-size:14px}th{background:#f7fafc;color:#8196a1;font-size:13px}.merchant-url{display:block;max-width:320px;overflow:hidden;color:var(--blue);text-overflow:ellipsis}.table-actions{display:flex;gap:12px}.table-actions button{padding:7px 10px;border-radius:6px;color:var(--blue)}dialog{border:0}.payment-dialog{width:min(450px,calc(100% - 32px));padding:32px;border-radius:20px;box-shadow:0 24px 80px #1238}.payment-dialog::backdrop{background:#102b3f85}.dialog-close{position:absolute;top:13px;right:16px;background:transparent;color:#789;font-size:26px}.pay-amount,.pay-success{display:flex;flex-direction:column;align-items:center;gap:12px;margin:24px 0}.pay-amount small{color:#859ba5}.pay-amount strong{font-size:36px}.success-icon{color:#249a74;font-size:60px}.loading-pay{padding:16px;text-align:center;color:var(--blue)}
@media(max-width:850px){.topbar{height:72px;padding:0 18px}.brand{font-size:17px}.brand small{display:none}.wave{font-size:32px}.topbar nav{gap:13px;font-size:12px}.topbar nav a{padding:27px 0}.booking{grid-template-columns:1fr;max-width:640px;margin:20px auto;padding:0 18px}.scenery{min-height:325px;border-radius:20px 20px 0 0;background-size:100% auto;background-position:center 48%}.scene-copy{padding:28px}.scene-copy h1{margin:15px 0;font-size:35px}.scene-copy p{font-size:17px}.features{margin-top:12px}.scene-bottom{right:28px;bottom:20px;left:28px;font-size:10px}.booking-panel{padding:25px;border-left:1px solid var(--line);border-radius:0 0 20px 20px}.booking-panel h2{font-size:25px}footer span{display:none}.workspace{margin:28px auto;padding:0 18px}.page-heading h1{font-size:28px}.page-heading .primary{padding:11px 14px;font-size:13px}.stats{grid-template-columns:repeat(2,1fr);gap:12px}.stats>div{padding:19px}.stats strong{font-size:28px}.order-head{padding:14px;font-size:11px}.order-body{flex-wrap:wrap;gap:12px;padding:18px}.ticket-icon{width:48px;height:58px}.order-info h2{font-size:16px}.order-info p{font-size:12px}.order-price{width:100%;text-align:right}.order-actions{flex-wrap:wrap;margin:0 18px}.order-actions>div{margin-left:auto}.ticket-options{gap:8px}.ticket-option{padding:12px 8px}.id-info{display:block}}