:root{color-scheme:light;--paper:#f8f1df;--ink:#493427;--faded:#91775e;--orange:#dd6b3e;--cream:#fff9eb;--line:#dfd0b2}
*{box-sizing:border-box}html{min-height:100%;background:#e9ddc5}body{margin:0;color:var(--ink);font-family:"Microsoft YaHei UI","PingFang SC","Noto Sans CJK SC",sans-serif;background:repeating-linear-gradient(115deg,#e9ddc5 0,#e9ddc5 3px,#eaddc7 3px,#eaddc7 6px);min-height:100vh;padding:24px 16px 38px}button,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible{outline:3px solid #9b4c2b;outline-offset:3px}.ticket{width:min(100%,560px);margin:auto;padding:25px 26px 18px;background:var(--paper);border:1.5px solid #765c48;border-radius:13px;box-shadow:5px 7px 0 #bca989;position:relative;overflow:hidden}.ticket:before{content:"";pointer-events:none;position:absolute;inset:88px 17px 12px;background:repeating-linear-gradient(to bottom,transparent 0,transparent 27px,#e7d9bb 28px);opacity:.7}.ticket>*{position:relative}.masthead{display:flex;align-items:center;justify-content:space-between;gap:12px}.brand{display:flex;align-items:center;gap:11px}.brand-mark{display:grid;place-items:center;width:43px;height:43px;color:#fffaf0;background:var(--orange);border:2px solid var(--ink);border-radius:13px 10px 12px 9px;font-size:25px;font-weight:900;transform:rotate(-3deg)}.brand strong{display:block;font-size:21px;line-height:1.2;letter-spacing:.02em}.brand small{display:block;color:var(--faded);font-size:11px;margin-top:3px}.settings{min-width:78px;min-height:42px;border:1.5px solid var(--ink);border-radius:11px;background:var(--cream);color:var(--ink);font-weight:700}.settings:hover{background:#ffdfbb}.status-block{padding:20px 2px 12px}.date{color:var(--faded);font-size:12px;font-variant-numeric:tabular-nums}.status-row{display:flex;align-items:center;gap:15px;margin-top:12px;font-size:14px}.status-pill{display:inline-flex;align-items:center;justify-content:center;min-width:67px;padding:4px 10px;border:1.5px solid var(--ink);border-radius:10px;background:#ffdbb7;font-size:12px;font-weight:700}.status-block p{color:var(--faded);font-size:12px;margin:10px 0 0}.scene{height:224px;background:#ffebca;border:1.7px solid var(--ink);border-radius:14px 13px 16px 12px;overflow:hidden}.speech{position:absolute;top:14px;left:15px;z-index:2;display:flex;align-items:center;justify-content:center;min-height:37px;max-width:48%;padding:5px 12px;border:1.4px solid var(--ink);border-radius:10px;background:var(--cream);font-size:12px;font-weight:700;text-align:center;line-height:1.3}.donkey{position:absolute;width:75%;height:95%;object-fit:contain;right:3%;bottom:0;transform-origin:50% 80%}.working .donkey{animation:run .38s ease-in-out infinite alternate}.ground{position:absolute;bottom:32px;left:9%;right:5%;border-top:1px solid #c9a478}.ground:after{content:"";position:absolute;right:4%;top:7px;width:22%;border-top:1px solid #c9a478}.speed-lines{position:absolute;left:8%;top:55%;width:38px}.speed-lines i{display:block;width:32px;margin:8px 0;border-top:2px solid var(--orange);transform:rotate(-7deg)}.speed-lines i:nth-child(2){width:40px}.speed-lines i:nth-child(3){width:22px}.working .speed-lines{animation:speed .36s ease-in-out infinite alternate}.dust{position:absolute;left:14%;bottom:35px;display:flex;align-items:center;gap:6px}.dust i{width:9px;height:7px;border:1px solid #ba946a;border-radius:50%}.dust i:nth-child(2){width:6px;height:5px}.working .dust{animation:dust .5s ease-out infinite alternate}.scene-stamp{position:absolute;right:15px;bottom:10px;font-size:9px;color:#b69072;letter-spacing:.08em}.earnings{padding:18px 4px 0}.section-head,.progress-head{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:13px;color:var(--faded);font-weight:700}.section-head span:last-child{font-size:11px;font-weight:400}.section-head em{font-style:normal;font-weight:400}.amount-line{display:flex;align-items:baseline;gap:9px;border-bottom:2px solid var(--orange);padding:8px 0 9px;white-space:nowrap}.currency{font-size:24px;font-weight:800;color:var(--orange)}#amount{font-size:clamp(28px,9vw,43px);letter-spacing:-.04em;line-height:1.15;font-variant-numeric:tabular-nums}.progress-head{margin-top:17px;color:var(--ink)}#progress-percent{color:var(--orange)}.progress-track{margin-top:12px;height:15px;background:var(--cream);border:1.5px solid var(--ink);border-radius:999px;padding:2px;overflow:hidden}.progress-fill{height:100%;width:0;background:var(--orange);border-radius:999px;transition:width .3s linear}.details{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:21px}.detail-card{min-width:0;background:var(--cream);border:1.5px solid var(--ink);border-radius:11px 10px 12px 9px;padding:13px 15px;min-height:78px}.detail-card span{display:block;font-size:12px;color:var(--faded)}.detail-card strong{display:block;margin-top:8px;font-size:20px;line-height:1.15;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}.ticket footer{display:flex;justify-content:space-between;gap:10px;margin:21px 4px 1px;color:var(--faded);font-size:11px;line-height:1.5}.ticket footer span:last-child{white-space:nowrap}.storage-notice{font-size:12px;background:#ffe1c6;border:1px solid var(--orange);padding:9px;border-radius:8px}
dialog{width:min(440px,calc(100% - 32px));max-height:calc(100dvh - 32px);overflow:auto;padding:0;border:2px solid var(--ink);border-radius:16px;background:var(--paper);color:var(--ink);box-shadow:6px 7px 0 #654c3c}dialog::backdrop{background:rgba(52,35,24,.64)}dialog form{padding:25px 27px 20px}.dialog-top{display:flex;justify-content:space-between;color:var(--orange);font-weight:800}.dialog-kicker{font-size:11px;letter-spacing:.12em}dialog h1{font-size:29px;line-height:1.25;margin:12px 0 6px;letter-spacing:.02em}dialog h1 span{color:var(--orange)}.dialog-intro{font-size:12px;color:var(--faded);margin:0 0 24px}label{display:block;font-size:13px;font-weight:700;margin:0 0 8px}label span{color:var(--faded);font-weight:400}input{width:100%;height:48px;min-width:0;padding:9px 12px;border:1.5px solid var(--ink);border-radius:9px;background:var(--cream);color:var(--ink);font-size:16px}.input-wrap{position:relative}.input-wrap span{position:absolute;left:14px;top:11px;color:var(--orange);font-weight:800}.input-wrap input{padding-left:35px}.time-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:20px}.hint{color:var(--faded);font-size:11px;margin:13px 0 17px;line-height:1.5}.error{font-size:12px;color:#a42f1c}.submit{display:flex;justify-content:center;align-items:center;gap:12px;width:100%;height:49px;border:1.5px solid var(--ink);border-radius:9px;background:var(--orange);color:white;font-weight:800;font-size:16px;box-shadow:3px 3px 0 #765c48}.submit:hover{background:#c95b31}.cancel{display:block;margin:15px auto 0;padding:4px 20px;border:0;background:transparent;color:var(--faded);font-size:13px}.privacy{text-align:center;color:var(--faded);font-size:11px;line-height:1.5;margin:12px 0 0}@keyframes run{from{transform:translateY(0) rotate(-1deg)}to{transform:translateY(-5px) rotate(1deg)}}@keyframes speed{from{transform:translateX(0)}to{transform:translateX(-8px)}}@keyframes dust{from{transform:translateX(0);opacity:.8}to{transform:translateX(-10px);opacity:.25}}@media(max-width:420px){body{padding:0;background:var(--paper)}.ticket{border:0;border-radius:0;box-shadow:none;min-height:100vh;min-height:100dvh;padding:22px 20px 18px}.ticket:before{inset:85px 12px 12px}.brand strong{font-size:19px}.scene{height:205px}.donkey{width:79%}.details{gap:10px}.detail-card{padding:12px}.detail-card strong{font-size:18px}.ticket footer{font-size:10px}}
@media(max-width:340px){.ticket{padding-left:15px;padding-right:15px}.brand strong{font-size:17px}.brand-mark{width:38px;height:38px}.scene{height:185px}.speech{font-size:11px}.detail-card strong{font-size:16px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
[hidden]{display:none!important}