.product-card{cursor:pointer;overflow:hidden;display:flex;flex-direction:column;transition:transform .25s ease,box-shadow .25s ease}.product-card:hover{transform:translateY(-4px);box-shadow:var(--c-shadow)}.product-img{position:relative;width:100%;aspect-ratio:1 / 1;background:var(--c-cream);overflow:hidden}.product-img img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.product-card:hover .product-img img{transform:scale(1.06)}.product-img-placeholder{display:flex;align-items:center;justify-content:center;height:100%;font-size:36px;font-weight:600;color:var(--c-text-soft);background:var(--c-cream-2)}.angle-tag,.stock-tag{position:absolute;top:10px;padding:3px 9px;border-radius:var(--r-full);font-size:11px;font-weight:600;background:#ffffffeb;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:var(--c-primary-dark);box-shadow:0 2px 6px #00000014}.angle-tag{left:10px}.stock-tag{right:10px}.stock-preorder{background:var(--c-accent);color:#fff}.img-zoom-btn{position:absolute;right:8px;bottom:8px;z-index:2;width:30px;height:30px;border-radius:50%;background:#ffffffeb;box-shadow:0 2px 6px #00000026;font-size:14px;display:flex;align-items:center;justify-content:center;opacity:0;transform:scale(.85);transition:opacity .2s,transform .2s}.product-card:hover .img-zoom-btn{opacity:1;transform:scale(1)}.img-zoom-btn:hover{background:var(--c-primary)}@media (hover: none),(max-width: 480px){.img-zoom-btn{opacity:.92;transform:scale(1);width:28px;height:28px;font-size:13px}}.product-card.is-mine{box-shadow:0 0 0 1px var(--c-primary-light),var(--c-shadow-soft)}.product-card.is-co-share{box-shadow:0 0 0 1px #e7c98f,var(--c-shadow-soft)}.co-share-tag{position:absolute;top:10px;left:10px;z-index:2;padding:3px 9px;border-radius:var(--r-full);font-size:10px;font-weight:700;color:#fff;background:linear-gradient(135deg,#e8a24d,#c97d1a);box-shadow:0 2px 6px #c97d1a4d}.product-author{margin:2px 0 0;font-size:11.5px;font-weight:600;color:var(--c-primary-dark);line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mine-tag{position:absolute;left:8px;bottom:8px;padding:3px 9px;border-radius:var(--r-full);font-size:10px;font-weight:700;color:#fff;background:linear-gradient(135deg,var(--c-primary),var(--c-primary-dark));box-shadow:0 2px 6px #c97d1a59}.mine-ops{position:absolute;top:8px;right:8px;display:flex;gap:6px;opacity:0;transition:opacity .2s}.product-card:hover .mine-ops{opacity:1}.mine-op-btn{width:28px;height:28px;border-radius:50%;background:#fffffff0;box-shadow:0 2px 6px #0000001f;font-size:13px;display:flex;align-items:center;justify-content:center}.mine-op-btn:hover{transform:scale(1.1)}.mine-op-del:hover{background:#fdeaea}@media (hover: none),(max-width: 480px){.mine-ops{opacity:1}.mine-op-btn{width:26px;height:26px;font-size:12px}}.product-info{padding:12px 14px 14px;display:flex;flex-direction:column;gap:6px;flex:1}.product-name{margin:0;font-size:15px;font-weight:600;color:var(--c-text);line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.product-desc{margin:0;font-size:12px;color:var(--c-text-muted);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.product-tags{display:flex;flex-wrap:wrap;gap:4px;margin-top:2px}.tag{padding:2px 7px;border-radius:var(--r-full);background:var(--c-cream-2);color:var(--c-primary-dark);font-size:10px;font-weight:600}.product-bottom{margin-top:auto;padding-top:8px;display:flex;align-items:center;justify-content:space-between;gap:8px}.price-box{display:flex;flex-direction:column;align-items:flex-start;gap:3px;flex:1;min-width:0;overflow:hidden}.price-main{display:flex;align-items:baseline;gap:2px;white-space:nowrap;overflow:hidden}.price-rate{display:inline-block;padding:0 6px;font-size:10px;line-height:16px;font-weight:600;color:var(--c-primary);background:var(--c-primary-bg, #fff3e0);border-radius:var(--r-full);white-space:nowrap}.price{font-size:17px;font-weight:700;color:var(--c-accent);font-variant-numeric:tabular-nums}.unit{font-size:11px;color:var(--c-text-muted)}.add-btn,.btn.add-btn{padding:5px 10px;font-size:12px;flex-shrink:0;line-height:1.2;min-height:28px}@media (max-width: 480px){.price{font-size:15px}.add-btn,.btn.add-btn{padding:4px 8px;font-size:11px;min-height:24px}.product-bottom{gap:6px}}.pdetail-mask{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#5b42338c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:20px;animation:pdetail-fade .2s ease}@keyframes pdetail-fade{0%{opacity:0}to{opacity:1}}.pdetail-modal{position:relative;width:100%;max-width:900px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;animation:pdetail-pop .25s ease}@keyframes pdetail-pop{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.pdetail-close{position:absolute;top:12px;right:12px;z-index:5;width:34px;height:34px;border-radius:50%;background:#ffffffe6;color:var(--c-text-soft);font-size:16px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #00000026;transition:all .2s}.pdetail-close:hover{background:var(--c-accent);color:#fff}.pdetail-body{display:grid;grid-template-columns:1fr 360px;gap:0;overflow:hidden}.pdetail-img-col{background:var(--c-cream);padding:20px;display:flex;flex-direction:column;gap:12px;max-height:90vh;overflow-y:auto}.pdetail-main{position:relative;width:100%;aspect-ratio:1 / 1;border-radius:var(--r-md);overflow:hidden;background:#fff;box-shadow:var(--c-shadow-soft)}.pdetail-main.clickable{cursor:pointer}.pdetail-main img{width:100%;height:100%;object-fit:cover;animation:angle-fade .25s ease}@keyframes angle-fade{0%{opacity:.5}to{opacity:1}}.angle-nav{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;border-radius:50%;background:#ffffffe0;color:var(--c-text);font-size:24px;font-weight:700;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #00000026;transition:all .2s;line-height:1}.angle-nav:hover{background:var(--c-primary);color:#fff}.nav-prev{left:12px}.nav-next{right:12px}.angle-counter{position:absolute;bottom:12px;left:50%;transform:translate(-50%);padding:4px 12px;background:#5b4233b3;color:#fff;border-radius:var(--r-full);font-size:12px;font-variant-numeric:tabular-nums}.angle-hint{position:absolute;top:12px;left:50%;transform:translate(-50%);padding:3px 10px;background:#e8a23beb;color:#fff;border-radius:var(--r-full);font-size:11px;font-weight:600;white-space:nowrap}.pdetail-zoom-btn{position:absolute;top:10px;right:10px;z-index:4;padding:5px 12px;border-radius:var(--r-full);background:#5b4233b8;color:#fff;font-size:12px;font-weight:600;white-space:nowrap;box-shadow:0 2px 8px #0000002e;transition:background .2s,transform .2s}.pdetail-zoom-btn:hover{background:var(--c-primary-dark);transform:scale(1.05)}.pdetail-thumbs{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.thumb{width:56px;height:56px;border-radius:var(--r-sm);overflow:hidden;border:2px solid transparent;padding:0;background:#fff;transition:all .2s}.thumb img{width:100%;height:100%;object-fit:cover}.thumb.active{border-color:var(--c-primary);transform:scale(1.05)}.pdetail-info{padding:28px 24px;display:flex;flex-direction:column;gap:14px;overflow-y:auto;max-height:90vh}.pdetail-tags{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.stock-chip{padding:2px 9px;border-radius:var(--r-full);font-size:11px;font-weight:600}.stock-chip.in{background:#e8f5e9;color:var(--c-success)}.stock-chip.pre{background:#fdeaea;color:var(--c-accent)}.pdetail-name{margin:0;font-size:22px;font-weight:700;color:var(--c-text);line-height:1.3}.pdetail-desc{margin:0;font-size:14px;color:var(--c-text-soft);line-height:1.7}.pdetail-coauthor{margin:4px 0 0;font-size:12.5px;font-weight:600;color:var(--c-primary-dark)}.pdetail-price-row{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 8px;padding:14px 16px;background:var(--c-cream);border-radius:var(--r-md)}.pdetail-rate-tag{margin-left:auto;align-self:center;padding:2px 10px;font-size:11px;font-weight:600;color:var(--c-primary);background:var(--c-primary-bg, #fff3e0);border-radius:var(--r-full);white-space:nowrap;font-variant-numeric:tabular-nums}.pdetail-price{font-size:26px;font-weight:700;color:var(--c-accent);font-variant-numeric:tabular-nums}.pdetail-unit{font-size:13px;color:var(--c-text-muted)}.pdetail-qty{display:flex;align-items:center;justify-content:space-between;gap:12px}.qty-label{font-size:14px;color:var(--c-text-soft);font-weight:500}.qty-ctrl{display:flex;align-items:center;border:1px solid var(--c-border);border-radius:var(--r-full);overflow:hidden;background:#fff}.qty-ctrl button{width:36px;height:36px;font-size:18px;color:var(--c-primary-dark);background:var(--c-cream-2);transition:all .15s}.qty-ctrl button:hover{background:var(--c-primary-light);color:#fff}.qty-ctrl input{width:50px;height:36px;border:none;text-align:center;font-size:15px;font-weight:600;background:#fff;outline:none;-moz-appearance:textfield}.qty-ctrl input::-webkit-outer-spin-button,.qty-ctrl input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.pdetail-subtotal{display:flex;flex-direction:column;gap:7px;padding:12px 16px;background:var(--c-cream);border-radius:var(--r-md);font-size:13px;color:var(--c-text-soft)}.pd-fee-line{display:flex;align-items:baseline;justify-content:space-between;gap:12px;font-variant-numeric:tabular-nums}.pd-fee-total{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding-top:7px;border-top:1px dashed var(--c-border);font-size:14px;font-weight:600;color:var(--c-text)}.pd-fee-total strong{font-size:20px;color:var(--c-accent);font-variant-numeric:tabular-nums}.pdetail-add{margin-top:4px;width:100%;padding:14px;font-size:16px}.pdetail-add.added{background:var(--c-success);box-shadow:0 4px 12px #7cb34259}@media (max-width: 760px){.pdetail-body{grid-template-columns:1fr}.pdetail-img-col{max-height:none;padding:16px}.pdetail-info{max-height:none;padding:0 20px 24px}.pdetail-name{font-size:19px}.angle-hint{display:none}.pdetail-zoom-btn{right:42px}}.shop-page{padding-top:16px;padding-bottom:60px;min-height:100vh}.shop-search{max-width:1200px;margin:0 auto 12px;padding:0 16px}.search-box{position:relative;display:flex;align-items:center}.search-icon{position:absolute;left:14px;font-size:16px;opacity:.6}.search-input{width:100%;padding:12px 38px 12px 40px;border:1px solid var(--c-border);border-radius:var(--r-full);background:#fff;outline:none;font-size:14px;transition:all .2s;box-shadow:var(--c-shadow-soft)}.search-input:focus{border-color:var(--c-primary);box-shadow:0 0 0 3px #e8a23b1f}.search-clear{position:absolute;right:12px;width:22px;height:22px;border-radius:50%;background:var(--c-cream-2);color:var(--c-text-muted);font-size:11px;display:flex;align-items:center;justify-content:center}.shop-body{max-width:1200px;margin:0 auto;padding:0 16px;display:flex;gap:0;align-items:flex-start}.cat-sidebar{flex:0 0 96px;display:flex;flex-direction:column;background:var(--c-cream);border-radius:var(--r-md) 0 0 var(--r-md);overflow:hidden;position:sticky;top:16px;max-height:calc(100vh - 32px);overflow-y:auto}.cat-item{width:100%;padding:14px 8px;border:none;background:transparent;color:var(--c-text-soft);font-size:13px;font-weight:500;line-height:1.3;text-align:center;cursor:pointer;transition:all .15s;border-left:3px solid transparent;position:relative}.cat-item:hover{color:var(--c-primary-dark);background:#ffffff80}.cat-item.on{background:#fff;color:var(--c-primary-dark);font-weight:700;border-left-color:var(--c-primary)}.cat-content{flex:1;min-width:0;background:#fff;border-radius:0 var(--r-md) var(--r-md) 0;padding:12px 14px 16px;display:flex;flex-direction:column;gap:12px}.cat-toolbar{display:flex;justify-content:flex-end}.btn-add-goods{padding:8px 18px;border:none;border-radius:var(--r-full);background:linear-gradient(135deg,var(--c-primary),var(--c-primary-dark));color:#fff;font-size:13px;font-weight:700;cursor:pointer;box-shadow:0 3px 10px #e8a23b4d;transition:all .15s}.sub-cats{display:flex;gap:8px;flex-wrap:wrap;padding-bottom:8px;border-bottom:1px solid var(--c-border-soft)}.sub-cat{padding:6px 14px;border-radius:var(--r-full);background:var(--c-cream);color:var(--c-text-soft);font-size:12.5px;font-weight:500;border:1px solid transparent;transition:all .15s}.sub-cat:hover{border-color:var(--c-primary-light);color:var(--c-primary-dark)}.sub-cat.on{background:linear-gradient(135deg,var(--c-primary),var(--c-primary-dark));color:#fff;box-shadow:0 2px 8px #e8a23b47}.products{width:100%}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.pagination{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:16px;padding:10px 0}.page-btn{padding:6px 14px;border:1px solid var(--c-border, #e8ddd3);border-radius:var(--r-full);background:#fff;color:var(--c-primary-dark);font-size:13px;font-weight:600;cursor:pointer;transition:all .15s}.page-btn:hover:not(:disabled){background:var(--c-primary);color:#fff;border-color:var(--c-primary)}.page-btn:disabled{opacity:.4;cursor:not-allowed}.page-info{font-size:13px;color:var(--c-text-muted);font-weight:500}@media (max-width: 480px){.shop-body{padding:0}.cat-sidebar{flex:0 0 84px;border-radius:0}.cat-content{border-radius:0;padding:10px 10px 14px}.grid{grid-template-columns:repeat(2,1fr);gap:10px}}.mine-form-mask{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#5b423373;display:flex;align-items:center;justify-content:center;padding:16px}.mine-form-modal{width:460px;max-width:100%;max-height:90vh;display:flex;flex-direction:column;background:#fff}.mine-form-head{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--c-border-soft)}.mine-form-head h2{margin:0;font-size:17px;color:var(--c-text)}.mine-form-head button{width:30px;height:30px;border-radius:50%;font-size:14px;color:var(--c-text-muted);background:var(--c-cream)}.mine-form-body{padding:16px 20px;overflow-y:auto;display:flex;flex-direction:column;gap:12px}.mine-form-tip{margin:0;padding:8px 12px;border-radius:var(--r-sm);background:var(--c-cream);color:var(--c-primary-dark);font-size:12px}.mine-share{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 13px;border-radius:var(--r-sm);border:1.5px solid var(--c-border-soft);background:#fffdf9;transition:border-color .15s,background .15s,box-shadow .15s}.mine-share.on{border-color:var(--c-primary-light);background:#fff6e9;box-shadow:0 2px 8px #c97d1a1f}.mine-share-info{display:flex;flex-direction:column;gap:3px;min-width:0}.mine-share-label{font-size:13.5px;font-weight:700;color:var(--c-text)}.mine-share-info small{font-size:11.5px;line-height:1.45;color:var(--c-text-muted)}.mine-share.on .mine-share-info small{color:var(--c-primary-dark)}.share-switch{position:relative;flex:0 0 auto;width:46px;height:26px;padding:0;border:none;border-radius:var(--r-full);background:#d8cfc7;cursor:pointer;transition:background .18s ease}.share-switch:disabled{opacity:.6;cursor:not-allowed}.share-switch.on,.mine-share.on .share-switch{background:linear-gradient(135deg,var(--c-primary),var(--c-primary-dark))}.share-knob{position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #00000038;transition:transform .18s ease}.mine-share.on .share-knob{transform:translate(20px)}.mine-row{display:flex;flex-direction:column;gap:5px}.mine-row label{font-size:13px;font-weight:600;color:var(--c-text-soft)}.mine-img-upload{width:100%;height:118px;border:1.5px dashed var(--c-primary-light);border-radius:var(--r-sm);background:var(--c-cream);color:var(--c-text-soft);font-size:14px;cursor:pointer;transition:border-color .15s,background .15s,color .15s}.mine-img-upload:hover:not(:disabled){border-color:var(--c-primary);background:#fff6e9;color:var(--c-primary-dark)}.mine-img-upload:disabled{cursor:wait;opacity:.7}.mine-img-preview{position:relative;width:118px;height:118px;border-radius:var(--r-sm);overflow:hidden;border:1px solid var(--c-border-soft);background:var(--c-cream)}.mine-img-preview img{width:100%;height:100%;object-fit:cover;display:block;cursor:pointer}.mine-img-del{position:absolute;top:5px;right:5px;width:26px;height:26px;padding:0;border:none;border-radius:50%;background:#0000008c;color:#fff;font-size:13px;line-height:1;display:flex;align-items:center;justify-content:center;cursor:pointer}.mine-img-del:disabled{opacity:.5;cursor:default}.mine-row2{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px}.mine-form-foot{display:flex;justify-content:flex-end;gap:10px;padding:14px 20px;border-top:1px solid var(--c-border-soft)}@media (max-width: 480px){.mine-form-modal{max-height:92vh}.mine-row2{grid-template-columns:1fr 1fr}}.shop-foot{margin-top:40px;padding:24px 16px;text-align:center;color:var(--c-text-muted);font-size:12px;background:var(--c-cream)}.admin-page{max-width:1100px;margin:0 auto;padding:24px 16px 60px}.admin-gate{min-height:70vh;display:flex;align-items:center;justify-content:center;padding:24px 16px}.admin-gate-card{width:100%;max-width:340px;padding:28px 24px;text-align:center;display:flex;flex-direction:column;gap:12px}.admin-gate-card h1{margin:0;font-size:20px;color:var(--c-text)}.admin-gate-card p{margin:0;font-size:13px;color:var(--c-text-muted)}.admin-gate-card .gate-err{border-color:#d9534f}.gate-msg{color:#d9534f;font-size:12px}.sync-bar{margin:0 0 14px;padding:9px 16px;border-radius:var(--r-md, 10px);background:#fff6e3;border:1px solid #f3d9a0;color:#9a6a1c;font-size:13px;font-weight:500}.sync-bar.sync-err{background:#fdeeee;border-color:#f3c2c2;color:#b4453f}.img-input-row{display:flex;gap:8px;align-items:flex-start}.img-input-row textarea{flex:1}.img-upload-ops{flex-shrink:0;display:flex;flex-direction:column;gap:6px}.img-upload-ops .btn{white-space:nowrap}.admin-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px;flex-wrap:wrap}.admin-head h1{margin:0 0 6px;font-size:22px;color:var(--c-text)}.admin-head p{margin:0;font-size:12px;color:var(--c-text-muted);max-width:480px}.admin-head code{background:var(--c-cream-2);padding:1px 5px;border-radius:4px;font-size:11px}.admin-actions{display:flex;gap:8px;flex-wrap:wrap}.admin-cats{padding:16px 18px;margin-bottom:24px}.admin-cats h3{margin:0 0 12px;font-size:14px;color:var(--c-text-soft)}.cat-list{display:flex;flex-wrap:wrap;gap:10px 14px;margin-bottom:12px}.cat-group{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.cat-chip{display:inline-flex;align-items:center;gap:4px;padding:5px 10px 5px 12px;background:var(--c-cream-2);color:var(--c-primary-dark);border-radius:var(--r-full);font-size:12px;font-weight:600}.cat-chip-ops{display:inline-flex;gap:2px;margin-left:2px}.cat-chip-ops button{width:20px;height:20px;padding:0;border:none;border-radius:50%;background:#ffffff80;font-size:11px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s}.cat-chip-ops button:hover{background:#ffffffe6}.cat-chip-top{background:linear-gradient(135deg,var(--c-primary),var(--c-primary-dark));color:#fff}.cat-chip-top .cat-chip-ops button{background:#ffffff40}.cat-chip-top .cat-chip-ops button:hover{background:#ffffff80}.cat-chip-sub{background:#f5f0ea;color:var(--c-text-soft);font-weight:500}.cat-add{display:flex;gap:8px;flex-wrap:wrap}.cat-add .input{flex:1;min-width:120px}.cat-add select.input{flex:0 0 auto;min-width:140px}.cat-hint{margin:8px 0 0;font-size:11.5px;color:var(--c-text-muted)}.admin-list-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.admin-list-header h3{margin:0;font-size:14px;color:var(--c-text-soft)}.admin-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}.admin-item{display:flex;gap:10px;padding:10px;align-items:center}.ai-img{width:56px;height:56px;border-radius:var(--r-sm);overflow:hidden;background:var(--c-cream);flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:600;color:var(--c-text-soft)}.ai-img img{width:100%;height:100%;object-fit:cover}.ai-info{flex:1;min-width:0}.ai-name{font-size:14px;font-weight:600;color:var(--c-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:4px}.ai-meta{display:flex;gap:8px;font-size:11px;color:var(--c-text-muted);flex-wrap:wrap}.ai-ops{display:flex;gap:6px;flex-shrink:0}.ai-ops .btn{padding:5px 10px;font-size:12px}.pform-mask{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#5b42338c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:20px}.pform-modal{width:100%;max-width:600px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden}.pform-head{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--c-border-soft);background:var(--c-cream)}.pform-head h2{margin:0;font-size:16px;color:var(--c-text)}.pform-head button{font-size:16px;color:var(--c-text-muted);width:28px;height:28px;border-radius:50%}.pform-head button:hover{background:var(--c-cream-2)}.pform-body{padding:18px 20px;overflow-y:auto;display:flex;flex-direction:column;gap:14px}.form-row{display:flex;flex-direction:column;gap:6px}.form-row2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-row2>div{display:flex;flex-direction:column;gap:6px}.form-row label,.form-row2 label{font-size:12px;color:var(--c-text-soft);font-weight:500}.form-preview{display:flex;gap:6px;flex-wrap:wrap}.form-preview img{width:48px;height:48px;object-fit:cover;border-radius:var(--r-sm);border:1px solid var(--c-border)}.pform-foot{padding:14px 20px;border-top:1px solid var(--c-border-soft);display:flex;justify-content:flex-end;gap:8px;background:var(--c-cream)}@media (max-width: 560px){.form-row2{grid-template-columns:1fr}.admin-head{flex-direction:column}}.admin-tabs{display:flex;width:100%;gap:4px;padding:4px;margin-bottom:20px;background:var(--c-cream-2);border-radius:var(--r-full)}.admin-tab{flex:1;text-align:center;padding:8px 22px;border-radius:var(--r-full);font-size:14px;font-weight:600;color:var(--c-text-soft);transition:all .2s ease}.admin-tab.active{background:#fff;color:var(--c-primary-dark);box-shadow:var(--c-shadow-soft)}.stats-empty{padding:56px 20px}.stats-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap;margin-bottom:16px}.stats-title{margin:0 0 4px;font-size:17px;color:var(--c-text)}.stats-sub{margin:0;font-size:12px;color:var(--c-text-muted)}.range-chips{display:flex;gap:6px;flex-wrap:wrap}.range-chip{padding:6px 16px;border-radius:var(--r-full);font-size:13px;font-weight:500;background:#fff;border:1px solid var(--c-border);color:var(--c-text-soft);transition:all .2s ease}.range-chip.active{background:linear-gradient(135deg,var(--c-primary),var(--c-primary-dark));border-color:transparent;color:#fff;font-weight:600;box-shadow:0 4px 10px #e8a23b4d}.kpi-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin-bottom:16px}.kpi-card{padding:14px 16px;background:#fff;border-radius:var(--r-md);box-shadow:var(--c-shadow-soft)}.kpi-label{font-size:12px;color:var(--c-text-muted);white-space:nowrap}.kpi-value{margin-top:6px;font-size:21px;font-weight:700;color:var(--c-text);white-space:nowrap}.kpi-unit{font-size:12px;font-weight:500;color:var(--c-text-muted)}.kpi-highlight{background:linear-gradient(135deg,var(--c-primary),var(--c-primary-dark));box-shadow:0 6px 16px #e8a23b59}.kpi-highlight .kpi-label,.kpi-highlight .kpi-value{color:#fff}.trend-card{padding:18px 20px 14px;margin-bottom:16px}.trend-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.trend-head h3{margin:0;font-size:14px;color:var(--c-text-soft)}.trend-metric{display:inline-flex;background:var(--c-cream-2);border-radius:var(--r-full);padding:3px}.trend-metric button{padding:4px 14px;border-radius:var(--r-full);font-size:12px;color:var(--c-text-soft)}.trend-metric button.active{background:#fff;color:var(--c-primary-dark);font-weight:600;box-shadow:var(--c-shadow-soft)}.trend-bars{display:flex;align-items:stretch;gap:4px;height:170px}.trend-col{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:5px;height:100%}.trend-val{font-size:10px;color:var(--c-text-muted);line-height:1;min-height:10px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.trend-bar{width:100%;max-width:24px;border-radius:6px 6px 2px 2px;background:linear-gradient(180deg,var(--c-primary-light),var(--c-primary));transition:height .3s ease}.trend-col:hover .trend-bar{background:linear-gradient(180deg,var(--c-primary),var(--c-primary-dark))}.trend-label{font-size:10px;color:var(--c-text-muted);line-height:1}.rank-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.rank-card{padding:16px 18px}.rank-card h3{margin:0 0 8px;font-size:14px;color:var(--c-text-soft)}.rank-empty{margin:0;padding:24px 0;text-align:center;font-size:13px;color:var(--c-text-muted)}.rank-list{list-style:none;margin:0;padding:0}.rank-row{display:flex;align-items:center;gap:10px;padding:9px 0;border-bottom:1px dashed var(--c-border-soft)}.rank-row:last-child{border-bottom:none}.rank-no{width:24px;flex-shrink:0;text-align:center;font-size:13px;font-weight:700;color:var(--c-text-muted)}.rank-img{width:34px;height:34px;flex-shrink:0;border-radius:var(--r-sm);overflow:hidden;background:var(--c-cream-2);display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;color:var(--c-primary-dark)}.rank-img img{width:100%;height:100%;object-fit:cover}.rank-main{flex:1;min-width:0}.rank-name{font-size:13px;font-weight:600;color:var(--c-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rank-phone{margin-left:8px;font-size:11px;font-weight:400;color:var(--c-text-muted)}.rank-bar{height:5px;margin-top:5px;border-radius:var(--r-full);background:var(--c-cream-2);overflow:hidden}.rank-bar-fill{height:100%;border-radius:var(--r-full);background:linear-gradient(90deg,var(--c-primary-light),var(--c-primary));transition:width .3s ease}.rank-bar-fill.customer{background:linear-gradient(90deg,#f3b1bc,var(--c-accent))}.rank-sub{margin-top:3px;font-size:11px;color:var(--c-text-muted)}.rank-val{flex-shrink:0;font-size:12px;color:var(--c-text-muted);text-align:right;white-space:nowrap}.rank-val strong{font-size:14px;color:var(--c-text)}.stats-foot{margin:16px 2px 0;font-size:11px;color:var(--c-text-muted)}@media (max-width: 900px){.kpi-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 800px){.rank-grid{grid-template-columns:1fr}}@media (max-width: 560px){.kpi-grid{grid-template-columns:repeat(2,1fr)}.kpi-value{font-size:18px}.admin-tab{padding:8px 16px;font-size:13px}.trend-bars{gap:2px}}.kpi-grid.loading .kpi-value{opacity:.45}.trend-loading{font-size:11px;font-weight:400;color:var(--c-text-muted)}.om-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;margin-bottom:14px;flex-wrap:wrap}.om-tabs{display:flex;gap:4px;flex-wrap:wrap}.om-tab{padding:6px 14px;border-radius:var(--r-full);font-size:13px;font-weight:500;color:var(--c-text-soft);transition:all .2s ease}.om-tab.active{background:linear-gradient(135deg,var(--c-primary),var(--c-primary-dark));color:#fff;font-weight:600;box-shadow:0 3px 8px #e8a23b4d}.om-search{position:relative;width:240px;max-width:100%}.om-search .input{padding-left:34px;padding-right:30px;font-size:13px}.om-search-icon{position:absolute;left:11px;top:50%;transform:translateY(-50%);font-size:13px;opacity:.6;pointer-events:none}.om-search-clear{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:20px;height:20px;border-radius:50%;font-size:11px;color:var(--c-text-muted)}.om-search-clear:hover{background:var(--c-cream-2)}.om-error{padding:14px 18px;margin-bottom:14px;display:flex;flex-direction:column;gap:4px;color:var(--c-danger);font-size:13px;font-weight:600}.om-error small{font-weight:400;color:var(--c-text-muted)}.om-error code{background:var(--c-cream-2);padding:1px 5px;border-radius:4px;font-size:11px}.om-loading{display:flex;flex-direction:column;gap:10px}.om-skeleton{height:76px;background:linear-gradient(90deg,#fff 25%,var(--c-cream) 37%,#fff 63%);background-size:400% 100%;animation:om-shimmer 1.4s ease infinite}@keyframes om-shimmer{0%{background-position:100% 0}to{background-position:0 0}}.om-list{display:flex;flex-direction:column;gap:10px}.om-card{overflow:hidden}.om-summary{width:100%;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 18px;text-align:left}.om-main{min-width:0;flex:1}.om-title{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.om-name{font-size:15px;font-weight:700;color:var(--c-text)}.om-phone{font-size:12px;color:var(--c-text-muted)}.om-meta{display:flex;align-items:center;gap:7px;margin-top:4px;font-size:12px;color:var(--c-text-muted);flex-wrap:wrap}.om-code{font-family:ui-monospace,monospace;font-size:11px}.om-right{display:flex;align-items:center;gap:10px;flex-shrink:0}.om-total{font-size:17px;color:var(--c-primary-dark);white-space:nowrap}.om-status{padding:2px 10px;border-radius:var(--r-full);font-size:11px;font-weight:700;white-space:nowrap}.st-new{background:#fdefd3;color:#c97d1a}.st-purchasing{background:#e6efff;color:#3b6fd4}.st-done{background:#edf6df;color:#5e9226}.st-stored{background:#f0e9fb;color:#7a54c4}.st-cancelled{background:#f0ebe6;color:#a08e7d}.om-detail{border-top:1px dashed var(--c-border-soft);padding:4px 18px 16px}.om-actions{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:14px;flex-wrap:wrap}.om-flow{display:flex;gap:6px;flex-wrap:wrap}.om-flow-btn{padding:6px 14px;border-radius:var(--r-full);font-size:12px;font-weight:500;background:var(--c-cream-2);color:var(--c-text-soft);transition:all .2s ease}.om-flow-btn:hover:not(:disabled){transform:translateY(-1px)}.om-flow-btn:disabled{opacity:.5;cursor:not-allowed}.om-flow-btn.active{color:#fff;font-weight:700}.om-flow-btn.active.st-btn-new{background:var(--c-primary)}.om-flow-btn.active.st-btn-purchasing{background:#5b8def}.om-flow-btn.active.st-btn-done{background:var(--c-success)}.om-flow-btn.active.st-btn-stored{background:#8a63d2}.om-flow-btn.active.st-btn-cancelled{background:#b39a85}.om-del{padding:7px 14px;font-size:12px}.om-action-right{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.om-checklist,.om-ship{padding:7px 14px;font-size:12px}.om-ship-filled{background:linear-gradient(135deg,#36ad9c,#2b8f80);color:#fff;font-weight:700;box-shadow:0 4px 10px #2b8f8040}.ship-mask{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#5b423373;display:flex;align-items:center;justify-content:center;padding:16px}.ship-modal{width:480px;max-width:100%;max-height:92vh;display:flex;flex-direction:column;background:#fff;border-radius:var(--r-lg);overflow:hidden}.ship-head{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--c-border-soft)}.ship-head h2{margin:0;font-size:17px;color:var(--c-text)}.ship-head button{width:30px;height:30px;border-radius:50%;font-size:14px;color:var(--c-text-muted);background:var(--c-cream)}.ship-body{padding:16px 20px;overflow-y:auto;display:flex;flex-direction:column;gap:14px}.ship-tip{margin:0;padding:8px 12px;border-radius:var(--r-sm);background:var(--c-cream);color:var(--c-primary-dark);font-size:12px;line-height:1.5}.ship-row{display:flex;flex-direction:column;gap:7px}.ship-row label{font-size:13px;font-weight:600;color:var(--c-text-soft)}.ship-note-input{resize:vertical;min-height:66px;line-height:1.5}.ship-fee-tip{margin:0;font-size:11px;color:var(--c-text-soft);line-height:1.4}.ship-fee-value{color:var(--c-primary, #d97706);font-weight:700}.ship-pay-tag{margin-left:6px;padding:1px 6px;border-radius:var(--r-full);background:var(--c-cream-2);color:var(--c-text-soft);font-size:11px;font-style:normal;font-weight:500}.ship-paytype{display:flex;gap:8px}.ship-pay-btn{flex:1;padding:8px 12px;border-radius:var(--r-sm);border:1px solid var(--c-border);background:var(--c-bg);color:var(--c-text-soft);font-size:13px;font-weight:500;cursor:pointer;transition:all .15s}.ship-pay-btn:hover{border-color:var(--c-primary)}.ship-pay-btn.on{border-color:var(--c-primary);background:var(--c-primary);color:#fff}.oca-cod-note em{margin-left:6px;font-style:normal;font-size:11px;color:var(--c-text-soft)}.ship-companies{display:flex;flex-wrap:wrap;gap:6px;margin-top:2px}.ship-chip{padding:4px 12px;border-radius:var(--r-full);font-size:12px;font-weight:500;color:var(--c-text-soft);background:var(--c-cream-2);transition:all .15s}.ship-chip.on{background:var(--c-primary);color:#fff;font-weight:700}.ship-img-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.ship-img-item{position:relative;width:100%;aspect-ratio:1;border-radius:var(--r-sm);overflow:hidden;background:var(--c-cream)}.ship-img-item img{width:100%;height:100%;object-fit:cover}.ship-img-del{position:absolute;top:4px;right:4px;width:22px;height:22px;border-radius:50%;font-size:11px;color:#fff;background:#5b42339e;line-height:1}.ship-img-add{width:100%;aspect-ratio:1;border:1.5px dashed var(--c-primary-light);border-radius:var(--r-sm);background:#fffaf0;color:var(--c-primary-dark);font-size:13px;font-weight:600;display:flex;align-items:center;justify-content:center;text-align:center;padding:4px;transition:all .15s}.ship-img-add:not(:disabled):hover{background:var(--c-cream);border-color:var(--c-primary)}.ship-img-add:disabled{opacity:.6;cursor:not-allowed}.ship-foot{display:flex;justify-content:flex-end;align-items:center;gap:10px;padding:14px 20px;border-top:1px solid var(--c-border-soft)}@media (max-width: 640px){.ship-modal{width:100%;max-height:94vh}.ship-img-grid{grid-template-columns:repeat(3,1fr)}.ship-foot .btn{padding:9px 14px;font-size:13px}}.om-pager{display:flex;justify-content:center;align-items:center;gap:14px;margin-top:18px}.om-pager .btn{padding:8px 16px;font-size:13px}.om-page-info{font-size:13px;color:var(--c-text-muted);white-space:nowrap}@media (max-width: 560px){.om-toolbar{flex-direction:column;align-items:stretch}.om-search{width:100%}.om-summary{padding:12px 14px}.om-total{font-size:15px}.om-actions{flex-direction:column;align-items:stretch}.om-flow{justify-content:space-between}.om-flow-btn{flex:1;padding:8px 4px}.om-pager{gap:8px}}.btn-add-goods{padding:8px 18px;border:none;border-radius:999px;background:linear-gradient(135deg,#e8a23b,#c97f1e);color:#fff;font-size:13px;font-weight:700;cursor:pointer;box-shadow:0 3px 10px #e8a23b4d;transition:all .15s}.btn-add-goods:hover{transform:translateY(-1px);box-shadow:0 5px 14px #e8a23b66}.btn-add-goods:active{transform:translateY(0)}.admin-shop{display:flex;gap:0;align-items:stretch;min-height:500px;background:var(--c-cream);border-radius:var(--r-md, 16px);overflow:hidden}.admin-sidebar{flex:0 0 180px;display:flex;flex-direction:column;background:var(--c-cream);padding:14px 10px;gap:12px;position:sticky;top:16px;max-height:calc(100vh - 40px);overflow-y:auto}.admin-sidebar-title{display:flex;align-items:center;justify-content:space-between;gap:8px}.admin-sidebar-title h3{margin:0;font-size:15px;color:var(--c-text)}.admin-sidebar-title .btn-add-goods{padding:5px 12px;font-size:12px}.cat-list-side{display:flex;flex-direction:column;gap:2px}.cat-side-group{display:flex;flex-direction:column}.cat-side-item{position:relative;display:flex;align-items:center;justify-content:space-between;gap:6px;padding:10px 12px;border:none;background:transparent;color:var(--c-text-soft);font-size:13px;font-weight:500;text-align:left;cursor:pointer;border-radius:8px;transition:all .15s}.cat-side-item:hover{background:#e8a23b1a}.cat-side-item.on{background:#fff;color:var(--c-primary-dark);font-weight:700;box-shadow:0 2px 8px #0000000f}.cat-side-item.on:before{content:"";position:absolute;left:0;top:20%;bottom:20%;width:3px;background:var(--c-primary);border-radius:0 2px 2px 0}.cat-side-ops{display:flex;gap:2px;opacity:.5}.cat-side-item:hover .cat-side-ops{opacity:1}.cat-side-ops button{border:none;background:transparent;cursor:pointer;padding:2px 4px;font-size:12px;border-radius:4px}.cat-side-ops button:hover{background:#00000014}.cat-add-side{display:flex;flex-direction:column;gap:6px;padding-top:8px;border-top:1px solid rgba(0,0,0,.06)}.cat-add-side .input{width:100%;font-size:12px}.cat-add-side .btn-soft{font-size:12px;padding:6px}.cat-hint{margin:0;font-size:11px;color:var(--c-text-muted);line-height:1.4}.admin-main{flex:1;min-width:0;background:#fff;padding:16px;display:flex;flex-direction:column;gap:14px}.admin-toolbar{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap}.admin-toolbar-actions{display:flex;gap:8px;flex-shrink:0}.admin-toolbar-actions .btn-add-goods{padding:6px 14px;font-size:12px}.sub-cat-bar{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.sub-cat{position:relative;display:inline-flex;align-items:center;gap:4px;padding:5px 14px;border:1px solid var(--c-border, #e8ddd3);border-radius:999px;background:#fff;color:var(--c-text-soft);font-size:13px;cursor:pointer;transition:all .15s}.sub-cat:hover{border-color:var(--c-primary);color:var(--c-primary-dark)}.sub-cat.on{background:var(--c-primary);color:#fff;border-color:var(--c-primary);font-weight:600}.sub-cat-ops{display:none;gap:2px}.sub-cat:hover .sub-cat-ops,.sub-cat.on .sub-cat-ops{display:flex}.sub-cat-ops button{border:none;background:#ffffff4d;cursor:pointer;padding:1px 4px;font-size:11px;border-radius:4px;color:inherit}.sub-cat-ops button:hover{background:#ffffff80}.sub-cat-input{padding:3px 8px;gap:4px}.sub-cat-input input{border:none;outline:none;font-size:13px;background:transparent;color:inherit;width:80px}.sub-cat-input button{border:none;background:var(--c-primary);color:#fff;cursor:pointer;padding:2px 8px;border-radius:999px;font-size:12px}@media (max-width: 600px){.admin-sidebar{flex:0 0 110px;padding:10px 6px}.admin-sidebar-title{flex-direction:column;align-items:stretch}.admin-sidebar-title .btn-add-goods{width:100%}.cat-side-item{font-size:12px;padding:8px}}.history-page{max-width:760px;margin:0 auto;padding:20px 16px 40px}.hp-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.hp-head-text h1{margin:0;font-size:22px;color:var(--c-text)}.hp-head-text p{margin:4px 0 0;font-size:13px;color:var(--c-text-muted)}.hp-clear{padding:8px 14px;font-size:13px;flex-shrink:0}.hp-empty{background:var(--c-card);border-radius:var(--r-lg);box-shadow:var(--c-shadow-soft)}.order-list{display:flex;flex-direction:column;gap:12px}.order-card{overflow:hidden;transition:box-shadow .2s ease}.order-card.expanded{box-shadow:var(--c-shadow)}.oc-summary{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:16px;text-align:left}.oc-main{min-width:0;flex:1}.oc-title{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.oc-name{font-size:16px;font-weight:700;color:var(--c-text)}.oc-phone{font-size:13px;color:var(--c-text-soft)}.oc-meta{margin-top:4px;display:flex;align-items:center;gap:6px;font-size:12.5px;color:var(--c-text-muted)}.oc-dot{color:var(--c-border)}.oc-right{display:flex;align-items:center;gap:10px;flex-shrink:0}.oc-total{font-size:17px;color:var(--c-primary-dark);white-space:nowrap}.oc-chev{color:var(--c-text-muted);transition:transform .2s ease;font-size:14px}.oc-chev.up{transform:rotate(180deg)}.oc-detail{border-top:1px dashed var(--c-border);padding:14px 16px 16px}.oc-user{background:var(--c-cream);border-radius:var(--r-md);padding:10px 12px;margin-bottom:12px}.ocu-row{display:flex;gap:10px;font-size:13.5px;line-height:1.5}.ocu-row+.ocu-row{margin-top:6px}.ocu-label{flex-shrink:0;color:var(--c-text-muted);width:56px}.ocu-row p{margin:0;color:var(--c-text);word-break:break-all}.oc-buyer-note{background:#fef3c7;border-radius:var(--r-md);padding:10px 12px;margin-bottom:12px;display:flex;gap:10px;font-size:13.5px;line-height:1.5}.oc-buyer-note .ocu-label{width:auto;color:#b45309;font-weight:600}.oc-buyer-note p{margin:0;color:#78350f;word-break:break-all;flex:1}.oc-items{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.oci-item{display:flex;align-items:center;gap:10px}.oci-img{width:44px;height:44px;border-radius:var(--r-sm);overflow:hidden;flex-shrink:0;background:var(--c-cream-2)}.oci-img img{width:100%;height:100%;object-fit:cover}.oci-img span{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:17px;font-weight:700;color:var(--c-primary-dark)}.oci-img.is-zoomable{cursor:zoom-in}.oci-info{flex:1;min-width:0}.oci-name{font-size:14px;font-weight:600;color:var(--c-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.oci-price{margin-top:2px;font-size:12px;color:var(--c-text-muted)}.oci-qty{font-size:13.5px;color:var(--c-text-soft);flex-shrink:0}.oci-sub{font-size:14px;font-weight:600;color:var(--c-text);flex-shrink:0;min-width:64px;text-align:right}.oc-amounts{margin-top:14px;padding-top:12px;border-top:1px dashed var(--c-border);display:flex;flex-direction:column;gap:6px}.oca-row{display:flex;justify-content:space-between;font-size:13.5px;color:var(--c-text-soft)}.oca-total{margin-top:2px;font-size:15px;color:var(--c-text)}.oca-total strong{color:var(--c-primary-dark);font-size:17px}.oca-payable-box{margin-top:10px;padding:10px 12px;border:1px dashed rgba(124,179,66,.55);border-radius:var(--r-sm);background:#7cb34214}.oca-payable-box .oca-row{color:var(--c-success);font-weight:600}.oca-payable-box .oca-total{font-size:15px}.oca-payable-box .oca-total strong{color:var(--c-success);font-size:18px}.oca-tag{display:inline-block;margin-left:7px;padding:1px 8px;font-size:11px;font-style:normal;font-weight:500;color:var(--c-success);background:#7cb34226;border-radius:var(--r-full)}.oci-item.oci-short{border-radius:var(--r-sm);background:#d9647714;padding:4px 6px;margin:0 -6px}.oci-item.oci-short .oci-img{opacity:.55}.oci-item.oci-short .oci-price,.oci-item.oci-short .oci-sub{color:var(--c-text-muted);text-decoration:line-through;text-decoration-color:#d9647780}.oci-tag-short{display:inline-block;margin-left:6px;padding:0 7px;font-size:10.5px;font-style:normal;font-weight:700;line-height:17px;vertical-align:1px;color:#fff;background:var(--c-accent);border-radius:var(--r-full)}.oc-actions{margin-top:14px;display:flex;gap:10px}.oc-actions .btn{flex:1;padding:10px 12px}.hp-back{display:flex;width:fit-content;margin:22px auto 0}@media (max-width: 480px){.history-page{padding:16px 12px 32px}.hp-head-text h1{font-size:19px}.oc-summary{padding:14px}.oc-total{font-size:15px}.oci-sub{min-width:56px}.oc-actions{flex-direction:column}}.oc-status{font-size:12px;font-weight:700;padding:1px 8px;border-radius:var(--r-full)}.oc-status-new{background:#e8a23b29;color:var(--c-primary-dark)}.oc-status-purchasing{background:#5b8def29;color:#3b6fd4}.oc-status-done{background:#7cb34229;color:var(--c-success)}.oc-status-stored{background:#8a63d229;color:#7a54c4}.oc-status-cancelled{background:#e5737329;color:var(--c-danger)}.ship-summary{margin-top:12px;padding:12px 14px;border-radius:var(--r-md);background:linear-gradient(180deg,#f4fbf9,#eef8f5);border:1px solid #cfe8e1}.ship-sum-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.ship-sum-head strong{font-size:14px;color:#2b7a6d}.ship-edit-link{font-size:12px;font-weight:600;color:var(--c-primary-dark);padding:2px 8px;border-radius:var(--r-full);background:var(--c-cream-2)}.ship-sum-rows{display:flex;flex-direction:column;gap:5px}.ship-sum-row{display:flex;align-items:baseline;gap:10px;font-size:13px;line-height:1.5}.ship-k{flex-shrink:0;width:60px;color:var(--c-text-muted);font-size:12px}.ship-v{min-width:0;color:var(--c-text);word-break:break-all}.ship-time{color:var(--c-text-muted);font-size:12px}.ship-thumbs{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:10px}.ship-thumb{width:100%;aspect-ratio:1;border-radius:var(--r-sm);overflow:hidden;background:var(--c-cream);border:1px solid #d9ece6}.ship-thumb img{width:100%;height:100%;object-fit:cover}.ship-summary-customer{margin:12px 0 0}.ship-stored-note{margin:10px 0 0;padding:8px 10px;border-radius:var(--r-sm);background:#8a63d21a;color:#6a47ad;font-size:12px;line-height:1.5}.ship-lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1100;background:#281c14db;display:flex;align-items:center;justify-content:center;padding:20px;cursor:zoom-out}.ship-lightbox img{max-width:100%;max-height:100%;border-radius:var(--r-sm);box-shadow:0 12px 40px #0006}@media (max-width: 640px){.ship-thumbs{grid-template-columns:repeat(3,1fr)}}.bm-toolbar{display:flex;justify-content:space-between;align-items:flex-start;padding:20px 24px;margin-bottom:20px;flex-wrap:wrap;gap:16px}.bm-header h3{margin:0 0 8px;font-size:18px;color:#5a4a3a}.bm-header p{margin:0;font-size:14px;color:#8a7a6a;line-height:1.5}.bm-error{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;margin-bottom:20px;background:#fef2f2;border:1px solid #fecaca;color:#dc2626;border-radius:12px}.bm-loading{display:flex;flex-direction:column;gap:16px}.bm-skeleton{height:120px;background:linear-gradient(90deg,#f5f0ea 25%,#faf5f0,#f5f0ea 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:12px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.bm-empty{text-align:center;padding:60px 20px;color:#8a7a6a}.bm-empty .empty-emoji{font-size:48px;margin-bottom:16px}.bm-empty p{margin:0 0 8px;font-size:16px;color:#5a4a3a}.bm-empty small{font-size:14px;color:#a09080}.bm-list{display:flex;flex-direction:column;gap:16px}.bm-card{padding:20px 24px;display:grid;grid-template-columns:1fr auto auto;gap:20px;align-items:center;transition:all .2s ease}.bm-card:hover{box-shadow:0 4px 12px #5a4a3a1a}.bm-card.bm-disabled{opacity:.6;background:#f9f7f4}.bm-info{min-width:0}.bm-name-row{display:flex;align-items:center;gap:12px;margin-bottom:8px;flex-wrap:wrap}.bm-name{font-size:18px;font-weight:600;color:#5a4a3a}.bm-status{font-size:12px;padding:4px 10px;border-radius:20px;font-weight:500}.bm-status-on{background:#d1fae5;color:#059669}.bm-status-off{background:#e5e7eb;color:#6b7280}.bm-meta{display:flex;gap:16px;font-size:13px;color:#a09080;flex-wrap:wrap}.bm-id{font-family:monospace}.bm-token-box{min-width:200px}.bm-token-box label{display:block;font-size:12px;color:#8a7a6a;margin-bottom:6px;font-weight:500}.bm-token-row{display:flex;align-items:center;gap:8px}.bm-token{font-family:monospace;font-size:16px;font-weight:600;color:#5a4a3a;background:#f5f0ea;padding:8px 14px;border-radius:8px;letter-spacing:1px}.bm-copy{padding:8px 12px;font-size:16px;line-height:1}.bm-actions{display:flex;gap:10px;flex-wrap:wrap}.bm-actions .btn{padding:8px 16px;font-size:14px;white-space:nowrap}.bform-mask{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.bform-modal{width:100%;max-width:480px;max-height:90vh;overflow-y:auto;background:#fff;border-radius:16px;box-shadow:0 20px 40px #00000026}.bform-head{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #f0ebe5}.bform-head h2{margin:0;font-size:18px;color:#5a4a3a}.bform-head button{width:36px;height:36px;border:none;background:#f5f0ea;border-radius:50%;cursor:pointer;font-size:18px;color:#8a7a6a;display:flex;align-items:center;justify-content:center;transition:all .2s}.bform-head button:hover:not(:disabled){background:#e8e0d5;color:#5a4a3a}.bform-head button:disabled{opacity:.5;cursor:not-allowed}.bform-body{padding:24px}.form-row{margin-bottom:20px}.form-row label{display:block;font-size:14px;font-weight:500;color:#5a4a3a;margin-bottom:8px}.form-row .input{width:100%;padding:10px 14px;border:1px solid #e0d5c8;border-radius:8px;font-size:15px;transition:all .2s}.form-row .input:focus{outline:none;border-color:#d4a574;box-shadow:0 0 0 3px #d4a5741a}.token-input-row{display:flex;gap:10px}.token-input-row .input{flex:1}.token-input-row .btn{white-space:nowrap}.form-tip{display:block;margin-top:6px;font-size:13px;color:#a09080}.checkbox-label{display:flex;align-items:center;gap:10px;cursor:pointer;font-weight:400}.checkbox-label input[type=checkbox]{width:18px;height:18px;accent-color:#d4a574;cursor:pointer}.checkbox-label span{font-size:14px;color:#5a4a3a}.bform-foot{display:flex;justify-content:flex-end;gap:12px;padding:20px 24px;border-top:1px solid #f0ebe5}@media (max-width: 768px){.bm-toolbar{flex-direction:column;align-items:stretch}.bm-toolbar .btn{width:100%}.bm-card{grid-template-columns:1fr;gap:16px}.bm-token-box{min-width:0}.bm-actions{justify-content:stretch}.bm-actions .btn{flex:1}.bform-modal{margin:10px;max-height:calc(100vh - 20px)}}.order-page{max-width:900px;margin:0 auto;padding:24px 16px 60px}.order-head{text-align:center;margin-bottom:24px}.order-head h1{margin:0 0 6px;font-size:24px;color:var(--c-text)}.order-head p{margin:0;font-size:13px;color:var(--c-text-muted)}.print-title{display:none}.order-user{padding:18px 20px;margin-bottom:16px}.order-user h2{margin:0;font-size:16px;color:var(--c-text)}.ou-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.ou-copy{padding:6px 12px;font-size:12px;flex-shrink:0}.ou-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px 24px}.ou-item{display:flex;flex-direction:column;gap:2px}.ou-label{font-size:12px;color:var(--c-text-muted)}.ou-item strong{font-size:15px;color:var(--c-text)}.ou-note{margin-top:14px;padding-top:14px;border-top:1px dashed var(--c-border);display:flex;flex-direction:column;gap:4px}.ou-note p{margin:0;font-size:14px;color:var(--c-text);line-height:1.6}.order-items{padding:18px 20px;margin-bottom:24px}.order-items h2{margin:0 0 14px;font-size:16px;color:var(--c-text)}.order-table{width:100%;border-collapse:collapse;font-size:14px}.order-table th,.order-table td{padding:10px 8px;text-align:left;border-bottom:1px solid var(--c-border-soft);vertical-align:middle}.order-table th{font-size:12px;font-weight:600;color:var(--c-text-muted);background:var(--c-cream)}.order-table td{color:var(--c-text)}.col-idx{width:36px;text-align:center;color:var(--c-text-muted)}.col-img{width:56px}.col-img img,.col-img span{width:44px;height:44px;border-radius:var(--r-sm);object-fit:cover;background:var(--c-cream);display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:600;color:var(--c-text-soft)}.col-price small{color:var(--c-text-muted);font-size:11px;margin-left:2px}.col-qty{text-align:center;font-weight:600;font-variant-numeric:tabular-nums}.col-sub{text-align:right;font-weight:700;color:var(--c-accent);font-variant-numeric:tabular-nums;white-space:nowrap}.col-fee{text-align:right;font-weight:500;color:var(--c-text-muted);font-variant-numeric:tabular-nums;white-space:nowrap}.fee-rate{color:var(--c-text-muted);font-size:11px;margin-right:4px;opacity:.85}.col-payable{text-align:right;font-weight:700;color:var(--c-text-soft);font-variant-numeric:tabular-nums;white-space:nowrap}.tfoot-empty{border:none!important;padding:0!important}.items-header{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:14px}.items-header h2{margin:0}.status-summary{display:flex;gap:6px;flex-wrap:wrap}.ss{padding:4px 11px;border-radius:var(--r-full);font-size:12px;font-weight:600;background:var(--c-cream-2);color:var(--c-text-soft);border:none;cursor:pointer;transition:filter .15s,transform .1s,box-shadow .15s}.ss:hover{filter:brightness(.96)}.ss:active{transform:scale(.96)}.ss-all{background:#eef0f3;color:var(--c-text-soft)}.ss-bought{background:#e8f5e9;color:var(--c-success)}.ss-short{background:#fdeaea;color:var(--c-accent)}.ss.on{box-shadow:0 0 0 2px currentColor inset;font-weight:700}.empty-filter{text-align:center;padding:24px 8px!important;color:var(--c-text-mute);font-size:13px}.col-status{text-align:center;white-space:nowrap}.status-group{display:inline-flex;gap:4px}.st{height:24px;border-radius:var(--r-full);font-size:11px;font-weight:700;background:var(--c-cream-2);color:var(--c-text-muted);display:inline-flex;align-items:center;justify-content:center;padding:0 8px;transition:all .15s}.st:hover{opacity:.85}.st.st-pending.on{background:#eceff1;color:#607d8b}.st.st-bought.on{background:var(--c-success);color:#fff}.st.st-short.on{background:var(--c-accent);color:#fff}.st.st-disabled{opacity:.4;cursor:not-allowed}.st.st-disabled:hover{opacity:.4}.buyer-verify-card{text-align:center;padding:32px 24px;margin-bottom:20px;background:linear-gradient(135deg,#fff8f0,#fff);border:2px dashed var(--c-cream-3, #e8d5c0)}.bv-icon{font-size:40px;margin-bottom:12px}.buyer-verify-card h3{margin:0 0 8px;font-size:18px;color:var(--c-text)}.buyer-verify-card p{margin:0 0 16px;font-size:14px;color:var(--c-text-muted)}.bv-input-row{display:flex;gap:10px;max-width:360px;margin:0 auto}.bv-input-row .input{flex:1;padding:10px 14px;border:1px solid #e0d5c8;border-radius:8px;font-size:15px}.bv-input-row .input:focus{outline:none;border-color:#d4a574;box-shadow:0 0 0 3px #d4a5741a}.bv-input-row .btn{white-space:nowrap}.bv-error{margin-top:10px!important;color:#dc2626!important;font-size:13px!important}.bv-tip{margin-top:12px!important;font-size:12px!important;color:#a09080!important}.buyer-badge{display:inline-block;margin-top:8px;padding:4px 14px;background:#d1fae5;color:#059669;border-radius:20px;font-size:13px;font-weight:500}.order-status-bar{padding:16px 18px}.osb-row{display:flex;align-items:flex-start;gap:12px;margin-bottom:12px}.osb-row:last-child{margin-bottom:0}.osb-label{flex-shrink:0;width:72px;padding-top:7px;font-size:14px;font-weight:600;color:#8a7a6a}.osb-btns{display:flex;flex-wrap:wrap;gap:8px;flex:1}.osb-btn{padding:6px 16px;border:1.5px solid #e8ddd0;background:#fff;color:#8a7a6a;border-radius:18px;font-size:13px;cursor:pointer;transition:all .15s;white-space:nowrap}.osb-btn:hover:not(:disabled){border-color:#d9a441;color:#b8860b}.osb-btn:disabled{opacity:.6;cursor:not-allowed}.osb-btn.on{background:#d9a441;border-color:#d9a441;color:#fff;font-weight:600}.osb-btn.osb-cancelled.on{background:#b0a090;border-color:#b0a090}.osb-note-row{align-items:stretch}.osb-note{flex:1;resize:vertical;min-height:44px;font-size:14px;line-height:1.5;padding:8px 12px;border:1.5px solid #e8ddd0;border-radius:10px;background:#fffaf3;color:#5a4a3a;font-family:inherit}.osb-note:focus{outline:none;border-color:#d9a441}.osb-note-save{flex-shrink:0;align-self:flex-end}.osb-ship-row{align-items:center}.osb-ship-info{flex:1;min-width:0}.osb-ship-summary{font-size:13px;color:var(--c-text, #333)}.osb-ship-summary strong{color:var(--c-primary-dark, #b45309)}.osb-ship-summary em{font-style:normal;color:var(--c-text-soft, #888);margin-left:4px}.osb-ship-empty{font-size:13px;color:var(--c-text-soft, #999)}.osb-ship-btn{flex-shrink:0}@media (max-width: 600px){.osb-row{flex-direction:column;gap:8px}.osb-label{width:auto;padding-top:0}.osb-note-save,.osb-ship-btn{align-self:stretch}}.osb-toast{position:fixed;top:24px;left:50%;transform:translate(-50%) translateY(-20px);background:#16a34a;color:#fff;padding:10px 22px;border-radius:22px;font-size:14px;font-weight:500;box-shadow:0 6px 20px #16a34a59;opacity:0;pointer-events:none;transition:opacity .25s,transform .25s;z-index:1000}.osb-toast.show{opacity:1;transform:translate(-50%) translateY(0)}@media print{.buyer-verify-card,.buyer-badge{display:none!important}}.order-table tbody tr.row-bought{background:#7cb3421a}.order-table tbody tr.row-short{background:#d964771a}.order-table tbody tr.row-bought td{border-bottom-color:#7cb34233}.order-table tbody tr.row-short td{border-bottom-color:#d9647733}.order-table tbody tr.row-mine .col-idx{position:relative}.order-table tbody tr.row-mine .col-idx:before{content:"";position:absolute;left:0;top:8px;bottom:8px;width:3px;border-radius:2px;background:var(--c-primary)}.cn-name{display:block}.cn-ops{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin-top:4px}.cn-location{display:block;font-size:11px;color:#2563eb;margin-top:2px}.mine-flag{font-style:normal;padding:1px 8px;border-radius:var(--r-full);font-size:10px;font-weight:700;color:var(--c-primary-dark);background:var(--c-cream-2)}.item-edit-btn{padding:2px 10px;border-radius:var(--r-full);font-size:11px;font-weight:600;color:var(--c-primary-dark);background:var(--c-cream);border:1px dashed var(--c-primary-light);transition:all .15s}.item-edit-btn:hover{background:var(--c-primary);color:#fff;border-style:solid}.item-edit-btn.edited{color:#fff;background:linear-gradient(135deg,var(--c-primary),var(--c-primary-dark));border-style:solid;border-color:transparent}.iedit-mask{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#5b423373;display:flex;align-items:center;justify-content:center;padding:16px}.iedit-modal{width:440px;max-width:100%;max-height:90vh;display:flex;flex-direction:column;background:#fff}.iedit-head{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--c-border-soft)}.iedit-head h2{margin:0;font-size:17px;color:var(--c-text)}.iedit-head button{width:30px;height:30px;border-radius:50%;font-size:14px;color:var(--c-text-muted);background:var(--c-cream)}.iedit-body{padding:16px 20px;overflow-y:auto;display:flex;flex-direction:column;gap:12px}.iedit-tip{margin:0;padding:8px 12px;border-radius:var(--r-sm);background:var(--c-cream);color:var(--c-primary-dark);font-size:12px}.iedit-row{display:flex;flex-direction:column;gap:5px}.iedit-row label{font-size:13px;font-weight:600;color:var(--c-text-soft)}.iedit-row2{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.iedit-body .input:disabled{background:var(--c-cream);color:var(--c-text-muted);cursor:not-allowed;-webkit-text-fill-color:var(--c-text-muted);opacity:1}.iedit-rate,.iedit-edit{border-color:var(--c-primary-light);background:#fffaf0;font-weight:700;color:var(--c-primary-dark)}.iedit-readonly-tip{margin:-2px 0 0;font-size:11px;color:var(--c-text-muted)}.iedit-live{padding:10px 12px;border-radius:var(--r-sm);background:var(--c-cream);font-size:12px;color:var(--c-text-soft);display:flex;align-items:center;flex-wrap:wrap;gap:4px 12px}.iedit-live strong{margin-left:auto;color:var(--c-accent);font-size:15px;white-space:nowrap}.iedit-foot{display:flex;justify-content:flex-end;align-items:center;gap:10px;padding:14px 20px;border-top:1px solid var(--c-border-soft)}.iedit-reset{margin-right:auto}.order-table tfoot tr.tfoot-sub td{border-top:none;border-bottom:none;padding:6px 8px;font-size:13px;color:var(--c-text-muted)}.tfoot-sub .tfoot-label{font-weight:500;color:var(--c-text-muted)}.tfoot-amt{text-align:right;font-size:13px;font-weight:600;color:var(--c-text-soft);font-variant-numeric:tabular-nums}.order-table tfoot tr:not(.tfoot-sub) td{border-top:2px solid var(--c-primary);border-bottom:none;padding-top:14px;font-size:16px}.tfoot-label{text-align:right;color:var(--c-text-soft);font-weight:600}.tfoot-total{text-align:right;font-size:20px;font-weight:800;color:var(--c-accent);font-variant-numeric:tabular-nums}.order-table tfoot tr.tfoot-payable td{border-top:none;border-bottom:none;padding:6px 8px;font-size:13px}.tfoot-payable .tfoot-label{color:var(--c-success);font-weight:600}.tfoot-payable .tfoot-amt{color:var(--c-success);font-weight:700}.order-table tfoot tr.tfoot-payable-total td{border-top:2px dashed var(--c-success);border-bottom:none;padding-top:14px;font-size:16px}.tfoot-payable-total .tfoot-label{color:var(--c-success)}.tfoot-payable-total .tfoot-total{color:var(--c-success);font-size:20px}.tfoot-tag{display:inline-block;margin-left:8px;padding:1px 8px;font-size:11px;font-weight:500;color:var(--c-success);background:#7cb3421f;border-radius:10px}.order-foot{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.btn-gen-image{min-width:150px;font-weight:700;background:linear-gradient(135deg,var(--c-primary),var(--c-primary-dark));box-shadow:0 6px 16px #c97d1a47}.btn-gen-image:disabled{opacity:.65;cursor:not-allowed;box-shadow:none}.oi-mask{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#5b42338c;display:flex;align-items:center;justify-content:center;padding:16px}.oi-modal{width:440px;max-width:100%;max-height:92vh;display:flex;flex-direction:column;background:#fff;border-radius:var(--r-lg);overflow:hidden}.oi-head{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--c-border-soft)}.oi-head h2{margin:0;font-size:17px;color:var(--c-text)}.oi-head button{width:30px;height:30px;border-radius:50%;font-size:14px;color:var(--c-text-muted);background:var(--c-cream)}.oi-body{padding:16px;overflow-y:auto;background:var(--c-cream);display:flex;flex-direction:column;align-items:center;gap:12px}.oi-body img{width:100%;max-width:360px;border-radius:var(--r-md);box-shadow:var(--c-shadow);-webkit-user-drag:none;-webkit-user-select:none;user-select:none}.oi-tip{margin:0;font-size:13px;color:var(--c-primary-dark);background:var(--c-cream-2);padding:7px 14px;border-radius:var(--r-full);text-align:center}.oi-foot{display:flex;justify-content:flex-end;align-items:center;gap:10px;padding:14px 20px;border-top:1px solid var(--c-border-soft)}@media (max-width: 640px){.ou-grid{grid-template-columns:1fr}.col-img{display:inline-flex;width:40px;height:40px;order:2;flex-shrink:0}.col-img img,.col-img span{width:40px;height:40px;font-size:18px}.order-table{table-layout:fixed;max-width:100%}.order-table thead{display:none}.order-table tbody tr{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;padding:14px 10px}.order-table tbody tr:not(:last-child){border-bottom:1px solid var(--c-border-soft)}.order-table tbody td{display:inline-block;min-width:0;border:none!important;padding:2px 4px}.col-name{flex:1 1 calc(100% - 96px);min-width:0;order:3;font-weight:600;font-size:14px;line-height:1.45;word-break:break-word}.cn-ops{margin-top:5px}.item-edit-btn{padding:3px 11px;font-size:11px}.col-idx{order:1}.col-price{order:4;white-space:nowrap;color:var(--c-text-soft);font-size:13px}.col-price small{display:none}.col-price:before{content:"单价 ";color:var(--c-text-muted);font-size:11px;margin-right:2px}.col-qty{order:5;font-size:13px;font-weight:500;color:var(--c-text-soft)}.col-qty:before{content:"× ";color:var(--c-text-muted)}.col-payable{order:6;margin-left:auto;font-size:19px;font-weight:800;color:var(--c-accent);line-height:1.2}.col-payable:before{content:"应付 ";font-size:11px;font-weight:500;color:var(--c-text-muted);margin-right:2px}.order-table tbody td.col-sub{order:7;flex:1 1 100%;min-width:0;display:flex;align-items:center;justify-content:space-between;font-size:12px;font-weight:400;color:var(--c-text-muted);text-align:left;margin-top:8px;padding:5px 10px 3px;background:var(--c-cream);border-radius:8px 8px 0 0;font-variant-numeric:tabular-nums}.col-sub:before{content:"商品小计";color:var(--c-text-muted)}.order-table tbody td.col-fee{order:8;flex:1 1 100%;min-width:0;display:flex;align-items:center;justify-content:space-between;font-size:12px;font-weight:400;color:var(--c-text-muted);text-align:left;margin-top:-4px;padding:3px 10px 5px;background:var(--c-cream);border-radius:0 0 8px 8px;font-variant-numeric:tabular-nums}.col-fee:before{content:"代购费";color:var(--c-text-muted)}.col-fee .fee-rate{margin-right:6px;font-size:11px}.col-status{flex:1 1 100%;width:100%;order:9;margin-top:10px;padding-top:10px;border-top:1px dashed var(--c-border-soft);text-align:center}.status-group{display:flex;width:100%;gap:8px}.st{flex:1;width:auto;height:42px;border-radius:var(--r-md);font-size:14px}.ss{padding:3px 9px;font-size:11px}.items-header{gap:8px}.order-table tfoot tr{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 4px}.order-table tfoot td{display:inline-block;min-width:0;width:auto;border:none!important}.tfoot-label{flex:1;text-align:left}.tfoot-empty{display:none!important}}@media (max-width: 640px){.iedit-modal{width:100%;max-height:92vh}.iedit-row2{grid-template-columns:repeat(2,1fr);gap:10px 8px}.iedit-foot .btn{padding:9px 14px;font-size:13px}.iedit-live strong{margin-left:0;flex:1 1 100%}.order-foot{gap:8px}.order-foot .btn{padding:10px 12px;font-size:13px}.btn-gen-image{flex:1 1 100%;min-width:0;min-height:44px}.order-foot .btn-soft{flex:1 1 calc(50% - 8px)}.order-foot .btn-ghost{flex:1 1 100%}.oi-modal{width:100%;max-height:94vh}.oi-body img{max-width:100%}}.items-header-ops{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.btn-add-item{padding:6px 14px;font-size:13px;border-radius:var(--r-full);white-space:nowrap}.additem-modal{width:560px}.additem-body{padding:14px 20px;display:flex;flex-direction:column;gap:10px;min-height:0;flex:1}.additem-search{width:100%}.additem-cats{display:flex;gap:6px;overflow-x:auto;padding-bottom:2px;-webkit-overflow-scrolling:touch}.additem-cat{flex-shrink:0;padding:4px 12px;border-radius:var(--r-full);font-size:12px;font-weight:600;background:var(--c-cream-2);color:var(--c-text-soft);border:none;cursor:pointer;transition:all .15s}.additem-cat.on{background:var(--c-primary, #d9704a);color:#fff}.additem-list{flex:1;min-height:200px;max-height:50vh;overflow-y:auto;display:flex;flex-direction:column;gap:8px;-webkit-overflow-scrolling:touch}.additem-empty{text-align:center;color:var(--c-text-muted);font-size:13px;padding:32px 8px;margin:0}.additem-row{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:var(--r-md);background:var(--c-cream-1, #fdf8f3);border:1px solid var(--c-border-soft)}.additem-img{width:44px;height:44px;border-radius:var(--r-sm, 8px);overflow:hidden;flex-shrink:0;background:var(--c-cream-2);display:flex;align-items:center;justify-content:center;font-weight:700;color:var(--c-primary, #d9704a)}.additem-img img{width:100%;height:100%;object-fit:cover}.additem-info{flex:1;min-width:0}.additem-name{font-size:13px;font-weight:600;color:var(--c-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.additem-meta{font-size:11px;color:var(--c-text-soft);margin-top:2px;display:flex;align-items:center;gap:6px;flex-wrap:wrap}.additem-loc{color:#1976d2}.additem-inorder{font-size:11px;color:var(--c-accent);margin-top:2px}.additem-ops{display:flex;align-items:center;gap:8px;flex-shrink:0}.additem-qty{display:flex;align-items:center;border:1px solid var(--c-border-soft);border-radius:var(--r-full);overflow:hidden;background:#fff}.additem-qty button{width:26px;height:26px;border:none;background:transparent;font-size:14px;color:var(--c-text-soft);cursor:pointer;display:flex;align-items:center;justify-content:center}.additem-qty button:disabled{opacity:.3;cursor:not-allowed}.additem-qty input{width:34px;height:26px;border:none;text-align:center;font-size:13px;font-weight:600;color:var(--c-text);-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.additem-qty input::-webkit-outer-spin-button,.additem-qty input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.additem-add{padding:5px 14px;font-size:12px;border-radius:var(--r-full);white-space:nowrap}.additem-add.flash{background:var(--c-success)}@media (max-width: 640px){.additem-modal,.items-header-ops{width:100%}.btn-add-item{flex:1}.additem-row{flex-wrap:wrap}.additem-ops{width:100%;justify-content:space-between}.additem-list{max-height:46vh}}@media print{.print-title{display:block;text-align:center;margin-bottom:20px}.print-title h1{font-size:20px;margin:0}.order-page{padding:0;max-width:100%}.order-user,.order-items{box-shadow:none;border:1px solid #ccc;page-break-inside:avoid}.order-table th{background:#f5f5f5!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}}.login-page{min-height:calc(100vh - 56px);display:flex;align-items:center;justify-content:center;padding:24px 16px;background:linear-gradient(160deg,var(--c-cream) 0%,var(--c-bg) 100%)}.login-card{width:100%;max-width:380px;background:var(--c-card);border-radius:var(--r-lg);box-shadow:var(--c-shadow);padding:28px 24px 20px}.login-brand{text-align:center;margin-bottom:20px}.login-emoji{font-size:40px;line-height:1;margin-bottom:8px}.login-brand h1{margin:0 0 6px;font-size:22px;color:var(--c-primary-dark);font-weight:700}.login-brand p{margin:0;font-size:13px;color:var(--c-text-muted)}.login-tabs{display:flex;background:var(--c-cream-2);border-radius:var(--r-full);padding:4px;margin-bottom:22px}.login-tab{flex:1;padding:9px 0;border-radius:var(--r-full);font-size:14px;color:var(--c-text-muted);font-weight:600;transition:all .2s}.login-tab.on{background:#fff;color:var(--c-primary-dark);box-shadow:var(--c-shadow-soft)}.login-form{display:flex;flex-direction:column;gap:16px}.login-row{display:flex;flex-direction:column;gap:6px}.login-row label{font-size:13px;color:var(--c-text-soft);font-weight:600}.login-error{margin:0;padding:8px 12px;background:#e573731a;color:var(--c-danger);border-radius:var(--r-sm);font-size:13px;text-align:center}.login-submit{width:100%;margin-top:4px;padding:13px;font-size:15px;font-weight:700}.login-foot{margin-top:18px;text-align:center}.login-back{font-size:13px;color:var(--c-text-muted);text-decoration:none}.login-back:hover{color:var(--c-primary-dark)}.drawer-mask{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;background:#5b423373;opacity:0;pointer-events:none;transition:opacity .25s}.cart-toast{position:fixed;top:24px;left:50%;transform:translate(-50%,-16px);z-index:100;padding:12px 20px;background:#33261ceb;color:#fff;font-size:13px;font-weight:600;border-radius:var(--r-full, 999px);box-shadow:0 8px 24px #00000038;opacity:0;pointer-events:none;transition:opacity .25s ease,transform .25s ease;white-space:nowrap;max-width:90vw}.cart-toast.show{opacity:1;transform:translate(-50%)}.drawer-mask.open{opacity:1;pointer-events:auto}.cart-drawer{position:fixed;top:0;right:0;bottom:0;z-index:90;width:420px;max-width:92vw;background:var(--c-card);display:flex;flex-direction:column;transform:translate(100%);transition:transform .3s cubic-bezier(.22,.61,.36,1);box-shadow:-8px 0 32px #5b423326}.cart-drawer.open{transform:translate(0)}.drawer-head{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;background:linear-gradient(135deg,var(--c-primary),var(--c-primary-dark));color:#fff}.drawer-head h2{margin:0;font-size:17px;font-weight:700}.drawer-close{width:30px;height:30px;border-radius:50%;background:#fff3;color:#fff;font-size:14px;display:flex;align-items:center;justify-content:center}.drawer-empty{flex:1}.drawer-empty p{margin:0 0 4px;font-weight:600}.drawer-items{flex:1;overflow-y:auto;padding:12px;background:var(--c-bg)}.cart-item{display:flex;gap:10px;padding:10px;background:#fff;border-radius:var(--r-md);margin-bottom:8px;box-shadow:var(--c-shadow-soft)}.ci-img{width:64px;height:64px;border-radius:var(--r-sm);overflow:hidden;background:var(--c-cream);flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:600;color:var(--c-text-soft)}.ci-img img{width:100%;height:100%;object-fit:cover}.ci-img.is-zoomable{cursor:zoom-in}.ci-info{flex:1;display:flex;flex-direction:column;gap:4px}.ci-name{font-size:14px;font-weight:600;color:var(--c-text);line-height:1.3}.ci-price{font-size:12px;color:var(--c-text-muted)}.ci-rate{display:inline-block;margin-left:6px;padding:0 5px;font-size:10px;line-height:16px;color:var(--c-primary);background:var(--c-primary-bg, #fff3e0);border-radius:8px;vertical-align:middle}.ci-qty{display:flex;align-items:center;gap:8px;margin-top:2px}.ci-qty button{width:26px;height:26px;border-radius:var(--r-sm);background:var(--c-cream-2);color:var(--c-primary-dark);font-size:15px;font-weight:700;display:flex;align-items:center;justify-content:center}.ci-qty button:hover{background:var(--c-primary);color:#fff}.ci-qty span{min-width:26px;text-align:center;font-weight:600;font-variant-numeric:tabular-nums}.ci-right{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-end;text-align:right}.ci-subtotal{font-size:15px;font-weight:700;color:var(--c-accent);font-variant-numeric:tabular-nums}.ci-del{font-size:11px;color:var(--c-text-muted);padding:2px 6px;border-radius:var(--r-sm)}.ci-del:hover{background:#fdeaea;color:var(--c-danger)}.user-info{background:#fff;border-top:1px solid var(--c-border-soft);flex-shrink:0}.ui-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#fff;font-size:14px;color:var(--c-text-soft);font-weight:600}.ui-toggle-title{display:flex;align-items:center;gap:8px}.ui-toggle-title em{font-style:normal;font-size:11px;padding:2px 7px;border-radius:var(--r-full);background:#fdeaea;color:var(--c-accent)}.ui-toggle-title em.filled{background:#e8f5e9;color:var(--c-success)}.chev{transition:transform .2s;font-size:12px;color:var(--c-text-muted)}.chev.up{transform:rotate(180deg)}.ui-form{padding:4px 16px 12px;max-height:46vh;overflow-y:auto}.ui-row{display:flex;align-items:center;gap:10px;margin-bottom:8px}.ui-row>label{width:38px;font-size:13px;color:var(--c-text-muted);flex-shrink:0}.ui-row .input{flex:1;padding:8px 12px;font-size:13px}.ui-row textarea.input{resize:vertical}.drawer-foot{padding:12px 16px 16px;background:#fff;border-top:1px solid var(--c-border-soft);display:flex;flex-direction:column;gap:10px;flex-shrink:0}.foot-amount{display:flex;flex-direction:column;gap:2px}.fa-main{display:flex;align-items:baseline;justify-content:space-between}.fa-main span{font-size:13px;color:var(--c-text-soft)}.fa-main strong{font-size:24px;font-weight:800;color:var(--c-accent);font-variant-numeric:tabular-nums}.fa-sub{font-size:11px;color:var(--c-text-muted);text-align:right}.share-btn{width:100%;padding:14px;font-size:15px}.link-box{display:flex;flex-direction:column;gap:8px}.link-tip{margin:0;font-size:12px;color:var(--c-success);font-weight:600}.link-text{width:100%;padding:8px 10px;border:1px dashed var(--c-border);border-radius:var(--r-sm);background:var(--c-cream);font-size:11px;color:var(--c-text-soft);font-family:ui-monospace,monospace;word-break:break-all;resize:none}.link-actions{display:flex;gap:8px}.link-actions .btn{flex:1}.clear-btn{width:100%;padding:8px;font-size:12px}@media (max-width: 480px){.cart-drawer{width:92vw}}.topbar{position:sticky;top:0;z-index:50;background:#fdf6eceb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--c-border-soft)}.topbar-inner{max-width:1200px;margin:0 auto;padding:12px 16px;display:flex;align-items:center;gap:16px}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;flex-shrink:0}.brand-emoji{font-size:30px;filter:drop-shadow(0 2px 4px rgba(232,162,59,.3))}.brand-text{display:flex;flex-direction:column;line-height:1.15}.brand-text strong{font-size:17px;color:var(--c-text);font-weight:700}.brand-text small{font-size:11px;color:var(--c-text-muted)}.nav{margin-left:auto;display:flex;align-items:center;gap:6px;flex-shrink:0}.nav-link{display:inline-flex;align-items:center;justify-content:center;padding:8px 14px;border-radius:var(--r-full);color:var(--c-text-soft);font-size:14px;font-weight:500;transition:all .2s;white-space:nowrap}.nav-link:hover{background:var(--c-cream-2);color:var(--c-primary-dark)}.nav-link.on{background:var(--c-cream-2);color:var(--c-primary-dark);font-weight:700}.nav-history{position:relative;display:inline-flex;align-items:center}.nav-count{margin-left:5px;min-width:18px;height:18px;padding:0 5px;border-radius:var(--r-full);background:var(--c-accent);color:#fff;font-size:11px;font-weight:700;line-height:18px;text-align:center}.nav-user{display:inline-flex;align-items:center;gap:6px;padding:6px 10px 6px 12px;border-radius:var(--r-full);background:var(--c-cream-2);max-width:200px;flex-shrink:0}.nav-user-name{display:inline-flex;align-items:center;gap:4px;padding:0;border:none;background:transparent;font-size:13px;font-family:inherit;color:var(--c-primary-dark);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer;border-radius:var(--r-full);transition:opacity .15s}.nav-user-name:hover{opacity:.75}.nav-user-edit{font-size:10px;flex-shrink:0}.nav-logout{display:inline-flex;align-items:center;justify-content:center;padding:4px 10px;border-radius:var(--r-full);background:#fff;color:var(--c-text-muted);font-size:12px;font-weight:600;line-height:1;transition:all .2s;flex-shrink:0}.nav-logout:hover{background:var(--c-danger);color:#fff}.cart-btn{position:relative;display:flex;align-items:center;gap:8px;padding:8px 14px 8px 12px;background:linear-gradient(135deg,var(--c-primary),var(--c-primary-dark));border-radius:var(--r-full);color:#fff;font-weight:600;font-size:14px;box-shadow:0 4px 12px #e8a23b59;transition:all .2s;flex-shrink:0}.cart-btn:hover{transform:translateY(-1px);box-shadow:0 6px 16px #e8a23b73}.cart-emoji{font-size:18px}.cart-badge{position:absolute;top:-6px;right:-6px;min-width:20px;height:20px;padding:0 5px;border-radius:var(--r-full);background:var(--c-accent);color:#fff;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;border:2px solid #fff}.cart-total{font-variant-numeric:tabular-nums}@media (max-width: 640px){.topbar-inner{padding:10px 12px;gap:10px}.brand-text small{display:none}.brand-text strong{font-size:14px}.nav-link{padding:7px 10px;font-size:13px}.nav-user{max-width:140px;padding:5px 8px 5px 10px;gap:4px}.nav-user-name{font-size:12px}.nav-logout{padding:3px 8px;font-size:11px}.cart-btn{padding:7px 12px 7px 10px;font-size:13px}.cart-total{display:none}}@media (max-width: 420px){.brand-text strong{font-size:13px;max-width:110px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav-user{max-width:110px}}.profile-mask{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#5b423373;display:flex;align-items:center;justify-content:center;padding:16px}.profile-modal{width:400px;max-width:100%;display:flex;flex-direction:column;background:#fff}.profile-head{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--c-border-soft)}.profile-head h2{margin:0;font-size:17px;color:var(--c-text)}.profile-head button{width:30px;height:30px;border-radius:50%;font-size:14px;color:var(--c-text-muted);background:var(--c-cream)}.profile-body{padding:18px 20px;display:flex;flex-direction:column;gap:16px}.profile-row{display:flex;flex-direction:column;gap:6px}.profile-row label{font-size:13px;font-weight:600;color:var(--c-text-soft)}.profile-phone{padding:10px 12px;border-radius:var(--r-sm);background:var(--c-cream);color:var(--c-text-soft);font-size:14px;font-weight:600;letter-spacing:.5px}.profile-input{width:100%}.profile-tip{margin:0;font-size:12px;line-height:1.5;color:var(--c-text-muted)}.profile-foot{display:flex;justify-content:flex-end;gap:10px;padding:14px 20px;border-top:1px solid var(--c-border-soft)}.iv-mask{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2000;background:#231810f0;animation:iv-fade .2s ease;-webkit-user-select:none;user-select:none}@keyframes iv-fade{0%{opacity:0}to{opacity:1}}.iv-stage{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;overflow:hidden;touch-action:none;cursor:zoom-in}.iv-stage.is-zoomed{cursor:grab}.iv-stage.is-moving{cursor:grabbing}.iv-img{max-width:92vw;max-height:78vh;object-fit:contain;border-radius:6px;box-shadow:0 12px 48px #00000080;background:#ffffff0a;pointer-events:none;-webkit-user-drag:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;transform-origin:center center;transition:transform .22s ease-out;will-change:transform;animation:iv-img-in .22s ease}.iv-stage.is-moving .iv-img{transition:none}@keyframes iv-img-in{0%{opacity:0}to{opacity:1}}.iv-close{position:absolute;top:18px;right:18px;z-index:2;width:40px;height:40px;border-radius:50%;background:#ffffff24;color:#fff;font-size:18px;display:flex;align-items:center;justify-content:center;transition:background .2s,transform .2s}.iv-close:hover{background:var(--c-accent, #d96477);transform:rotate(90deg)}.iv-nav{position:absolute;top:50%;transform:translateY(-50%);z-index:2;width:48px;height:48px;border-radius:50%;background:#ffffff24;color:#fff;font-size:30px;font-weight:700;line-height:1;display:flex;align-items:center;justify-content:center;transition:background .2s,transform .2s}.iv-nav:hover{background:var(--c-primary, #e8a23b);transform:translateY(-50%) scale(1.08)}.iv-prev{left:20px}.iv-next{right:20px}.iv-counter{position:absolute;top:22px;left:50%;transform:translate(-50%);z-index:2;padding:5px 16px;border-radius:var(--r-full, 999px);background:#ffffff24;color:#fff;font-size:13px;font-variant-numeric:tabular-nums}.iv-tip{position:absolute;bottom:22px;left:50%;transform:translate(-50%);z-index:2;padding:6px 16px;border-radius:var(--r-full, 999px);background:#00000052;color:#ffffffd1;font-size:12px;white-space:nowrap;pointer-events:none}@media (max-width: 480px){.iv-nav{width:40px;height:40px;font-size:24px}.iv-prev{left:10px}.iv-next{right:10px}.iv-img{max-width:94vw;max-height:72vh}.iv-tip{bottom:14px;font-size:11px;padding:5px 12px}}:root{--c-cream: #fdf6ec;--c-cream-2: #f7ead4;--c-bg: #fbf3e7;--c-card: #ffffff;--c-primary: #e8a23b;--c-primary-dark: #c97d1a;--c-primary-light: #f6c878;--c-accent: #d96477;--c-text: #5b4233;--c-text-soft: #8a6f5c;--c-text-muted: #b39a85;--c-border: #ecd9b8;--c-border-soft: #f0e2c8;--c-success: #7cb342;--c-danger: #e57373;--c-shadow: 0 8px 24px rgba(168, 124, 60, .12);--c-shadow-soft: 0 4px 12px rgba(168, 124, 60, .08);--r-sm: 8px;--r-md: 14px;--r-lg: 20px;--r-full: 999px;--font-base: -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", "Helvetica Neue", sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0;font-family:var(--font-base);color:var(--c-text);background:var(--c-bg);-webkit-font-smoothing:antialiased;font-size:15px;line-height:1.55}#root{min-height:100vh}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}input,textarea,select{font-family:inherit;font-size:inherit;color:inherit}img{display:block;max-width:100%}.no-save{-webkit-user-select:none;user-select:none}.no-save img{-webkit-user-drag:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}a{color:var(--c-primary-dark);text-decoration:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 18px;border-radius:var(--r-full);font-weight:600;font-size:14px;transition:all .2s ease;white-space:nowrap}.btn-primary{background:linear-gradient(135deg,var(--c-primary),var(--c-primary-dark));color:#fff;box-shadow:0 4px 12px #e8a23b59}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 16px #e8a23b73}.btn-soft{background:var(--c-cream-2);color:var(--c-primary-dark)}.btn-ghost{background:transparent;color:var(--c-text-soft);border:1px solid var(--c-border)}.btn-danger{background:#fdeaea;color:var(--c-danger)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.card{background:var(--c-card);border-radius:var(--r-lg);box-shadow:var(--c-shadow-soft)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--c-border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--c-primary-light)}.input{width:100%;padding:10px 14px;border:1px solid var(--c-border);border-radius:var(--r-sm);background:#fff;color:var(--c-text);outline:none;transition:border-color .2s}.input:focus{border-color:var(--c-primary);box-shadow:0 0 0 3px #e8a23b1f}.input::placeholder{color:var(--c-text-muted);opacity:1}.empty{text-align:center;padding:48px 16px;color:var(--c-text-muted)}.empty-emoji{font-size:48px;margin-bottom:8px}.page{max-width:1200px;margin:0 auto;padding:16px}@media print{.no-print{display:none!important}body{background:#fff}}.fly-to-cart{position:fixed;left:0;top:0;z-index:9999;pointer-events:none;border-radius:50%;overflow:hidden;background:#fff;border:2px solid #fff;box-shadow:0 4px 14px #e8a23b8c;display:flex;align-items:center;justify-content:center;font-size:26px;will-change:transform,width,height,opacity}.fly-to-cart img{width:100%;height:100%;object-fit:cover}.cart-bump{animation:cart-bump .42s cubic-bezier(.36,0,.36,1.4)}@keyframes cart-bump{0%{transform:scale(1) rotate(0)}25%{transform:scale(1.18) rotate(-10deg)}50%{transform:scale(.92) rotate(7deg)}75%{transform:scale(1.06) rotate(-3deg)}to{transform:scale(1) rotate(0)}}.badge-pop{animation:badge-pop .42s cubic-bezier(.36,0,.36,1.6)}@keyframes badge-pop{0%{transform:scale(1)}40%{transform:scale(1.45)}to{transform:scale(1)}}