/* 福瑞风暴 v6.9 订单中心 · Material 3, tokens shared with event homepage */
.orders-page{min-height:100dvh;background:radial-gradient(780px 420px at 4% -5%,rgba(255,197,125,.2),transparent 65%),radial-gradient(700px 380px at 95% 30%,rgba(185,210,255,.15),transparent 65%),linear-gradient(180deg,#fff9f1,#fffdfb 68%);color:#303953}
.orders-main{min-height:calc(100dvh - 90px)}
.orders-container{width:min(1160px,calc(100% - 40px));margin:0 auto;padding:20px 0 86px}
.orders-breadcrumb{display:flex;align-items:center;gap:10px;color:#827d88;font-size:12px;margin-bottom:20px}
.orders-breadcrumb a{color:#8a5f46;display:inline-flex;align-items:center;gap:7px}.orders-breadcrumb .m-icon{width:15px;height:15px;transform:rotate(180deg)}
.orders-hero{min-height:208px;display:flex;align-items:center;justify-content:space-between;gap:30px;position:relative;overflow:hidden;border-radius:32px;background:radial-gradient(circle at 17% 8%,rgba(255,255,255,.68),transparent 34%),linear-gradient(112deg,#ffedd2,#fff5e8 50%,#e8edff);border:1px solid #f1dcca;box-shadow:0 13px 32px rgba(173,110,67,.09)}
.orders-hero::after{content:'';position:absolute;right:20%;bottom:-160px;width:360px;height:360px;background:radial-gradient(circle,#ffe2ba8c,transparent 72%);pointer-events:none}
.orders-hero-copy{padding:32px 38px;z-index:1;min-width:0}
.orders-kicker{display:inline-flex;align-items:center;gap:7px;padding:8px 12px;border-radius:100px;background:#fff9ee;color:#a55b2f;font-weight:800;font-size:12px}.orders-kicker .m-icon{width:16px;height:16px}
.orders-hero h1{font-size:clamp(30px,3.6vw,44px);letter-spacing:-.04em;line-height:1.15;margin:14px 0 9px;color:#283758}
.orders-hero p{font-size:14px;line-height:1.7;color:#6a6979;margin:0;max-width:600px}
.orders-hero-links{display:flex;gap:16px;align-items:center;margin-top:20px;flex-wrap:wrap}
.orders-hero-links a{color:#b7622d;font-weight:800;font-size:13px;display:inline-flex;align-items:center;gap:6px}.orders-hero-links .m-icon{width:16px;height:16px}
.orders-mascot{width:230px;height:230px;object-fit:contain;align-self:flex-end;position:relative;margin-right:32px;margin-bottom:-32px;flex-shrink:0;filter:drop-shadow(0 10px 15px rgba(159,113,84,.14));animation:orders-float 6s ease-in-out infinite}
.orders-layout{margin-top:28px;display:grid;grid-template-columns:minmax(0,1fr) 285px;align-items:start;gap:22px}
.orders-panel{min-width:0;border-radius:28px;border:1px solid #f2e8e0;background:#fffdfb;box-shadow:0 8px 30px rgba(109,79,53,.06);overflow:hidden}
.orders-panel-head{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:25px 25px 16px}
.orders-panel-head h2{font-size:23px;margin:0 0 4px;color:#293752}.orders-panel-head p{color:#8a8291;font-size:12px;margin:0}
.orders-icon-btn{border:1px solid #f1e5da;border-radius:18px;width:43px;height:43px;display:grid;place-items:center;background:#fff4e9;color:#b96d3d;cursor:pointer;transition:transform .2s,background .2s}
.orders-icon-btn:hover{transform:rotate(35deg);background:#ffe9d8}.orders-icon-btn:active{transform:scale(.93)}
.orders-filters{display:flex;gap:9px;padding:4px 25px 19px;overflow:auto;overscroll-behavior-inline:contain;scrollbar-width:thin;scrollbar-color:#efd0b5 transparent}
.orders-filter{flex-shrink:0;min-height:40px;padding:0 16px;background:#f6f2ef;border:1px solid transparent;border-radius:22px;font:inherit;font-size:13px;font-weight:750;color:#756b69;cursor:pointer;transition:background .2s,transform .2s,box-shadow .2s}
.orders-filter.active{background:#ffdec2;color:#97471e;border-color:#f6cfae;box-shadow:inset 0 1px 0 #fff8}
.orders-filter:hover{background:#ffecdb}.orders-filter:active{transform:scale(.96)}
.orders-feedback{min-height:0;font-size:12px;color:#836b61;padding:0 25px}.orders-feedback:not(:empty){padding-bottom:12px}
.orders-list{display:grid;gap:13px;padding:2px 22px 22px}
.orders-item{border:1px solid #f1e5dc;border-radius:24px;background:linear-gradient(155deg,#fff,#fffcf8);padding:18px 19px;box-shadow:0 5px 14px rgba(107,76,53,.055);animation:orders-enter .35s both;transition:transform .2s,box-shadow .2s}
.orders-item:hover{transform:translateY(-3px);box-shadow:0 12px 25px rgba(109,75,55,.1)}
.orders-item-top{display:flex;align-items:center;gap:10px;justify-content:space-between;margin-bottom:14px;flex-wrap:wrap}
.orders-item-id{font-weight:700;color:#847980;font-size:11px;overflow-wrap:anywhere}
.orders-item-status{flex-shrink:0;padding:7px 12px;background:#fff0df;color:#a35e2c;border-radius:100px;font-size:12px;font-weight:800}
.orders-item-status.status-success{background:#e8f7ec;color:#387750}.orders-item-status.status-refund{background:#f2eafa;color:#88599c}.orders-item-status.status-unpaid{background:#fff0d8;color:#a6581c}
.orders-products{display:grid;gap:10px}
.orders-product{display:flex;align-items:center;gap:12px;min-width:0}
.orders-thumb{width:66px;height:66px;border-radius:17px;border:1px solid #efe8e4;background:#f8f0e9;object-fit:cover;flex-shrink:0}
.orders-thumb-fallback{display:grid;place-items:center;color:#c18352;background:linear-gradient(125deg,#fff2e2,#e8eeff)}.orders-thumb-fallback .m-icon{width:26px;height:26px}
.orders-product-info{flex:1;min-width:0}.orders-product-info b{display:block;color:#38415b;font-size:14px;font-weight:750;line-height:1.45;overflow-wrap:anywhere}
.orders-product-info small{display:block;margin-top:4px;font-size:12px;line-height:1.45;color:#8b8292;overflow-wrap:anywhere}
.orders-product-qty{flex-shrink:0;color:#776b7a;font-size:12px;font-weight:700}
.orders-product-overflow{font-size:12px;color:#8a7f8f;padding-left:3px}
.orders-item-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:17px;padding-top:15px;border-top:1px dashed #eadbd1;flex-wrap:wrap}
.orders-amount{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px;color:#857585;font-size:12px}.orders-amount strong{font-size:20px;color:#a9542c;letter-spacing:-.015em;font-variant-numeric:tabular-nums}
.orders-detail-link{display:inline-flex;align-items:center;justify-content:center;gap:7px;border-radius:19px;padding:10px 16px;background:linear-gradient(110deg,#f5843d,#faad58);color:#fff!important;font-weight:800;font-size:12px;box-shadow:0 5px 13px rgba(231,120,57,.20);transition:transform .18s,box-shadow .18s}
.orders-detail-link:hover{transform:translateY(-2px);box-shadow:0 8px 18px rgba(231,120,57,.28)}.orders-detail-link .m-icon{width:16px;height:16px}
.orders-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:46px 18px;text-align:center;border-radius:24px;background:linear-gradient(130deg,#fff8ef,#f7f9ff);min-height:238px}
.orders-state-icon{display:grid;place-items:center;background:#ffe5c9;color:#ad6b36;width:68px;height:68px;border-radius:25px;box-shadow:inset 0 1px 0 #fff;margin-bottom:18px}.orders-state-icon .m-icon{width:32px;height:32px}
.orders-state h3{margin:0 0 9px;font-size:18px;color:#343b53}.orders-state p{margin:0;line-height:1.65;max-width:410px;font-size:13px;color:#837a87}
.orders-state .orders-detail-link{margin-top:18px}
.orders-load-area{display:flex;justify-content:center;padding:0 22px 24px}.orders-load-more{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 28px;border:1px solid #efcda9;border-radius:999px;background:#fff4e6;color:#a55b31;font:inherit;font-size:13px;font-weight:800;cursor:pointer;transition:background .2s,transform .2s}.orders-load-more:hover{background:#ffe8d0;transform:translateY(-2px)}.orders-load-more[hidden]{display:none}.orders-load-more:disabled{opacity:.6;cursor:wait;transform:none}.orders-load-more .m-icon{width:16px;height:16px}
.orders-aside{display:grid;gap:15px}.orders-help-card{padding:23px;border-radius:26px;border:1px solid #f5decb;background:linear-gradient(140deg,#fff0df,#fff9f3);box-shadow:0 6px 20px rgba(171,105,61,.06)}.orders-help-card.pale{background:linear-gradient(140deg,#eff4ff,#f9fbff);border-color:#e1e7f8}
.orders-side-icon{display:grid;place-items:center;width:46px;height:46px;border-radius:17px}.orders-side-icon.peach{background:#ffdec4;color:#b25a2c}.orders-side-icon.blue{background:#dfebff;color:#5273b2}.orders-side-icon .m-icon{width:25px;height:25px}
.orders-help-card h3{margin:14px 0 8px;font-size:18px;color:#35415a}.orders-help-card p{margin:0 0 12px;color:#7b7180;line-height:1.65;font-size:12px}
.orders-help-links{display:grid;border-top:1px solid #eed6c6;margin-top:14px;padding-top:8px}.orders-help-links a{display:flex;align-items:center;justify-content:space-between;padding:11px 2px;font-weight:700;font-size:13px;color:#a25b38}.orders-help-links .m-icon{width:16px;height:16px}
.orders-qq{font-size:19px;color:#455b83;font-variant-numeric:tabular-nums;letter-spacing:.03em}.orders-copy{display:block;margin-top:12px;padding:10px 16px;border:0;border-radius:99px;background:#d9e8ff;color:#46699b;font-size:12px;font-weight:800;cursor:pointer}
.orders-page a:focus-visible,.orders-page button:focus-visible{outline:3px solid #d7773a;outline-offset:3px}
@keyframes orders-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}@keyframes orders-enter{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:960px){.orders-layout{grid-template-columns:1fr}.orders-aside{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:701px){.orders-page .mobile-bottom-nav{display:none}}
@media(max-width:700px){.orders-container{width:calc(100% - 24px);padding:13px 0 calc(112px + env(safe-area-inset-bottom,0px))}.orders-breadcrumb{margin:0 4px 14px}.orders-hero{min-height:188px;border-radius:27px;gap:0}.orders-hero-copy{padding:23px 19px;max-width:76%}.orders-hero h1{font-size:31px}.orders-hero p{font-size:12px}.orders-hero-links{gap:10px;margin-top:13px}.orders-hero-links a{font-size:12px}.orders-mascot{width:145px;height:145px;position:absolute;right:-23px;bottom:-15px;margin:0;opacity:.86}.orders-layout{margin-top:17px;gap:16px}.orders-panel{border-radius:25px}.orders-panel-head{padding:21px 17px 14px}.orders-panel-head h2{font-size:20px}.orders-filters{padding:3px 17px 15px;gap:7px}.orders-filter{font-size:12px;min-height:38px;padding:0 14px}.orders-feedback{padding-inline:17px}.orders-list{padding:0 13px 18px;gap:10px}.orders-item{padding:15px 13px;border-radius:21px}.orders-item-top{margin-bottom:11px}.orders-item-id{font-size:10px}.orders-thumb{width:58px;height:58px;border-radius:15px}.orders-product-info b{font-size:13px}.orders-item-bottom{gap:9px}.orders-amount strong{font-size:18px}.orders-aside{grid-template-columns:1fr}.orders-help-card{padding:19px}.orders-state{min-height:220px}}
@media(max-width:360px){.orders-hero-copy{max-width:80%}.orders-mascot{width:118px;height:118px;right:-20px;opacity:.7}.orders-hero h1{font-size:27px}.orders-container{width:calc(100% - 18px)}}
@media(prefers-reduced-motion:reduce){.orders-mascot,.orders-item{animation:none}.orders-icon-btn,.orders-filter,.orders-item,.orders-detail-link,.orders-load-more{transition:none}}