:root{color-scheme:light;--bg:#e8eced;--ink:#000;--muted:#747879;--accent:#ff6b36;--surface:#fff}*{box-sizing:border-box}body{margin:0;background:#dfe4e5;color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;font-size:16px}button,input{font:inherit}button{border:0;cursor:pointer;color:inherit;background:none;-webkit-tap-highlight-color:transparent}button:disabled{cursor:default;opacity:.45}button:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid #ff6b36;outline-offset:4px}button:active:not(:disabled){opacity:.65}button img{pointer-events:none}input{min-width:0}h1,h2,p{margin:0}[hidden]{display:none!important}.phone{width:100%;max-width:402px;min-height:874px;margin:0 auto;background:var(--bg);position:relative;overflow:hidden}.statusbar{height:62px;padding:21px 31px 19px 56px;display:flex;justify-content:space-between;font-weight:600;font-size:17px;line-height:22px}.statusbar>div{display:flex;align-items:center;gap:7px}.statusbar img{display:block}.home-heading{padding:32px 28px 0;display:flex;justify-content:space-between;align-items:center}.home-heading h1{font-size:24px;font-weight:600;line-height:34px}.home-heading p{font-size:16px;color:#999;margin-top:8px;line-height:22px}.add{font-size:30px;width:44px;height:44px;margin-right:-8px;border-radius:50%}.carousel{height:610px;margin-top:32px;display:flex;align-items:flex-start;gap:32px;padding:0 calc((100% - 290px)/2);overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain}.carousel::-webkit-scrollbar{display:none}.ticket{border:1px solid #fff;transform-origin:center center;width:290px;height:482px;flex:0 0 290px;background:#fff;border-radius:8px;overflow:hidden;position:relative;scroll-snap-align:center;box-shadow:0 40px 40px #0000001a;font-family:"Noto Serif SC","Songti SC",SimSun,serif}.ticket.sample>img{width:100%;height:100%;object-fit:cover;display:block}.ticket .poster{position:absolute;top:0;width:100%;height:350px;object-fit:cover;filter:grayscale(1)}.ticket .fade{position:absolute;inset:0;background:linear-gradient(to bottom,transparent 15%,#ffffff66 34%,#fff 64%)}.ticket.no-poster .fade{background:linear-gradient(#d2d8d9,#fff 65%)}.ticket.no-poster::before{content:attr(data-kind);position:absolute;top:90px;width:100%;text-align:center;font-size:54px;color:#fff;font-weight:900;letter-spacing:12px}.perforation{position:absolute;top:263px;width:100%;height:1px;background:repeating-linear-gradient(90deg,#999 0 4px,transparent 4px 9px)}.perforation::before,.perforation::after{content:'';position:absolute;width:30px;height:30px;border-radius:50%;background:var(--bg);top:-15px}.perforation::before{left:-15px}.perforation::after{right:-15px}.ticket-copy{position:absolute;top:300px;left:19px;right:19px}.ticket-copy h2{font-size:20px;line-height:29px;font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ticket-copy small{display:block;font-size:12px;color:#999;margin-top:2px;line-height:18px;font-weight:600}.ticket-copy .ticket-seat{font-size:13px;font-weight:900;line-height:20px;margin-top:18px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ticket-meta{display:flex;justify-content:space-between;align-items:flex-end;margin-top:18px;gap:12px}.ticket-meta strong{display:block;font-size:14px;line-height:20px;max-width:130px;word-break:break-all}.ticket-meta .pickup{text-align:right}.pager{display:flex;justify-content:center;gap:6px;height:0;position:relative;top:-107px}.pager button{padding:0;width:5px;height:5px;border-radius:50%;background:#b7bfc1}.pager button[aria-current=true]{background:#171b1c}.actions{position:relative;margin: -96px auto 0;width:290px;border-radius:8px;background:#fff;height:76px;display:flex;align-items:center;box-shadow:0 10px 15px #0000001a}.actions button{width:50%;height:44px;display:flex;align-items:center;flex-direction:column;gap:8px;font-size:14px;font-weight:600;line-height:20px}.actions button+button{border-left:1px solid #eee}.actions img{display:block}.danger{color:#fe3d3d}.home-note{text-align:center;font-size:11px;color:var(--muted);padding:20px 18px 0;line-height:18px}.mode-note{padding:12px 20px 22px;text-align:center;font-size:11px;color:var(--muted);line-height:18px}.toolbar{height:44px;padding:0 16px;display:flex;align-items:center;justify-content:space-between;position:relative}.toolbar h1{position:absolute;left:50%;transform:translateX(-50%);font-size:17px;line-height:24px;font-weight:600;white-space:nowrap;pointer-events:none}.back{height:44px;width:44px;border-radius:50%;background:#ffffff33;display:grid;place-items:center}.upload{font-size:12px;line-height:17px;font-weight:600;background:#ffffff33;border-radius:30px;padding:8px 16px;color:var(--accent)}.toolbar-spacer{width:44px}#ticket-form{padding:16px 16px 0;min-height:768px;display:flex;flex-direction:column;gap:12px}.form-card{background:#fff;border-radius:16px;padding:0 20px}.type-row{min-height:62px;display:flex;justify-content:space-between;align-items:center}.type-row>span:first-child{font-weight:600}.type-row>span:last-child{display:flex;align-items:center;gap:4px}.type-row img{display:block}.fields label{min-height:62px;display:flex;align-items:center;gap:12px}.fields label+label{border-top:1px solid #eee}.fields label>span{font-weight:600;flex-shrink:0}.fields input{width:100%;border:0;background:transparent;text-align:right;height:50px;color:#111;outline-offset:0;font-weight:400}.fields input::placeholder{color:#b2b7b9;opacity:1}.fields input[type=date],.fields input[type=time]{appearance:none;min-height:50px}.fields input::-webkit-calendar-picker-indicator{position:absolute;inset:0;width:auto;height:auto;opacity:0;cursor:pointer}.fields input[type=date],.fields input[type=time]{position:relative}.poster-tools{display:flex;align-items:center;gap:12px;min-height:42px}.poster-tools>button:first-child{font-size:13px;color:#505759;padding:6px 4px;text-align:left}.poster-tools span{display:block;color:#8a9092;font-size:11px;margin-top:3px}.poster-tools img{height:40px;width:30px;border-radius:3px;object-fit:cover}.poster-tools>button:last-child{font-size:12px;color:#777}.notice{font-size:12px;line-height:19px;color:#5d6365;white-space:pre-line}.notice:empty{display:none}.notice.error{color:#bd3434}.form-bottom{margin-top:auto;padding-top:8px;padding-bottom:44px}.privacy{font-size:11px;color:#7b8284;text-align:center;margin-bottom:10px}.primary{background:#000;color:#fff;width:100%;min-height:50px;padding:14px;border-radius:16px;font-size:16px;font-weight:600;line-height:22px}.empty{padding:100px 28px;text-align:center}.empty p{font-size:18px;font-weight:600}.empty span{display:block;color:#6e7577;font-size:13px;line-height:22px;margin:18px 0 32px}.empty .primary{width:auto;padding-inline:32px}#ocr-details{font-size:12px;color:#646b6d}#ocr-text{white-space:pre-wrap;max-height:150px;overflow:auto;font:inherit;margin-top:10px}#review-ticket{display:flex;justify-content:center;margin-top:32px}#review-ticket .ticket{box-shadow:0 24px 32px #00000012}.review-cinema{font-size:13px;color:#6e7577;text-align:center;margin:24px 24px 12px;line-height:20px;overflow-wrap:anywhere}#send-notice{padding:0 28px;text-align:center}.review-bottom{padding:24px 16px 28px}.text-button{display:block;text-align:center;margin:16px auto 0;color:#6e7577;font-size:14px}dialog{border:0;border-radius:16px;padding:24px;max-width:360px;width:calc(100% - 32px);color:#111}dialog::backdrop{background:#0006}dialog h2{font-size:20px;margin-bottom:12px}dialog p{font-size:14px;line-height:22px;color:#666}.dialog-buttons{display:flex;justify-content:flex-end;gap:24px;margin-top:24px}.dialog-buttons button{padding:6px;font-weight:600}.dialog-buttons button:last-child:not(.danger){color:#ff6b36}#toast{position:fixed;left:50%;transform:translateX(-50%);bottom:32px;max-width:340px;width:max-content;background:#191b1cee;color:#fff;padding:12px 20px;border-radius:10px;font-size:13px;line-height:20px;z-index:10;text-align:center}@media(min-width:650px){body{padding:24px}.phone{box-shadow:0 16px 70px #26313518;border-radius:24px}}@media(max-width:360px){.carousel{padding-inline:calc((100% - 270px)/2)}.ticket{width:270px;flex-basis:270px}.fields{padding-inline:16px}.fields label{font-size:15px;gap:8px}.home-heading{padding-inline:24px}}@media(prefers-reduced-motion:no-preference){.carousel{scroll-behavior:smooth}button{transition:opacity .15s ease-out}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

.carousel .ticket{transform:translateX(15px) scale(.9)}.carousel .ticket.is-selected{transform:scale(1)}.carousel .ticket.is-selected~.ticket{transform:translateX(-15px) scale(.9)}.add{display:grid;place-items:center}.add img{width:24px;height:24px}.type-row{position:relative}.type-row>button{display:flex;align-items:center;gap:4px;padding:16px 0}.type-row img{width:18px;height:18px}#type-menu{position:absolute;right:8px;top:54px;min-width:132px;padding:6px;background:#fff;border-radius:12px;box-shadow:0 8px 32px #0002;z-index:5}#type-menu button{display:block;width:100%;padding:12px 16px;text-align:left;border-radius:8px}#type-menu button[aria-selected=true]{background:#e8eced}.ticket-qr{position:absolute;right:0;top:48px;width:68px;height:68px;object-fit:contain;image-rendering:pixelated;background:#fff}.ticket.has-qr .ticket-seat{max-width:174px}.ticket.has-qr .ticket-meta{margin-top:18px}.fields input::-webkit-date-and-time-value{text-align:right}.type-row>span:first-child{font-weight:600}

.ticket-copy{top:280px}.ticket-cinema{font-size:12px;line-height:18px;margin-top:8px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.ticket-copy .ticket-seat{margin-top:8px}.ticket-meta{margin-top:10px}.ticket.has-qr .ticket-meta{margin-top:10px}.ticket-qr{top:78px}#review-cinema{display:none}
