:root{--bg:#e9eff5;--ink:#223e58;--muted:#64798c;--blue:#3267dc;--paper:#fcfdff;--line:#dbe3eb}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif}header,footer{max-width:1280px;margin:auto;display:flex;justify-content:space-between;align-items:center}header{padding:32px 48px}.brand{color:var(--ink);text-decoration:none;font-size:24px;font-weight:750;display:flex;align-items:center;gap:10px;letter-spacing:-1px}.logo{background:var(--ink);color:white;width:31px;height:31px;border-radius:8px;text-align:center}.brand-note{font-size:12px;font-weight:400;letter-spacing:1px;margin-left:14px;color:var(--muted)}.timezone{font-size:12px;color:var(--muted)}main{max-width:760px;margin:42px auto 65px;padding:0 24px}.intro{text-align:center}.eyebrow{font-size:11px;letter-spacing:3px;color:var(--blue)}h1{font-size:42px;line-height:1.4;letter-spacing:2px;margin:14px 0}h1 br{display:none}.intro p{font-size:14px;color:var(--muted);margin-bottom:34px}.ticket{background:var(--paper);border:1px solid white;border-radius:18px;box-shadow:0 14px 40px #2949660b;overflow:hidden}.ticket-top{display:flex;justify-content:space-between;padding:22px 28px;border-bottom:1px solid var(--line);font-size:12px}.ticket-top small{font-size:9px;margin-left:10px;letter-spacing:1.5px;color:var(--muted)}#date{color:var(--muted)}.countdown-area{text-align:center;padding:30px 20px 24px}.countdown-label{font-size:13px;letter-spacing:2px;color:var(--muted)}.digits{display:flex;justify-content:center;align-items:flex-start;gap:17px;margin:17px 0}.digits strong{font-family:"Avenir Next", "Arial",sans-serif;font-weight:500;font-size:99px;line-height:1.15;letter-spacing:-5px;font-variant-numeric:tabular-nums;display:block;min-width:122px}.digits div span{font-size:11px;color:var(--muted);display:block;margin-top:7px;letter-spacing:3px}.digits b{font-size:60px;font-weight:300;line-height:1.6;color:#a7b8c9}.countdown-area p{font-size:12px;color:var(--muted);margin:25px 0 0}.ticket-bottom{position:relative;border-top:1px dashed #bdcbd8;padding:25px 30px;display:flex;align-items:center;gap:26px;background:#f5f8fc}.ticket-bottom:before,.ticket-bottom:after{content:"";position:absolute;top:-11px;width:20px;height:20px;border-radius:50%;background:var(--bg)}.ticket-bottom:before{left:-11px}.ticket-bottom:after{right:-11px}.mini-label{display:block;color:var(--muted);font-size:10px;margin-bottom:8px;letter-spacing:1px}.ticket-bottom strong{font-size:17px;font-weight:500;font-variant-numeric:tabular-nums}.route{display:flex;align-items:center;gap:4px;flex:1;color:#92a7bb}.route span{height:1px;background:var(--line);flex:1}.route i{font-style:normal}.barcode{height:37px;width:67px;margin-left:auto;background:repeating-linear-gradient(90deg,var(--ink) 0 1px,transparent 1px 4px,var(--ink) 4px 7px,transparent 7px 9px);opacity:.7}.controls{margin-top:27px}form{display:flex;align-items:end;gap:12px}.field{flex:1}label{display:block;font-size:12px;margin:0 0 10px 2px}input,select{width:100%;height:52px;border:1px solid #c9d6e3;border-radius:9px;padding:0 15px;background:#f5f8fc;color:var(--ink);font-family:inherit;font-size:18px}select{font-size:14px}.day-field{flex:0 0 105px}button{cursor:pointer;font-family:inherit}.primary{height:52px;border:0;border-radius:9px;background:var(--blue);color:white;padding:0 24px;font-size:14px;display:flex;align-items:center;justify-content:space-between;gap:30px;box-shadow:0 4px 8px #3267dc15}.primary:hover{background:#2559ca}.primary:disabled{opacity:.6;cursor:wait}.primary span{font-size:21px}#memory{font-size:11px;color:var(--muted);margin:12px 0}.sync{display:flex;align-items:center;justify-content:center;gap:7px;margin-top:32px;font-size:11px;color:var(--muted)}.dot{width:6px;height:6px;background:#d6a34b;border-radius:50%}.dot.good{background:#429783}.sync button{background:none;border:0;border-bottom:1px solid #b2c0ce;color:var(--ink);font-size:11px;padding:2px;margin-left:5px}.help{text-align:center;font-size:10px;color:var(--muted);line-height:1.8}footer{border-top:1px solid #d4dfe9;padding:24px 48px;color:var(--muted);font-size:11px}footer span:last-child{font-size:9px;letter-spacing:2px}:focus-visible{outline:3px solid #7ba4ff;outline-offset:4px}@media(max-width:600px){header{padding:23px 22px}.brand-note{display:none}.brand{font-size:21px}.timezone{font-size:10px}main{margin:32px auto 40px;padding:0 18px}h1{font-size:32px}h1 br{display:block}.ticket-top{padding:18px;font-size:10px}.ticket-top small{display:none}.digits{gap:8px}.digits strong{font-size:64px;min-width:77px;letter-spacing:-3px}.digits b{font-size:40px}.ticket-bottom{padding:22px 20px;gap:15px}.ticket-bottom strong{font-size:14px}.barcode{width:35px}form{flex-wrap:wrap}.primary{width:100%;justify-content:center}.field{flex:1}.day-field{flex:0 0 110px}footer{padding:22px;font-size:10px}.help{max-width:290px;margin:12px auto}}