:root{--coral:#fa5b5f;--pink:#fff0ef;--ink:#262b33;--muted:#9299a4;--line:#eef0f3}*{box-sizing:border-box}body{margin:0;background:#f3f5f8;color:var(--ink);font-family:"Microsoft YaHei",system-ui,sans-serif}.app-shell{max-width:480px;min-height:100vh;margin:auto;background:#f4f6f8;padding-bottom:70px}.topbar{height:44px;color:white;background:var(--coral);display:grid;place-items:center;font-size:15px;font-weight:600;letter-spacing:.03em}.hero{background:var(--coral);padding:38px 20px 24px}.banner{height:168px;border-radius:22px;overflow:hidden;position:relative;background:linear-gradient(110deg,#151012,#392522 45%,#1c2225);color:white}.banner:after{content:"玉\A 遇\A 有\A 缘";white-space:pre;position:absolute;right:32px;top:20px;font-family:serif;font-size:25px;line-height:1.25;letter-spacing:.25em;color:#f7e5cc}.banner img{width:100%;height:100%;object-fit:cover;opacity:.62}.banner-copy{position:absolute;left:22px;bottom:18px;font-size:18px;font-weight:600}.notice{display:flex;align-items:center;gap:11px;margin-top:22px;border-radius:12px;background:#fff;padding:17px 18px;color:#f6a53a;font-size:16px}.notice b{background:var(--coral);color:#fff;border-radius:20px;padding:4px 8px;font-size:14px}.section{padding:25px 20px;background:#fff;margin-bottom:1px}.section-title{font-size:16px;font-weight:700;margin:0 0 20px;display:flex;align-items:center;gap:9px}.section-title:before{content:"";width:5px;height:24px;border-radius:4px;background:#f85076}.featured{display:grid;grid-template-columns:1fr 1fr;gap:18px}.feature-card{border:0;padding:0;background:#000;border-radius:10px;overflow:hidden;position:relative;aspect-ratio:1;cursor:pointer}.feature-card img{width:100%;height:100%;object-fit:cover;opacity:.9}.feature-card span{position:absolute;left:9px;bottom:9px;color:#fff;font-size:13px;text-shadow:0 1px 4px #000}.products{padding:24px 12px 10px}.product-card{width:100%;display:flex;gap:18px;align-items:center;border:0;background:#fff;border-radius:12px;margin:0 0 20px;padding:12px 12px;text-align:left;box-shadow:0 3px 10px #d8dce355;cursor:pointer}.product-card img{width:94px;height:126px;object-fit:cover;border-radius:9px;background:#2b2a2a}.product-info h3{font-size:15px;margin:0 0 12px}.chips{display:flex;gap:8px;flex-wrap:wrap}.chip{color:#fa5870;background:#ffe9ea;border-radius:9px;padding:5px 8px;font-size:13px}.price{margin:10px 0 0;color:#fa5367;font-size:15px;font-weight:700}.end{color:#a0a7b0;text-align:center;font-size:15px;margin:22px 0}.footer{background:#fff;color:#a2a7ae;text-align:center;padding:22px 10px;font-size:13px;line-height:1.9}.tabbar{position:fixed;z-index:2;bottom:0;left:50%;transform:translateX(-50%);width:min(480px,100%);height:70px;background:white;border-top:1px solid #ddd;display:flex}.tab{flex:1;border:0;background:white;color:#8e959d;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;cursor:pointer}.tab span{font-size:24px;line-height:20px}.tab small{font-size:12px}.tab.active{color:var(--coral)}.empty{padding:100px 24px;text-align:center;color:var(--muted)}.empty .icon{font-size:46px;margin-bottom:18px;color:#d9dde2}.profile{padding:22px 16px}.profile-head{background:linear-gradient(135deg,#fa7070,#fa4f60);border-radius:16px;padding:24px;color:white;display:flex;align-items:center;gap:15px}.avatar{width:52px;height:52px;border-radius:50%;background:#fff8;display:grid;place-items:center;font-size:26px}.profile-head h2{font-size:18px;margin:0 0 5px}.profile-head p{margin:0;font-size:13px;opacity:.9}.menu{background:white;margin-top:16px;border-radius:14px;overflow:hidden}.menu div{padding:17px;border-bottom:1px solid var(--line);font-size:15px;display:flex;justify-content:space-between}.menu div:last-child{border-bottom:0}.modal-backdrop{position:fixed;inset:0;z-index:4;background:#101319aa;display:grid;align-items:end;padding:16px}.product-modal{position:relative;max-width:480px;width:100%;margin:auto;background:#fff;border-radius:20px;overflow:hidden}.product-modal>img{width:100%;height:260px;object-fit:cover;background:#222}.modal-copy{padding:20px 22px 24px}.modal-copy h2{margin:4px 0 8px;font-size:22px}.eyebrow,.tagline{margin:0;color:var(--muted);font-size:13px}.purchase{margin-top:18px;width:100%;border:0;border-radius:23px;background:var(--coral);color:#fff;padding:13px;font-size:16px}.close{position:absolute;right:12px;top:12px;z-index:1;border:0;border-radius:50%;width:32px;height:32px;background:#ffffffd9;font-size:25px;line-height:25px;cursor:pointer}.modal-backdrop[hidden]{display:none}@media(min-width:481px){body{padding:18px 0}.app-shell{box-shadow:0 4px 28px #1d28341f}}
/* Functional views */
.menu-state{margin-left:auto;margin-right:9px;color:var(--coral);font-size:12px;font-style:normal}.signing-result{margin:22px 0;border-radius:10px;background:#fff3f1;padding:16px;color:#555}.signing-result b{color:var(--coral)}.form-tip{font-size:12px;color:var(--muted);line-height:1.6}.agreement-check{display:flex!important;gap:8px;align-items:center;line-height:1.4}.agreement-check input{display:inline-block!important;width:auto!important;margin:0!important}
.signature-pad{position:relative;border:1px solid #dfe3e8;background:#fff;margin:8px 0 18px}.signature-pad canvas{display:block;width:100%;height:220px;touch-action:none;cursor:crosshair}.signature-pad button{position:absolute;right:10px;bottom:10px;border:1px solid #d8dde3;border-radius:15px;background:#fff;color:#68717b;padding:6px 11px;font-size:12px}
.address-editor{min-height:calc(100vh - 124px);background:#f2f4ff;padding-bottom:78px}.address-editor>label{min-height:54px;padding:0 16px;background:#fff;border-bottom:1px solid #edf0f3;display:flex;align-items:center;gap:24px}.address-editor>label>span{width:76px;flex:0 0 76px;font-size:14px}.address-editor i{color:#f0525d;font-style:normal}.address-editor input,.address-editor textarea{border:0!important;margin:0!important;padding:10px 0!important;outline:0;background:transparent;font:inherit}.address-editor textarea{min-height:178px}.address-editor .detail-field{height:180px;align-items:flex-start;padding-top:16px}.address-editor .default-switch{margin-top:0}.default-switch input{position:absolute;opacity:0}.default-switch b{position:relative;width:40px;height:24px;border-radius:16px;background:#d7d9dd;transition:.2s}.default-switch b:before{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;border-radius:50%;background:#fff;transition:.2s}.default-switch input:checked+b{background:#3f97f5}.default-switch input:checked+b:before{transform:translateX(16px)}.address-editor footer{position:fixed;z-index:3;bottom:0;left:50%;transform:translateX(-50%);width:min(480px,100%);padding:12px 16px;background:#f2f4ff}.address-editor footer button{width:100%;border:0;border-radius:4px;background:#3f97f5;color:#fff;padding:11px;font-size:16px}
.address-editor .region-field{gap:24px}.region-picker{display:flex;align-items:center;gap:6px;flex:1;min-width:0}.region-picker select{min-width:0;flex:1;border:0;background:transparent;color:#4b5560;font:inherit;outline:0;padding:10px 0;appearance:auto}.region-picker select:disabled{color:#aab1ba}.region-picker #regionValue{position:absolute;opacity:0;width:1px;height:1px;padding:0!important}
.default-tag{display:inline-block;margin:7px 8px 0 0;border:1px solid #f27575;border-radius:3px;color:#e95f60;padding:1px 4px;font-size:11px}
.address-list{min-height:calc(100vh - 124px);background:#f2f4ff;padding-bottom:72px}.address-list-card{background:#fff}.address-list-item{padding:17px 8px 0}.address-main{display:flex;align-items:center;gap:10px;font-size:15px}.address-main b{font-weight:500}.address-main span{color:#545d67}.address-list-item p{margin:8px 0 10px;font-size:14px;color:#26303a}.address-list-item footer{height:45px;border-top:1px solid #edf0f3;display:flex;align-items:center;justify-content:flex-end;gap:17px}.address-list-item footer button{border:0;background:transparent;color:#2d3540;padding:6px 0;font:inherit;font-size:14px}.address-list-item footer .set-default{margin-right:auto;color:#5b6570}.set-default i{display:inline-block;width:16px;height:16px;margin-right:5px;vertical-align:-3px;border:2px solid #939ba6;border-radius:50%}.set-default.active{color:#3f97f5!important}.set-default.active i{border-color:#3f97f5;box-shadow:inset 0 0 0 3px #fff;background:#3f97f5}.address-divider{height:14px;border-left:1px solid #d7dbe0}.address-end,.address-empty{text-align:center;color:#8f98a3;font-size:14px;margin:21px 0}.address-list-footer{position:fixed;z-index:3;bottom:0;left:50%;transform:translateX(-50%);width:min(480px,100%);padding:12px 8px;background:#f2f4ff}.address-list-footer button{width:100%;border:0;border-radius:4px;background:var(--coral);color:#fff;padding:11px;font-size:16px}
.address-action{display:inline-flex!important;align-items:center;gap:4px}.address-action svg{width:15px;height:15px;fill:none;stroke:#59636e;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.profile-demo{padding:0 14px 22px;background:#f4f5f6}.member-banner{height:114px;margin:0 -14px;padding:0 17px;display:flex;align-items:center;gap:12px;background:#f9585b;color:#fff}.member-avatar{width:64px;height:64px;border:3px solid #ffffff99;border-radius:50%;background:#e8e8e8;color:#a9a9a9;font-size:27px}.member-banner b,.member-banner span{display:block}.member-banner b{font-size:16px}.member-banner b small{font-size:12px;font-weight:400}.member-banner span{margin-top:4px;font-size:16px}.member-setting{display:grid;place-items:center;margin-left:auto;border:0;background:transparent;color:#fff;padding:5px}.member-setting svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.member-card{margin-top:10px;border-radius:12px;background:#fff;box-shadow:0 2px 8px #d7dce04d;overflow:hidden}.member-card>header{height:47px;padding:0 14px;display:flex;align-items:center;justify-content:space-between;font-size:16px}.member-card>header b{font-weight:500}.member-card>header button{border:0;background:transparent;color:#7e8791;font-size:14px}.order-statuses{display:grid;grid-template-columns:repeat(4,1fr);padding:2px 8px 14px}.order-statuses button,.pickup-statuses button{border:0;background:transparent;color:#5a636d;font:inherit}.order-statuses span{display:block;margin-top:7px;font-size:15px}.status-icon{display:grid;place-items:center;margin:auto;width:28px;height:28px;color:#5d646a;font-style:normal;line-height:1}.status-icon svg{width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.pickup-statuses{display:grid;grid-template-columns:1fr 1fr;padding:10px 36px 21px}.pickup-statuses button{display:flex;align-items:center;justify-content:center;gap:5px;font-size:15px}.asset-summary{display:grid;grid-template-columns:1fr 1fr}.asset-summary button{position:relative;min-height:87px;border:0;padding:15px 24px;text-align:left;background:#fff4e5;color:#66707a}.asset-summary button+button{background:#e9f1ff}.asset-summary b,.asset-summary span{display:block}.asset-summary b{color:#f79a00;font-size:18px}.asset-summary button+button b{color:#1985ff}.asset-summary span{margin-top:5px;font-size:15px}.asset-summary i{position:absolute;right:15px;bottom:12px;color:#ffae12;font-size:26px;font-style:normal}.asset-summary i svg{width:29px;height:29px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.asset-summary button+button i{color:#32a6f7}.profile-demo .profile-menu{margin-top:10px;border-radius:12px}.profile-demo .menu div{padding:16px}.profile-demo .menu-state{margin-left:auto}
.profile-topbar{display:none}
.member-info{border:0;background:transparent;padding:0;color:#fff;text-align:left;font:inherit}.member-info b,.member-info span{display:block}.member-info b{font-size:16px}.member-info small{font-size:12px;font-weight:400}.member-info span{margin-top:4px;font-size:16px}
.member-avatar{overflow:hidden;padding:0;background:#e8e8e8 url('./assets/default-avatar.png') center/cover no-repeat;font-size:0}.member-avatar img{display:block;width:100%;height:100%;object-fit:cover}
.setting-page{min-height:calc(100vh - 124px);padding:7px 0;background:#fff}.setting-list{border-top:1px solid #edf0f3;border-bottom:1px solid #edf0f3}.setting-list button{width:100%;height:50px;padding:0 16px;border:0;border-bottom:1px solid #edf0f3;background:#fff;color:#26313b;display:flex;align-items:center;justify-content:space-between;font:inherit;font-size:14px;text-align:left}.setting-list button:last-child{border-bottom:0}.setting-list button span{font-size:24px;font-weight:300;color:#68717b}.setting-list .logout-row{color:#f25858}
.password-editor{min-height:calc(100vh - 124px);padding-top:7px;background:#f2f4ff}.password-editor label{height:52px;padding:0 16px;background:#fff;border-bottom:1px solid #edf0f3;display:flex;align-items:center;gap:28px}.password-editor label:first-child{border-top:1px solid #edf0f3}.password-editor label span{width:72px;flex:0 0 72px;font-size:14px}.password-editor i{color:#f0525d;font-style:normal}.password-editor input{flex:1;border:0;outline:0;background:transparent;font:inherit}.password-editor>button{width:calc(100% - 32px);margin:39px 16px 0;border:0;border-radius:3px;background:var(--coral);color:#fff;padding:12px;font:inherit;font-size:15px}
.payment-records{min-height:calc(100vh - 54px);padding:8px 10px;background:#f2f4ff}.payment-card{margin-bottom:10px;padding:8px 11px;border-radius:6px;background:#fff}.payment-card>div{min-height:37px;border-bottom:1px solid #edf0f3;display:flex;align-items:center;justify-content:space-between;font-size:15px}.payment-card>div:last-child{border-bottom:0}.payment-card span{color:#3e4751}.payment-card b{font-weight:400;text-align:right}.payment-card em{border-radius:9px;padding:3px 8px;background:#e7e9ec;color:#67717b;font-style:normal}.proof-placeholder{display:grid;place-items:center;width:34px;height:34px;border:1px solid #e1e3e5;color:#9ca3aa;font-size:10px;font-style:normal}.payment-proof-thumb{display:block;width:56px;height:56px;object-fit:cover;border-radius:5px;cursor:zoom-in;border:1px solid #e1e3e5}
.tabbar.hidden-nav{display:none}.app-shell:has(.tabbar.hidden-nav){padding-bottom:0}
.app-shell:has(.warehouse-page) .topbar{background:#fff;color:#252b33;border-bottom:1px solid #edf0f3}.warehouse-page{min-height:calc(100vh - 114px);background:linear-gradient(135deg,#fff8f8 0%,#f7f8ff 45%,#f4f6fa 100%)}.warehouse-tabs{height:50px;display:flex;gap:38px;align-items:center;padding:0 18px;background:#fff}.warehouse-tabs button{position:relative;border:0;background:transparent;padding:11px 0;color:#333;font:inherit;font-size:15px}.warehouse-tabs button.active{color:#f15a48;font-weight:700}.warehouse-tabs button.active:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;border-radius:2px;background:#f15a48}.warehouse-content{margin:0 8px;border-radius:24px 24px 0 0;min-height:calc(100vh - 164px)}.warehouse-content .section-title{margin-top:4px}.warehouse-content .order-row small{display:block;margin-top:5px;color:#8c949e;font-size:12px}
.app-shell:has(.warehouse-page){max-width:480px;background:#f4f6fa}.app-shell:has(.warehouse-page) .topbar{height:45px;background:#fff;color:#20252c;border-bottom:0;font-size:17px}.warehouse-page{min-height:calc(100vh - 115px);background:linear-gradient(135deg,#fff9f8 0%,#f7f8ff 48%,#f0f3fa 100%)}.warehouse-tabs{height:55px;gap:38px;align-items:center;padding:0 12px;background:transparent}.warehouse-tabs button{appearance:none;-webkit-appearance:none;position:relative;border:0!important;outline:0;background:transparent!important;padding:15px 0 13px;color:#59616b;font-family:inherit;font-size:15px;line-height:20px;cursor:pointer}.warehouse-tabs button.active{color:#f4513c;font-weight:700}.warehouse-tabs button.active:after{content:"";position:absolute;left:0;right:0;bottom:7px;height:2px;border-radius:2px;background:#f4513c}.warehouse-content{margin:0 0;border-radius:26px 26px 0 0;min-height:calc(100vh - 170px);padding:24px 20px;background:#fff}.warehouse-content .section-title{display:none}.warehouse-content .order-row{padding:14px 0}.warehouse-content .order-row small{display:block;margin-top:5px;color:#8c949e;font-size:12px}
.app-shell:has(.warehouse-page) .tabbar{width:min(480px,100%)}
.pickup-summary{height:104px}.pickup-summary>header{height:43px;padding:0 14px}.pickup-statuses{padding:7px 33px 17px}.pickup-statuses button{color:#4c5660}.pickup-statuses .status-icon{width:25px;height:25px;margin:0}.pickup-statuses .status-icon svg{width:25px;height:25px}.pickup-statuses .status-icon.done svg{width:27px;height:27px}
.subpage{min-height:calc(100vh - 70px)}.sub-topbar{display:none}.page-nav{height:54px;background:#fff;border-bottom:1px solid #edf0f3;display:grid;place-items:center;position:relative;font-size:16px}.back{position:absolute;left:13px;top:7px;width:38px;height:38px;border:0;background:transparent;color:#1e252d;font-size:34px;line-height:30px;font-weight:300}.loot-hero{padding:34px 24px;background:linear-gradient(125deg,#fb7773,#ef4358);color:#fff}.loot-hero p,.loot-hero h1{margin:0 0 9px}.loot-hero h1{font-size:24px}.loot-hero span{font-size:13px;opacity:.9}.sale-row,.order-row,.point-item{display:flex;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line)}.sale-row img,.order-row img,.point-item img{width:72px;height:72px;border-radius:9px;object-fit:cover}.sale-row div,.point-item div{flex:1}.sale-row h3,.point-item h3{margin:0 0 8px;font-size:15px}.sale-row p,.point-item p,.order-row p{margin:0;color:var(--muted);font-size:13px}.sale-row button,.order-row button,.point-item button,.empty button{border:0;border-radius:16px;background:var(--coral);color:#fff;padding:8px 12px}.white-btn{margin-left:auto;border:1px solid #fff;background:transparent;color:#fff;border-radius:16px;padding:6px 12px}.stats{background:#fff;border-radius:14px;margin-top:15px;padding:16px;display:flex;justify-content:space-around;text-align:center}.stats b,.stats span{display:block}.stats b{font-size:18px}.stats span{font-size:12px;color:var(--muted);margin-top:5px}.detail>img{width:100%;height:350px;object-fit:cover}.detail-copy{background:#fff;padding:20px}.detail-copy h1{margin:0}.detail-copy p{line-height:1.7;color:#636a73}.buybar{position:sticky;bottom:0;padding:12px;background:#fff;display:flex;gap:10px}.buybar button,.primary{flex:1;border:0;border-radius:22px;padding:12px;background:#fff0ef;color:var(--coral);font-size:15px}.buybar .primary,.primary{background:var(--coral);color:#fff}.form-card{margin:28px 16px;background:#fff;border-radius:14px;padding:24px}.form-card h1{margin:0 0 7px}.form-card>p{color:var(--muted);font-size:13px}.form-card label{display:block;font-size:13px;margin:18px 0 8px}.form-card input,.form-card textarea{display:block;width:100%;margin-top:7px;border:1px solid #e4e7eb;border-radius:8px;padding:12px;font:inherit}.form-card textarea{min-height:90px;resize:vertical}.form-card .primary{width:100%;margin-top:14px}.form-links{text-align:center}.form-links button{border:0;background:transparent;color:var(--coral)}.filters{display:flex;gap:10px;margin-bottom:14px}.filters button{border:0;border-radius:15px;padding:7px 13px;background:#f2f3f5}.filters .selected{background:#ffe7e8;color:var(--coral)}.order-card{border-radius:10px;margin:12px 0;padding:14px;background:#fff;box-shadow:0 2px 8px #d8dce344}.order-card>div:first-child,.order-card footer{display:flex;justify-content:space-between;color:var(--muted);font-size:12px}.order-card>div:first-child b{color:var(--coral)}.order-card footer{border-top:1px solid var(--line);padding-top:11px}.order-card footer button,.full{border:0;background:var(--coral);color:#fff;border-radius:16px;padding:7px 12px}.address{padding:15px 0;border-bottom:1px solid var(--line)}.address p{color:var(--muted);font-size:13px}.address button{border:0;background:transparent;color:var(--coral);padding:0}.full{display:block;width:100%;margin-top:22px;padding:12px}.muted{color:var(--muted)}.points-top{padding:25px;background:linear-gradient(125deg,#fb7773,#ef4358);color:#fff}.points-top span,.points-top b{display:block}.points-top b{font-size:34px;margin:5px 0}.points-top button{border:1px solid #fff;color:#fff;background:transparent;border-radius:14px;padding:5px 10px}.coupon{margin-bottom:12px;border-radius:12px;background:linear-gradient(110deg,#fff0f0,#fff);padding:18px;display:flex;align-items:center;gap:14px}.coupon b{font-size:23px;color:var(--coral)}.coupon small{margin-left:auto;color:var(--muted)}.prose{line-height:1.9;color:#555}@media(min-width:481px){body{padding:18px 0}.app-shell{box-shadow:0 4px 28px #1d28341f}}.purchase-success-mask{position:fixed;z-index:20;inset:0;display:grid;place-items:center;padding:24px;background:#15203399;backdrop-filter:blur(4px)}.purchase-success-modal{position:relative;width:min(360px,100%);padding:30px 22px 20px;border-radius:22px;background:#fff;text-align:center;box-shadow:0 20px 48px #13213855}.purchase-success-close{position:absolute;top:12px;right:14px;width:30px;height:30px;border:0;border-radius:50%;background:#f4f5f7;color:#838b95;font-size:23px;line-height:25px}.purchase-success-check{display:grid;place-items:center;width:54px;height:54px;margin:0 auto 12px;border-radius:50%;background:linear-gradient(135deg,#fb7d7b,#ef4358);box-shadow:0 8px 18px #ef435855;color:#fff;font-size:30px;font-weight:700}.purchase-success-modal h2{margin:0;color:#252a31;font-size:21px}.purchase-success-note{margin:9px 7px 18px;color:#8a929d;font-size:13px;line-height:1.55}.purchase-success-modal article{display:flex;gap:12px;align-items:center;padding:11px;border-radius:12px;background:#fff5f4;text-align:left}.purchase-success-modal article img{width:58px;height:58px;border-radius:9px;object-fit:cover;background:#eee}.purchase-success-modal article div{display:grid;gap:4px;min-width:0}.purchase-success-modal article b{overflow:hidden;color:#303640;font-size:14px;text-overflow:ellipsis;white-space:nowrap}.purchase-success-modal article span{color:#ef5260;font-size:15px;font-weight:700}.purchase-success-modal article em{width:max-content;padding:2px 7px;border-radius:8px;background:#ffe0de;color:#e6525a;font-size:11px;font-style:normal}.purchase-success-modal footer{display:grid;grid-template-columns:1fr 1.2fr;gap:10px;margin-top:19px}.purchase-success-modal footer button{border:0;border-radius:11px;padding:12px 8px;font:inherit;font-size:14px}.purchase-success-secondary{background:#fff0ef;color:#ed5961}.purchase-success-primary{background:linear-gradient(135deg,#fb7371,#ef4358);color:#fff;box-shadow:0 5px 12px #ef435844}
.payment-page{min-height:calc(100vh - 124px);padding:14px 12px 28px;background:#f5f6f8}.payment-product{display:flex;gap:13px;align-items:center;padding:14px;border-radius:13px;background:#fff;box-shadow:0 2px 9px #d9dde344}.payment-product img{width:74px;height:74px;border-radius:10px;object-fit:cover;background:#eee}.payment-product div{display:grid;gap:6px;min-width:0}.payment-product b{overflow:hidden;color:#27313b;font-size:16px;text-overflow:ellipsis;white-space:nowrap}.payment-product span{color:#8b949d;font-size:12px}.payment-product strong{color:var(--coral);font-size:18px}.payment-info{margin-top:12px;padding:5px 14px;border-radius:13px;background:#fff}.payment-info div{min-height:45px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #edf0f3;font-size:14px}.payment-info div:last-child{border-bottom:0}.payment-info span{color:#78818b}.payment-info b{font-weight:500;color:#2d3741}.payment-info strong{color:var(--coral);font-size:17px}.payment-field{display:block;margin-top:12px;padding:13px 14px;border-radius:13px;background:#fff;color:#4d5660;font-size:14px}.payment-field input,.payment-field select{display:block;width:100%;margin-top:9px;padding:11px 0;border:0;border-bottom:1px solid #e5e8ec;outline:0;background:transparent;color:#252d35;font:inherit}.payment-field small{display:block;margin-top:8px;color:#a0a7af;font-size:12px}.payment-submit{margin-top:19px!important;width:100%;font-size:15px!important}.payment-submit:disabled{opacity:.6}.payment-page>.muted{text-align:center;padding:55px 10px 20px}
.receiving-page{min-height:calc(100vh - 124px);background:#f5f6f8;padding-bottom:28px}.receiving-tabs{height:58px;display:flex;justify-content:space-around;align-items:center;background:#fff;border-bottom:1px solid #edf0f3}.receiving-tabs button{height:58px;width:40%;border:0;border-bottom:2px solid transparent;background:#fff;color:#777;font:inherit;font-size:15px}.receiving-tabs button.active{border-color:#3f8cff;color:#3f8cff}.receiving-form{padding-top:9px}.receiving-form>label{display:block;min-height:57px;padding:0 16px;background:#fff;border-bottom:1px solid #edf0f3;color:#303943;font-size:14px;line-height:57px}.receiving-form>label input{float:right;width:72%;height:56px;border:0;outline:0;background:transparent;color:#6a737d;font:inherit;text-align:left}.code-row{float:right;width:72%;display:flex;align-items:center;height:57px}.code-row input{float:none;width:auto;flex:1;height:40px}.code-row button{border:1px solid #3f8cff;border-radius:5px;background:#fff;color:#3f8cff;padding:5px 7px;font:inherit;font-size:12px}.qr-uploader{margin:18px 16px 26px;padding:17px 10px 18px;border-radius:10px;background:#fff;text-align:center;box-shadow:0 2px 9px #d9dde344}.qr-uploader p{margin:0 0 12px;text-align:left;color:#58616b;font-size:14px}.qr-uploader img{display:block;width:220px;height:220px;margin:0 auto 15px;object-fit:contain;border-radius:4px;background:#fff}.qr-placeholder{display:grid;place-items:center;width:220px;height:220px;margin:0 auto 15px;border:1px dashed #ccd2d9;color:#9aa3ad;font-size:13px}.qr-upload-btn{border:1px solid #d9dee4;border-radius:5px;background:#fff;color:#438cf0;padding:7px 18px;font:inherit}.receiving-save{width:calc(100% - 32px);margin:0 16px!important;border-radius:3px!important;background:#03bd76!important}.payment-login{background:#fff!important;color:var(--coral)!important}
.receiving-form>label:nth-of-type(2),.receiving-form>label:nth-of-type(3){display:none}
.app-toast{position:fixed;z-index:100;left:50%;bottom:92px;max-width:calc(100% - 46px);padding:12px 18px;border-radius:12px;background:#252b33;color:#fff;font-size:14px;line-height:1.45;text-align:center;box-shadow:0 10px 24px #10182042;opacity:0;pointer-events:none;transform:translate(-50%,16px);transition:opacity .2s ease,transform .2s ease}.app-toast.show{opacity:1;transform:translate(-50%,0)}.app-toast.success{background:#10a66d}.app-toast.error{background:#e85c62}
.payment-receiving{margin-top:12px;padding:14px;border-radius:13px;background:#fff;text-align:center}.payment-receiving header{display:grid;gap:5px;text-align:left}.payment-receiving header span{color:#313a44;font-size:15px}.payment-receiving header small{color:#8d96a0;font-size:12px;line-height:1.45}.payment-receiving img{display:block;width:210px;height:210px;margin:15px auto 8px;object-fit:contain;border-radius:6px;background:#fff}.payment-receiving p{margin:0;color:#626b75;font-size:13px}.payment-receiving-empty{display:grid;place-items:center;min-height:96px;margin-top:12px;border-radius:8px;background:#f7f8fa;color:#9aa2ab;font-size:13px}.payment-submit:disabled{background:#cfd4da!important;color:#fff!important;box-shadow:none}
.payment-proof-field{margin-top:12px;padding:14px;border-radius:13px;background:#fff}.payment-proof-field>span{display:block;color:#4d5660;font-size:14px}.proof-upload-button{margin-top:12px;border:1px solid #ff5a63;border-radius:18px;background:#fff;color:#f0525d;padding:9px 16px;font:inherit}.payment-proof-field small{display:block;margin-top:9px;color:#9aa2ab;font-size:12px}.image-preview-mask{position:fixed;z-index:120;inset:0;display:grid;place-items:center;padding:26px;background:#111b2bdd}.image-preview-mask img{max-width:94vw;max-height:86vh;object-fit:contain;border-radius:8px;box-shadow:0 10px 35px #0008}.image-preview-mask button{position:absolute;top:24px;right:24px;width:36px;height:36px;border:0;border-radius:50%;background:#ffffffdd;color:#333;font-size:26px;line-height:30px}
.seller-order-actions{display:flex;gap:8px}.order-card footer .seller-order-actions button{border-radius:16px;padding:7px 11px}.seller-order-actions .view-proof{border:1px solid #ff6a70!important;background:#fff!important;color:#ef5c63!important}.seller-order-actions .view-proof:disabled{border-color:#d9dde2!important;color:#a7afb8!important}.receipt-confirm-mask{position:fixed;z-index:110;inset:0;display:grid;place-items:center;padding:24px;background:#15203388}.receipt-confirm-mask section{width:min(330px,100%);padding:22px;border-radius:17px;background:#fff;box-shadow:0 16px 40px #0e182844}.receipt-confirm-mask h3{margin:0 0 10px;color:#27313b;font-size:19px}.receipt-confirm-mask p{margin:0;color:#7c8691;font-size:14px;line-height:1.65}.receipt-confirm-mask footer{display:flex;justify-content:flex-end;gap:10px;margin-top:22px}.receipt-confirm-mask button{border:0;border-radius:9px;padding:10px 15px;font:inherit}.receipt-confirm-mask [data-close]{background:#f1f3f5;color:#6d7781}.receipt-confirm-mask [data-submit]{background:#ff5d65;color:#fff}
.listing-modal-mask{position:fixed;z-index:130;inset:0;display:grid;place-items:center;padding:22px;background:#1721329c;backdrop-filter:blur(4px)}.listing-modal{width:min(360px,100%);overflow:hidden;border-radius:19px;background:#fff;box-shadow:0 20px 52px #10182766}.listing-modal>header{height:58px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;border-bottom:1px solid #f0f1f3;font-size:18px}.listing-modal>header button{width:30px;height:30px;border:0;border-radius:50%;background:#f3f4f6;color:#737c87;font-size:22px;line-height:25px}.listing-modal article{display:flex;gap:12px;align-items:center;margin:16px 18px;padding:12px;border-radius:12px;background:#fff8f7}.listing-modal article img{width:58px;height:58px;border-radius:10px;object-fit:cover;background:#eee}.listing-modal article div{display:grid;gap:7px}.listing-modal article b{font-size:15px}.listing-modal article span{color:#88919d;font-size:13px}.listing-modal label{display:block;margin:0 18px;color:#4d5660;font-size:14px}.listing-modal label input{display:block;width:100%;margin-top:8px;border:1px solid #e2e6eb;border-radius:10px;padding:11px 12px;font:inherit;font-size:16px;color:#222}.listing-fee{margin:14px 18px 0;padding:13px;border-radius:11px;background:#fff4ec}.listing-fee div{display:flex;justify-content:space-between;align-items:center}.listing-fee b{color:#f05a42;font-size:17px}.listing-fee p{margin:7px 0 0;color:#929aa5;font-size:12px}.listing-modal footer{display:grid;grid-template-columns:1fr 1.35fr;gap:10px;padding:18px}.listing-modal footer button,.listing-transfer>button{border:0;border-radius:10px;padding:12px;font:inherit}.listing-modal footer button:first-child{background:#f0f2f4;color:#737d87}.listing-modal footer button:last-child,.listing-transfer>button{background:linear-gradient(135deg,#fb6f70,#ef495c);color:#fff}.listing-modal footer button:disabled{opacity:.6}.listing-transfer{padding:24px 22px;text-align:center}.listing-transfer>strong{display:block;color:#ed5260;font-size:22px}.listing-transfer p{margin:13px 0;color:#77818c;font-size:13px;line-height:1.7;text-align:left}.listing-transfer img{display:block;width:190px;height:190px;margin:14px auto;object-fit:contain;border-radius:10px;border:1px solid #eef0f2}.listing-transfer small{display:block;color:#929aa5;font-size:12px;line-height:1.6;text-align:left}.listing-transfer>button{width:100%;margin-top:18px}.listing-qr-missing{margin:15px 0;padding:14px;border-radius:10px;background:#fff2ef;color:#e45a54;font-size:13px;line-height:1.5}
.payment-page label:has(input[name="paidAt"]){display:none}
.listing-fixed-price{margin:14px 18px 0;padding:13px;border-radius:11px;background:#f8f9fb;display:grid;gap:6px}.listing-fixed-price span{color:#4d5660;font-size:14px}.listing-fixed-price strong{color:#f0525d;font-size:21px}.listing-fixed-price small{color:#929aa5;font-size:12px;line-height:1.45}.listing-payment-tabs{margin:14px 18px 0;border-radius:11px;background:#fff4ec;overflow:hidden}.listing-tab-nav{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid #f1ddd4;background:#fff}.listing-tab-nav button{border:0;background:transparent;padding:11px 8px;color:#8a929b;font:inherit;font-size:14px}.listing-tab-nav button.active{color:#ef5260;font-weight:600;border-bottom:2px solid #ef5260}.listing-tab-panel{display:none;padding:14px;text-align:center}.listing-tab-panel.active{display:block}.listing-tab-panel>b{display:block;color:#4d5660;font-size:14px}.listing-tab-panel img{display:block;width:150px;height:150px;margin:11px auto 7px;object-fit:contain;border-radius:8px;background:#fff}.listing-tab-panel small{display:block;color:#929aa5;font-size:12px;line-height:1.45;text-align:left}.listing-tab-panel input{display:none}.listing-tab-panel button{margin:15px auto 10px;border:0;border-radius:9px;padding:10px 22px;background:#ef5260;color:#fff;font:inherit}
.listing-balance-covered{margin:14px 18px 0;padding:12px;border-radius:10px;background:#effaf5;color:#249566;font-size:13px;line-height:1.5;text-align:center}
.listing-settlement{margin:14px 18px 0;padding:13px;border-radius:11px;background:#f8f9fb;display:grid;gap:10px}.listing-settlement>div,.listing-settlement label{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#66717d;font-size:13px}.listing-settlement b{color:#303943;font-size:14px}.listing-settlement select{max-width:230px;min-width:0;border:1px solid #e1e5e9;border-radius:8px;padding:7px;background:#fff;color:#303943;font:inherit}.listing-amount-due{padding-top:9px;border-top:1px solid #e7eaee}.listing-amount-due strong{color:#f0525d;font-size:19px}.listing-payment-qr{margin:14px 18px 0;padding:13px;border-radius:11px;background:#fff4ec;text-align:center}.listing-payment-qr b{display:block;color:#4d5660;font-size:14px}.listing-payment-qr img{display:block;width:150px;height:150px;margin:11px auto 7px;object-fit:contain;border-radius:8px;background:#fff}.listing-payment-qr small{display:block;color:#929aa5;font-size:12px;line-height:1.45;text-align:left}.listing-loading,.listing-error,.listing-qr-missing{margin:18px;padding:18px;border-radius:11px;background:#f8f9fb;color:#747f8b;font-size:13px;line-height:1.55}.listing-qr-missing{background:#fff2ef;color:#e45a54}
.balance-detail-page{background:#fff;min-height:calc(100vh - 112px);color:#252525}.balance-period{text-align:center;padding:18px 16px 12px;color:#6d7480;font-size:15px}.balance-tabs{display:flex;border-bottom:1px solid #eee}.balance-tabs button{flex:1;border:0;background:none;padding:12px 0;color:#707782;font-size:15px}.balance-tabs button.active{color:#1683ff;border-bottom:2px solid #1683ff}.balance-summary{display:flex;justify-content:flex-end;gap:14px;padding:12px 16px;border-bottom:1px solid #eee;color:#6d7480;font-size:14px}.balance-ledger-list{background:#fff}.balance-ledger-item{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid #eee}.balance-ledger-item div{display:flex;flex-direction:column;gap:5px}.balance-ledger-item b{font-size:15px;font-weight:500}.balance-ledger-item time{font-size:13px;color:#8b929b}.balance-ledger-item strong{font-size:17px}.balance-ledger-item .positive{color:#48bd16}.balance-ledger-item .negative{color:#ff5963}.balance-empty{text-align:center;padding:54px 16px}

/* Balance details: mobile reference layout */
.app-shell:has(.balance-detail-page){background:#f5f6f8}
.balance-detail-page{min-height:calc(100vh - 54px);background:#fff;color:#20242a}
.balance-detail-page .balance-period{height:48px;display:flex;align-items:center;justify-content:center;padding:0;border-bottom:1px solid #f1f1f1;color:#5e6874;font-size:16px}
.balance-detail-page .balance-tabs{height:43px;display:flex;border:0;border-bottom:1px solid #ededed;background:#fff}
.balance-detail-page .balance-tabs button{position:relative;flex:1;border:0;background:#fff;color:#606a76;font-family:inherit;font-size:14px;padding:0}
.balance-detail-page .balance-tabs button.active{color:#2587ff}
.balance-detail-page .balance-tabs button.active:after{content:"";position:absolute;right:20px;bottom:-1px;left:20px;height:2px;border-radius:2px;background:#2587ff}
.balance-detail-page .balance-summary{height:40px;display:flex;align-items:center;justify-content:flex-end;gap:15px;padding:0 16px;border-bottom:1px solid #eaeaea;color:#56606c;font-size:15px}
.balance-detail-page .balance-ledger-item{min-height:70px;display:flex;align-items:center;justify-content:space-between;padding:11px 16px;border-bottom:1px solid #ededed}
.balance-detail-page .balance-ledger-item div{display:flex;gap:5px;flex-direction:column}
.balance-detail-page .balance-ledger-item b{color:#2f3338;font-size:16px;font-weight:400}
.balance-detail-page .balance-ledger-item time{color:#8c949e;font-size:14px}
.balance-detail-page .balance-ledger-item strong{font-size:16px;font-weight:700}
.balance-detail-page .balance-ledger-item .positive{color:#37bd17}
.balance-detail-page .balance-ledger-item .negative{color:#ff5b65}
.balance-detail-page .balance-empty{padding:28px 16px;color:#9aa2ad;text-align:left}
.balance-retry{display:block;margin:13px 0 0;border:1px solid #2587ff;border-radius:4px;background:#fff;color:#2587ff;padding:7px 13px;font:inherit;font-size:13px}
.profit-page{min-height:calc(100vh - 54px);background:#f1f4fc;padding-bottom:24px}.profit-period{text-align:center;padding:18px 12px 12px;background:#fff;color:#59636e;font-size:15px}.profit-total{margin:12px 10px 10px;padding:20px 16px;border-radius:12px;background:linear-gradient(135deg,#3b9af5,#2688ef);color:#fff;box-shadow:0 5px 12px #3b9af533}.profit-total span{display:block;font-size:16px}.profit-total b{display:block;margin-top:8px;font-size:29px}.profit-list{padding:0 10px}.profit-order{margin-bottom:10px;padding:12px 10px 0;background:#fff}.profit-order-number{display:block;color:#111;font-size:14px}.profit-order-main{display:flex;gap:10px;margin-top:10px}.profit-order-main img{width:90px;height:90px;object-fit:cover;border-radius:5px;background:#e9edf2}.profit-order-info{flex:1;min-width:0;color:#4f5862;font-size:14px}.profit-values{display:flex;gap:9px;margin-top:8px}.profit-values span,.profit-values strong{padding:4px 8px;font-size:13px}.profit-values span{background:#fff0f0;color:#f24b42}.profit-values strong{background:#e4f8f0;color:#10a976}.profit-order-info small{display:block;margin-top:6px;color:#7d8791;line-height:1.5}.profit-order footer{margin-top:9px;padding:10px 0;border-top:1px solid #edf0f3;color:#8c959e;font-size:12px}.profit-empty{text-align:center;padding:45px 16px}.profit-empty button{display:block;margin:12px auto;border:1px solid #2587ff;background:#fff;color:#2587ff;border-radius:5px;padding:7px 13px}
.share-page{min-height:calc(100vh - 54px);padding:180px 20px 30px;background:#f1f4fc}.share-card{position:relative;padding:0 16px 22px;border-radius:12px;background:#fff;text-align:center;box-shadow:0 4px 16px #233b5b14}.share-card b{display:block;padding-top:42px;color:#20242a;font-size:18px}.share-avatar{position:absolute;top:-48px;left:50%;width:78px;height:78px;transform:translateX(-50%);padding:3px;border:3px solid #fff;border-radius:50%;background:#e9edf2;box-shadow:0 2px 8px #18253633}.share-qr{display:block;width:250px;height:250px;margin:24px auto 10px;object-fit:contain}.share-invite-code{display:block;color:#777f89;font-size:13px;letter-spacing:.08em}.share-card footer{margin-top:16px;padding-top:13px;border-top:1px dashed #e7e9ed;color:#9aa2ad;font-size:13px}.share-copy{display:block;width:100%;margin:16px 0;border:0;border-radius:22px;background:#fa5b5f;color:#fff;padding:12px;font:inherit}
.share-team-entry{display:flex;justify-content:space-between;width:100%;margin-top:10px;border:0;border-radius:12px;background:#fff;color:#424b56;padding:15px 16px;font:inherit;text-align:left}.team-page{min-height:calc(100vh - 54px);background:#f1f4fc;padding-bottom:20px}.team-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#ff5660;padding:20px 8px 18px}.team-actions button{border:0;background:transparent;color:#fff;font:inherit;font-size:12px;padding:35px 2px 4px}.team-summary{display:grid;grid-template-columns:repeat(3,1fr);padding:18px 10px;background:#fff;text-align:center}.team-summary b{display:block;color:#ff4c58;font-size:20px}.team-summary span{display:block;margin-top:6px;color:#69727d;font-size:12px}.team-filter{display:flex;justify-content:space-between;margin:12px 14px 8px;padding:14px 12px;background:#fff;color:#4b5560;font-size:14px}.team-filter span{padding:7px 12px;border-radius:12px;background:#ff5963;color:#fff;font-size:12px}.team-members{padding:0 14px}.team-member{position:relative;margin-bottom:10px;padding:12px 10px;background:#fff;border-radius:4px}.team-member header{display:flex;align-items:center;gap:10px;padding-bottom:10px;border-bottom:1px solid #edf0f3}.team-member header img,.team-member-avatar{width:38px;height:38px;border-radius:50%;object-fit:cover;background:#e4e7eb;display:grid;place-items:center;color:#929aa4}.team-member header div{display:flex;flex-direction:column;gap:4px}.team-member header b{font-size:14px;font-weight:500}.team-member header small{color:#7f8994;font-size:12px}.team-member-stats{display:grid;gap:10px;padding:15px 0;color:#53606c;font-size:13px}.team-member>button{display:block;margin-left:auto;border:0;border-radius:16px;background:#ff5963;color:#fff;padding:7px 13px;font:inherit;font-size:12px}.team-empty{text-align:center;padding:55px 20px;color:#929aa4}.team-empty button{display:block;margin:14px auto;border:1px solid #2587ff;background:#fff;color:#2587ff;border-radius:5px;padding:7px 13px}
.team-action-icon{display:block;font-size:25px;line-height:28px;margin-bottom:5px;color:#ffe7b8}.team-actions button{display:flex;flex-direction:column;align-items:center;justify-content:flex-end}.team-subpage,.team-my-fans-page,.team-orders-page{min-height:calc(100vh - 54px);background:#f1f4fc;padding:10px 12px 24px}.team-subpage .team-member,.team-my-fans-page .team-member{margin-bottom:8px}.team-relation{margin-left:auto;color:#ff5963;font-size:12px;font-style:normal}.team-funds-page{min-height:calc(100vh - 54px);background:#f5f5f5}.team-period{text-align:center;background:#fff;color:#777;padding:16px 0;font-size:14px}.team-fund-summary{display:flex;justify-content:flex-end;gap:18px;padding:10px 16px;background:#fff;color:#666;font-size:13px}.team-fund-row{display:flex;align-items:center;justify-content:space-between;padding:16px;background:#fff;border-top:1px solid #edf0f3}.team-fund-row div{display:flex;flex-direction:column;gap:5px}.team-fund-row b{font-size:14px;font-weight:500;color:#3c4650}.team-fund-row time{font-size:12px;color:#99a1aa}.team-fund-row strong{font-size:16px}.team-fund-row .positive{color:#13a878}.team-fund-row .negative{color:#f25757}.team-search{display:flex;align-items:center;gap:8px;margin:-2px -12px 10px;padding:12px 16px;background:#fff;color:#a2a8af}.team-search input{flex:1;border:0;outline:0;background:transparent;font:inherit;color:#4b5560}.team-search button{border:0;background:transparent;color:#6b727b;font:inherit}.team-network-list{display:grid;gap:8px}.team-network-list .team-member{margin:0}.team-orders-page{padding:0 12px 24px}.team-order-tabs{display:grid;grid-template-columns:1fr 1fr;margin:0 -12px 10px;background:#fff}.team-order-tabs button{border:0;border-bottom:2px solid transparent;background:#fff;padding:13px;color:#555;font:inherit}.team-order-tabs button.active{border-bottom-color:#3a95f5;color:#3a95f5}.team-order-row{margin-bottom:8px;padding:13px;background:#fff;border-radius:4px}.team-order-row header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #edf0f3;padding-bottom:9px}.team-order-row header b{font-size:12px;color:#222}.team-order-row header em{font-style:normal;font-size:12px;color:#ff5963}.team-order-row>div{display:flex;gap:14px;flex-wrap:wrap;padding:11px 0 6px;font-size:13px}.team-order-row>div strong{width:100%;font-size:14px;color:#333}.team-order-row>div span{color:#68727d}.team-order-row p,.team-order-row time{display:block;margin:4px 0;color:#8a929b;font-size:12px}
.points-mall-page,.points-orders-page{min-height:calc(100vh - 54px);background:#f4f6fb;padding-bottom:24px}.points-mall-balance{padding:20px;background:linear-gradient(135deg,#ff7b76,#ef4056);color:#fff}.points-mall-balance span,.points-mall-balance b{display:block}.points-mall-balance b{font-size:30px;margin:6px 0 12px}.points-mall-balance button{border:1px solid #fff;border-radius:15px;background:transparent;color:#fff;padding:6px 12px;font:inherit}.points-categories{display:flex;gap:10px;overflow:auto;padding:12px;background:#fff}.points-categories button{border:0;border-radius:16px;background:#f3f4f6;color:#69727c;padding:7px 14px;white-space:nowrap;font:inherit;font-size:13px}.points-categories button.active{background:#ffe3e3;color:#f24e59}.points-mall-list{padding:12px}.point-mall-card{display:flex;align-items:center;gap:12px;margin-bottom:10px;padding:12px;background:#fff;border-radius:10px}.point-mall-card img{width:76px;height:76px;object-fit:cover;border-radius:8px;background:#edf0f4}.point-mall-card div{flex:1;min-width:0}.point-mall-card h3{margin:0 0 7px;font-size:15px}.point-mall-card p{margin:0 0 7px;color:#929aa4;font-size:12px}.point-mall-card strong{color:#f24e59;font-size:14px}.point-mall-card button,.point-order-card>button{border:0;border-radius:16px;background:#fa5b5f;color:#fff;padding:8px 12px;font:inherit;font-size:12px}.points-orders-page{padding:12px}.point-order-card{margin-bottom:10px;padding:12px;background:#fff;border-radius:9px}.point-order-card header{display:flex;justify-content:space-between;padding-bottom:9px;border-bottom:1px solid #eef0f3;font-size:12px}.point-order-card header b{color:#20252b}.point-order-card header em{font-style:normal;color:#f24e59}.point-order-card>div{display:flex;gap:10px;padding:12px 0}.point-order-card img{width:68px;height:68px;object-fit:cover;border-radius:7px;background:#edf0f4}.point-order-card section{display:grid;gap:7px}.point-order-card section strong{font-size:14px}.point-order-card section span,.point-order-card section small,.point-order-card>p{color:#89929c;font-size:12px}.point-order-card>p{margin:0 0 10px;line-height:1.6}.points-exchange-mask{position:fixed;inset:0;z-index:30;display:grid;align-items:end;padding:14px;background:#17203388}.points-exchange-modal{position:relative;width:min(480px,100%);margin:auto;padding:22px 18px 16px;background:#fff;border-radius:18px}.points-modal-close{position:absolute;right:12px;top:9px;border:0;background:#f3f4f6;border-radius:50%;width:30px;height:30px;font-size:22px;color:#7c858e}.points-exchange-modal h3{margin:0 0 8px}.points-exchange-modal p{color:#7c858e;font-size:13px}.points-exchange-modal label{display:block;margin-top:14px;color:#555;font-size:13px}.points-exchange-modal input,.points-exchange-modal select{display:block;width:100%;margin-top:7px;border:1px solid #e2e6eb;border-radius:8px;padding:10px;font:inherit}.points-exchange-modal footer{display:flex;gap:10px;margin-top:18px}.points-exchange-modal footer button{flex:1;border:0;border-radius:20px;background:#f2f3f5;padding:11px;font:inherit}.points-exchange-modal footer .primary{background:#fa5b5f;color:#fff}
.pickup-inline-button{display:block;margin-top:8px;padding:7px 12px;border:0;border-radius:8px;background:#b98b55;color:#fff;font-size:12px}.fulfillment-inline-status{display:block;margin-top:6px;color:#9b7448;font-size:12px}.fulfillment-order-card{margin-bottom:12px}.fulfillment-address,.fulfillment-tracking{margin:8px 0;color:#756b60;font-size:13px}.pickup-request-form .order-row img,.fulfillment-order-card .order-row img{width:64px;height:64px;object-fit:cover;border-radius:10px}.pickup-request-form .payment-field{display:block;margin-top:18px}.pickup-request-form select{width:100%;padding:12px;border:1px solid #e8dfd5;border-radius:10px;background:#fff}.fulfillment-order-card footer{display:flex;justify-content:flex-end}
.flash-countdown{display:block;margin-top:7px;color:#d47d32;font-size:12px}.flash-countdown.live{color:#25a36f}.sale-row button[disabled],.buybar button[disabled]{opacity:.6;cursor:not-allowed}.detail-countdown{display:inline-block;margin-top:8px;padding:6px 10px;border-radius:8px;background:#fff3e5;color:#d47d32;font-size:13px}
.settlement-hint{margin:12px 0;padding:13px 14px;border:1px solid #f1dfc9;border-radius:12px;background:#fff9f1;color:#6e5a46}.settlement-hint b,.settlement-hint p,.settlement-hint strong,.settlement-hint small{display:block}.settlement-hint p{margin:6px 0;color:#8c7966;font-size:12px}.settlement-hint strong{font-size:15px}.settlement-hint strong.receive{color:#1c9b72}.settlement-hint strong.pay{color:#dd6b47}.settlement-hint strong.balanced{color:#7e8b96}.settlement-hint small{margin-top:6px;color:#8c7966;font-size:12px}
.register-card .code-field{display:none!important}
.tab span{display:grid;place-items:center;width:25px;height:25px;line-height:20px}.tab span svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.back{display:grid;place-items:center;font-size:0!important}.back svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.avatar svg{width:30px;height:30px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.subpage:has(.form-card:has(#authForm)){min-height:calc(100vh - 54px);background:#f3f5f8}.form-card:has(#authForm){margin:29px 16px 0;padding:28px 24px 36px;border-radius:15px;background:#fff;box-shadow:none}.form-card:has(#authForm) h1{margin:0 0 10px;color:#151c23;font-size:30px;line-height:1.2}.form-card:has(#authForm)>p{margin:0;color:#8290a0;font-size:13px}.form-card:has(#authForm) label{margin:19px 0 0;color:#303a45;font-size:14px}.form-card:has(#authForm) input{height:43px;margin-top:8px;border:1px solid #dae4f2;border-radius:8px;background:#eaf2ff;padding:10px 12px;color:#202833}.form-card:has(#authForm) .primary{height:45px;margin-top:22px;border-radius:24px;background:#ff5c63;color:#fff;font-size:14px}.form-card:has(#authForm) .form-links{margin-top:15px;color:#9aa3ad}.form-card:has(#authForm) .form-links button{margin-left:8px;color:#ff5c63}.form-card:has(#authForm) .form-links button+button{margin-left:14px}
.auth-register{min-height:calc(100vh - 54px);padding:28px 20px 34px;background:radial-gradient(circle at 61% 13%,#dcdffd 0,transparent 28%),radial-gradient(circle at 34% 13%,#ffe7e7 0,transparent 25%),linear-gradient(180deg,#fff 0,#f7f8fc 35%,#fff 35%)}.auth-welcome{height:104px;padding-left:1px}.auth-welcome h1{margin:0;color:#151c23;font-size:25px;line-height:1.22;letter-spacing:-1px}.register-card{padding:21px 20px 18px;border-radius:8px;background:#fff;box-shadow:0 8px 24px #2f3a4c18}.register-tab{position:relative;padding-bottom:13px;text-align:center;color:#328cf5;font-size:15px}.register-tab i{position:absolute;bottom:0;left:50%;width:32px;height:2px;border-radius:2px;background:#328cf5;transform:translateX(-50%)}.register-card form{margin-top:16px}.register-card form>label:not(.register-agreement){min-height:60px;margin:0;display:flex;align-items:center;border-bottom:1px solid #edf0f3;color:#29313a;font-size:15px}.register-card form>label>span{flex:0 0 70px}.register-card form input{width:100%;min-width:0;border:0;outline:0;background:transparent;padding:10px 0;color:#313941;font:inherit;font-size:14px}.register-card form input::placeholder{color:#b7bec8}.register-card .code-field input{flex:1}.register-card .code-field button{flex:0 0 auto;border:1px solid #2097f6;border-radius:13px;background:#fff;color:#1591f1;padding:7px 11px;font:inherit;font-size:12px}.register-card .code-field button:disabled{opacity:.6}.register-tip{margin:16px 0;color:#a5adb7;font-size:12px}.register-submit{width:100%;border:0;border-radius:2px;background:linear-gradient(90deg,#8bdded,#89baf0);color:#fff;padding:11px;font:inherit;font-size:16px;font-weight:700;letter-spacing:.04em}.register-agreement{display:flex!important;justify-content:center;margin:18px 0 0!important;color:#777f8a;font-size:12px}.register-agreement input{width:18px!important;margin:0 8px 0 0!important;accent-color:#4da7f5}.register-agreement a{color:#3f98f5;text-decoration:none}
.sale-row-image{position:relative;display:block;flex:0 0 72px;height:72px;overflow:hidden;border-radius:9px}.sale-row-image img{display:block;width:100%;height:100%;object-fit:cover}.sale-row-image i{position:absolute;inset:0;display:grid;place-items:center;background:#26303b80;color:#fff;font-size:17px;font-style:normal;font-weight:800;letter-spacing:.08em;text-shadow:0 1px 2px #101820}.sale-row.sold-out{opacity:.72}.sale-row.sold-out strong{color:#7d858e}.sale-row.sold-out .flash-countdown{color:#7d858e}.sale-row.sold-out button{background:#8b9299;color:#fff}
.flash-sort-tabs{display:flex;gap:8px;margin:-4px 0 12px;overflow-x:auto;scrollbar-width:none}.flash-sort-tabs::-webkit-scrollbar{display:none}.flash-sort-tabs button{flex:0 0 auto;border:1px solid #f0d7d7;border-radius:16px;background:#fff;color:#737b85;padding:6px 12px;font:13px "Microsoft YaHei",system-ui,sans-serif;line-height:1.25}.flash-sort-tabs button.active{border-color:var(--coral);background:#fff0ef;color:var(--coral);font-weight:700}
.flash-product-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.flash-product-grid .sale-row{display:grid;grid-template-columns:1fr;gap:0;align-content:start;overflow:hidden;padding:0 0 11px;border:0;border-radius:7px;background:#f3f3f3;box-shadow:0 1px 4px #27324118}.flash-product-grid .sale-row-image{width:100%;height:auto;aspect-ratio:1/1;max-width:none;border-radius:0}.flash-product-grid .sale-row-image img{width:100%;height:100%;border-radius:0}.flash-product-grid .sale-row>div:not(.sale-row-image){min-width:0;padding:9px 9px 0}.flash-product-grid .sale-row h3{overflow:hidden;margin:0 0 8px;color:#343940;font-size:15px;font-weight:500;text-overflow:ellipsis;white-space:nowrap}.flash-product-grid .sale-row p,.flash-product-grid .sale-row .flash-countdown{display:none}.flash-product-grid .sale-row strong{display:block;color:#ee5b4f;font-size:17px;line-height:1.2}.flash-product-grid .sale-row button{justify-self:end;position:relative;margin:-26px 9px 0 0;border-radius:17px;background:#9c9c9c;color:#fff;padding:8px 12px;font-size:12px}.flash-product-grid .sale-row:not(.sold-out) button{background:var(--coral)}.flash-product-grid .sale-row.sold-out{opacity:1}.flash-product-grid .sale-row.sold-out strong{color:#ee5b4f}.flash-product-grid .sale-row.sold-out button{background:#9c9c9c}.flash-product-grid .sale-row-image i{font-size:19px}
.flash-product-grid .sale-row-image{height:174px;aspect-ratio:auto}@media(max-width:380px){.flash-product-grid .sale-row-image{height:145px}}
/* Keep the live opening countdown visible on compact two-column cards. */
.flash-product-grid .sale-row .flash-countdown{display:block;min-height:17px;margin-top:7px;color:#d47d32;font-size:12px;line-height:17px}
.flash-product-grid .sale-row button{margin-top:8px}
.order-settlement-entry{width:100%;margin:0 0 13px;padding:14px;border:0;border-radius:12px;background:linear-gradient(125deg,#fff4ed,#fff9f4);color:#2d3440;display:flex;align-items:center;gap:10px;text-align:left;box-shadow:0 2px 9px #e4b18b26}.order-settlement-entry.loading{display:block;color:#89919b}.order-settlement-entry span{display:grid;gap:4px;flex:1}.order-settlement-entry span b{font-size:15px}.order-settlement-entry small{color:#8a919a;font-size:12px}.order-settlement-entry strong{color:#ee6557;font-size:18px}.order-settlement-entry i{color:#a4a9af;font-size:24px;font-style:normal}.settlement-payments-page{min-height:calc(100vh - 54px);padding:14px;background:#f4f6f8}.settlement-summary{margin-bottom:12px;padding:18px;border-radius:14px;background:linear-gradient(135deg,#fb7773,#ed4c5d);color:#fff;box-shadow:0 8px 18px #ef55623d}.settlement-summary span,.settlement-summary b,.settlement-summary small{display:block}.settlement-summary span{font-size:13px;opacity:.9}.settlement-summary b{margin:5px 0;font-size:26px}.settlement-summary small{font-size:12px;opacity:.88}.settlement-payment-row{margin-bottom:10px;padding:14px;border-radius:12px;background:#fff;box-shadow:0 2px 10px #2530420d}.settlement-payment-row header{display:flex;justify-content:space-between;padding-bottom:10px;border-bottom:1px solid #f0f1f3;color:#7d858e;font-size:12px}.settlement-payment-row header em{color:#ed6259;font-style:normal}.settlement-payee{display:flex;align-items:center;justify-content:space-between;padding:14px 0 11px}.settlement-payee div{display:grid;gap:4px}.settlement-payee small,.settlement-payee span{color:#9098a2;font-size:12px}.settlement-payee b{font-size:16px}.settlement-payee strong{color:#ed5a5f;font-size:19px}.settlement-pay-button,.settlement-retry{border:0;border-radius:18px;background:var(--coral);color:#fff;padding:8px 16px;font:14px "Microsoft YaHei",system-ui,sans-serif}.settlement-warning{color:#d88a35;font-size:12px}
.settlement-offset-notice{margin-bottom:12px;padding:12px 14px;border:1px solid #f1dfc9;border-radius:12px;background:#fff9f1;color:#6e5a46}.settlement-offset-notice b{display:block;font-size:14px}.settlement-offset-notice p{margin:5px 0 0;color:#8c7966;font-size:12px;line-height:1.6}
.settlement-receipts{margin:0 0 13px;padding:13px;border-radius:12px;background:#fff8f3;box-shadow:0 2px 9px #e4b18b26}.settlement-receipts>header{display:grid;gap:4px;padding-bottom:10px;border-bottom:1px solid #f3e2d8}.settlement-receipts>header b{color:#3b3030;font-size:15px}.settlement-receipts>header small,.settlement-receipt-row small{color:#967b6a;font-size:12px}.settlement-receipt-row{padding:12px 0;border-bottom:1px solid #f3e8e1}.settlement-receipt-row:last-child{border-bottom:0;padding-bottom:0}.settlement-receipt-row>div{display:grid;gap:5px}.settlement-receipt-row span{font-size:13px;color:#4d555e}.settlement-receipt-row strong{font-size:19px;color:#ed5a5f}.settlement-receipt-row footer{display:flex;justify-content:flex-end;gap:8px;margin-top:10px}.settlement-receipt-row button{border:0;border-radius:16px;padding:7px 11px;font:13px "Microsoft YaHei",system-ui,sans-serif}.settlement-receipt-row .view-proof{border:1px solid #ff6a70;background:#fff;color:#ef5c63}.settlement-receipt-row .confirm-receipt{background:#ff5d65;color:#fff}
.settlement-payment-state{display:inline-block;margin:0 0 10px;padding:4px 9px;border-radius:12px;font-size:12px}.settlement-payment-state.unpaid{background:#fff0f0;color:#e5535d}.settlement-payment-state.awaiting{background:#fff7e7;color:#bd7a21}.settlement-awaiting-section{margin-top:16px}.settlement-awaiting-section h3{margin:0 0 9px;color:#6f7781;font-size:14px;font-weight:600}.settlement-payment-awaiting{border:1px solid #f5dfb2}
.member-privilege-expiry{display:block;margin-top:3px;font-size:11px;color:#fff;opacity:.9}

.listing-balance-shortage{margin-top:14px;padding:14px;border-radius:12px;background:#fff4ed;color:#5b4a42}.listing-balance-shortage b{display:block;color:#ef5962;font-size:15px}.listing-balance-shortage p{margin:6px 0 10px;color:#7c6c64;font-size:13px}.listing-balance-shortage button{border:0;border-radius:18px;background:#ff5964;color:#fff;padding:8px 18px;font:inherit}