:root{font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;color:#655951;background:#e8e4df;font-size:13px}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0}
html,body{touch-action:pan-x pan-y}
button,input{font:inherit}
button{cursor:pointer}
a{color:inherit;text-decoration:none}
.history-shell{max-width:390px;min-height:100vh;margin:auto;background:linear-gradient(#d8d4d0 0,#e7e3df 310px,#e8e4df 100%);box-shadow:0 0 24px #3a26152b}
.history-banner{position:relative;height:80px;overflow:hidden;background:#fffaf4;border-bottom:1px solid #ede7dc;text-align:center}
.history-banner__title{position:relative;z-index:1;padding-top:13px;color:#bf201b;font-family:serif;font-size:24px;letter-spacing:3px;white-space:nowrap}
.history-banner__title span{color:#e9b2a9;font-size:19px;letter-spacing:0}
.history-banner p{position:relative;z-index:1;margin:1px 0;color:#9e7f68;font-size:10px;letter-spacing:2px}
.history-banner__decoration{position:absolute;right:-18px;top:-22px;width:90px;height:90px;border:4px solid #f4dcd6;border-radius:50%}
.history-banner__seal{position:absolute;right:10px;top:33px;transform:rotate(4deg);color:#ebcfc9;font-family:serif;font-size:11px;writing-mode:vertical-rl;letter-spacing:2px}
.history-tabs{display:flex;height:46px;background:#fff;box-shadow:0 3px 8px #6c55431a}
.history-tabs a{position:relative;display:flex;align-items:center;justify-content:center;gap:4px;flex:1;color:#766c66;font-size:14px;white-space:nowrap}
.history-tabs a.is-active{color:#bf221d}
.history-tabs a.is-active:after{content:"";position:absolute;bottom:0;left:31%;width:38%;height:3px;border-radius:3px;background:#bf221d}
.history-tabs__count{display:grid;place-items:center;min-width:16px;height:16px;padding:0 3px;border-radius:9px;background:#c62925;color:#fff;font-size:10px;font-weight:700}
.history-tabs small{padding:2px 4px;border:1px solid #e7cdac;border-radius:3px;color:#bc904f;font-size:9px}
.history-main{padding:14px 14px 26px}
.order-card{margin-bottom:14px;border:1px solid #e4d6c3;border-radius:13px;background:#fff;box-shadow:0 7px 10px #4e3f3626;overflow:hidden}
.order-card__timer{display:none;align-items:center;gap:5px;min-height:28px;padding:4px 12px;border-bottom:1px solid #f3d8d2;background:#fff2ef;color:#cb3b2b;font-size:11px}
.order-card.is-expanded .order-card__timer{display:flex}
.order-card__timer strong{padding:2px 5px;border-radius:3px;background:#bb2823;color:#fff;font-size:11px}
.order-card__timer span{margin-left:auto;color:#aa8b83;font-size:10px}
.order-card__heading{display:flex;align-items:flex-start;justify-content:space-between;gap:7px;width:100%;padding:14px 13px 10px;border:0;background:#fff;text-align:left;color:#4d433d}
.order-card__heading:hover{background:#fffaf6}
.order-card__name{min-width:0;line-height:1.45;font-size:14px;overflow-wrap:anywhere}
.order-card__name strong{color:#c5201d;font-weight:500}
.order-card__status{flex:none;padding:3px 7px;border:1px solid #d8392e;color:#d32e27;font-size:11px;line-height:1.2}
.order-card__status--paid{border-color:#d7ad77;color:#ad7d42}
.order-card__summary,.order-card__extra{padding:0 13px}
.order-card__summary p,.order-card__extra p{display:flex;justify-content:space-between;gap:8px;margin:0 0 8px;color:#91877e;font-size:12px;line-height:1.4}
.order-card__summary p span:last-child,.order-card__extra p span:last-child{text-align:right;color:#6b625c;overflow-wrap:anywhere}
.order-card__extra{display:none;padding-top:1px}
.order-card.is-expanded .order-card__extra{display:block}
.order-card__copy{display:block;margin:3px 0 11px auto;padding:4px 8px;border:1px solid #e8c893;border-radius:4px;background:#fffaf1;color:#ba924d;font-size:10px}
.order-card__footer{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:55px;padding:8px 13px;border-top:1px solid #eee6dc;background:#fffdfb}
.order-card__footer>span{display:flex;align-items:baseline;gap:6px;min-width:0;white-space:nowrap}
.order-card__footer small{color:#928982;font-size:11px}
.order-card__footer strong{color:#c92720;font-size:18px;font-weight:500}
.order-card__actions{display:flex;align-items:center;gap:7px}
.order-card__cancel{display:none;margin:0}
.order-card.is-expanded .order-card__cancel{display:block}
.order-card__cancel button{min-height:31px;padding:5px 10px;border:1px solid #ddc5a3;border-radius:18px;background:#fffdf9;color:#9f8b73;font-size:11px;white-space:nowrap}
.order-card__action{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-width:79px;min-height:31px;padding:5px 11px;border-radius:18px;background:linear-gradient(90deg,#d52e29,#a61213);box-shadow:0 3px 7px #bf1c1830;color:#fff;font-size:12px;white-space:nowrap}
.order-card__action:focus-visible,.history-tabs a:focus-visible,.order-card__heading:focus-visible{outline:2px solid #b92720;outline-offset:2px}
.history-empty{padding:42px 20px;margin-bottom:14px;border:1px solid #e9d9c5;border-radius:13px;background:#fffcf9;text-align:center}
.history-empty>div{color:#d6aa8a;font-size:38px}
.history-empty h2{margin:10px 0;color:#aa2b23;font-size:17px;font-weight:500}
.history-empty p{margin:0 auto 16px;max-width:260px;color:#8d827a;font-size:12px;line-height:1.7}
.history-empty a{display:inline-block;padding:8px 20px;border-radius:18px;background:#b9221c;color:white}
.history-notice,.lookup-card,.order-guide{padding:14px;border:1px solid #e9d9c4;border-radius:13px;background:#fffaf4;box-shadow:0 5px 8px #5b4b3c17}
.history-notice h2,.order-guide h2{margin:0 0 9px;color:#a96a33;font-size:12px;font-weight:500}
.history-notice h2 span{color:#c32621}
.history-notice p,.order-guide p{margin:7px 0;color:#82756b;font-size:11px;line-height:1.7}
.history-notice button,.order-guide button{padding:0;border:0;background:none;color:#c82b25;text-decoration:underline}
.history-notice__trust{display:flex;justify-content:space-between;gap:3px;margin-top:12px;padding-top:10px;border-top:1px solid #e8d9c4;color:#9a886f;font-size:9px;white-space:nowrap}
.order-guide{margin-top:14px}
.order-guide>p{margin-bottom:12px}
.order-guide__item{margin-top:9px;border:1px solid #ead9c8;border-radius:9px;background:#fff;overflow:hidden}
.order-guide__item summary{display:flex;align-items:center;gap:9px;min-height:46px;padding:8px 11px;list-style:none;cursor:pointer;color:#66574e;font-size:13px}
.order-guide__item summary::-webkit-details-marker{display:none}
.order-guide__item summary:after{content:"⌄";margin-left:4px;color:#b35f49;font-size:20px;line-height:1;transition:transform .2s}
.order-guide__item[open] summary:after{transform:rotate(180deg)}
.order-guide__item summary:focus-visible{outline:2px solid #bd2a21;outline-offset:-2px}
.order-guide__icon{display:grid;place-items:center;flex:none;width:25px;height:25px;border-radius:6px;color:#fff;font-size:13px}
.order-guide__icon--alipay{background:#1788d2}
.order-guide__icon--wechat{background:#35aa5c}
.order-guide__hint{margin-left:auto;color:#ac9382;font-size:11px}
.order-guide__steps{margin:0!important;padding:9px 11px;border-top:1px solid #eee4d9;background:#fffaf5;color:#7a6251!important;font-size:11px!important;line-height:1.6!important}
.order-guide__item img{display:block;width:100%;height:auto;border-top:1px solid #eee4d9;background:#fff}
.order-guide__support{margin:13px 0 0!important}
.lookup-card{margin-bottom:14px;background:#fff}
.lookup-card h2{margin:0 0 5px;color:#ad2a22;font-size:17px;font-weight:500}
.lookup-card>p{margin:0 0 18px;color:#95877d;font-size:11px}
.lookup-card label{display:block;margin-bottom:7px;color:#6e6259}
.lookup-card__fields{display:flex;gap:7px}
.lookup-card input{flex:1;min-width:0;height:42px;padding:0 10px;border:1px solid #e7cbb6;border-radius:6px;outline:none;font-size:16px}
.lookup-card input:focus{border-color:#c53129}
.lookup-card__fields button{flex:none;padding:0 14px;border:0;border-radius:6px;background:#be251e;color:#fff}
.lookup-card__error{margin:10px 0 0;color:#bd241e;font-size:12px}
.history-toast{position:fixed;z-index:10;left:50%;top:50%;transform:translate(-50%,-50%);max-width:80vw;padding:9px 15px;border-radius:7px;background:#3d302fe8;color:#fff;opacity:0;pointer-events:none;transition:opacity .2s}
.history-toast.is-visible{opacity:1}
@media(max-width:350px){.history-banner__title{font-size:22px}.history-tabs a{font-size:12px}.history-main{padding-left:10px;padding-right:10px}.history-notice__trust{font-size:8px}.order-card__timer span{display:none}.order-card__footer{padding-left:9px;padding-right:9px}.order-card__actions{gap:4px}.order-card__cancel button{padding-left:7px;padding-right:7px}}