html[data-theme="dark"],html[data-theme="dark"] body{background:#0b1117}html[data-theme="dark"]{--lab-surface:#182333}html[data-theme="dark"] #lab-storefront-header-stack,html[data-theme="dark"] #lab-global-notice{background:inherit}html[data-theme="dark"] .lab-global-notice-inner{background:var(--lab-surface,#182333)}

        *{box-sizing:border-box}
        body{margin:0;background:#f5f7fb;color:#222;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"PingFang SC","Microsoft YaHei",sans-serif}
        a{color:#1677ff;text-decoration:none}
        .container{max-width:1180px;margin:0 auto;padding:24px 16px 40px}
        .topbar{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:20px}
        .topbar h1{margin:0;font-size:30px}
        .msg{padding:12px 14px;border-radius:10px;margin-bottom:16px;font-size:14px}
        .msg.error{background:#fff1f0;color:#cf1322;border:1px solid #ffa39e}
        .msg.success{background:#f6ffed;color:#389e0d;border:1px solid #b7eb8f}
        .payment-limit-warning{margin:12px 0 14px;padding:12px 14px;border-radius:12px;background:#fff1f0;color:#cf1322;border:1px solid #ff7875;font-size:14px;font-weight:800;line-height:1.65;box-shadow:0 10px 24px rgba(207,34,46,.10)}
        html[data-theme="dark"] .payment-limit-warning{background:rgba(127,29,29,.32);color:#fecaca;border-color:rgba(248,113,113,.55);box-shadow:0 12px 28px rgba(0,0,0,.26)}
        .layout{display:grid;grid-template-columns:1fr 320px;gap:20px}
        .card{background:#fff;border-radius:18px;box-shadow:0 10px 35px rgba(0,0,0,.05);padding:22px}
        .empty{padding:40px 20px;text-align:center;color:#666}
        .item{display:grid;grid-template-columns:100px minmax(0,1fr) 132px 120px 80px;gap:14px;align-items:center;padding:16px 0;border-bottom:1px solid #eee}
        .item:last-child{border-bottom:0}
        .thumb{width:100px;height:100px;border-radius:12px;overflow:hidden;background:#fafafa;border:1px solid #eee;display:flex;align-items:center;justify-content:center}
        .thumb img{width:100%;height:100%;object-fit:cover}
        .title{font-size:18px;font-weight:700;margin-bottom:8px;line-height:1.5}
        .meta{color:#666;font-size:14px;line-height:1.7}
        .cart-info{min-width:0}
        .cart-qty-cell,.cart-subtotal-cell,.cart-remove-cell{min-width:0}
        .cart-qty-box{display:flex;align-items:center;justify-content:center;gap:6px}
        .cart-qty-btn{
            width:34px;height:42px;border:1px solid #d9d9d9;border-radius:10px;background:#fff;
            color:#333;font-size:18px;font-weight:800;line-height:1;cursor:pointer;
        }
        .qty-input{width:52px;height:42px;border:1px solid #d9d9d9;border-radius:10px;text-align:center;font-size:15px;background:#fff;color:#222}
        .qty-input::-webkit-outer-spin-button,.qty-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
        .qty-input[type=number]{-moz-appearance:textfield}
        .subtotal{font-size:18px;font-weight:700;color:#d46b08;white-space:nowrap}
        .remove{color:#cf1322;font-weight:700;white-space:nowrap}
        .summary-title{margin:0 0 18px;font-size:22px}
        .summary-row{display:flex;justify-content:space-between;gap:12px;margin-bottom:12px;font-size:15px}
        .btn{width:100%;height:46px;border:0;border-radius:12px;cursor:pointer;font-size:15px}
        .btn.primary{background:#1677ff;color:#fff}
        .btn.secondary{background:#edf2ff;color:#1d4ed8}
        .btn.disabled{opacity:.45;cursor:not-allowed}
        .btn + .btn{margin-top:12px}
        .item.unavailable{opacity:.72}
        .stock-note{margin-top:6px;color:#d46b08;font-size:13px;line-height:1.6}
        .stock-note.error{color:#cf1322}
        html[data-theme="dark"] .cart-qty-btn,html[data-theme="dark"] .qty-input{background:#101923;color:#e5edf7;border-color:#2d3d50}
        html[data-theme="dark"] .remove{background:rgba(127,29,29,.22);color:#fecaca;border-color:rgba(248,113,113,.45)}
        @media (max-width:980px){
            .container{padding:18px 10px 34px}
            .layout{grid-template-columns:1fr;gap:14px}
            .card{padding:16px;border-radius:16px}
            .item{
                grid-template-columns:74px minmax(0,1fr) auto auto;
                grid-template-areas:
                    "thumb info info info"
                    "thumb qty subtotal remove";
                gap:8px 8px;align-items:center;padding:12px 0;
            }
            .thumb{grid-area:thumb;width:74px;height:74px;border-radius:12px}
            .cart-info{grid-area:info}
            .cart-qty-cell{grid-area:qty}
            .cart-subtotal-cell{grid-area:subtotal}
            .cart-remove-cell{grid-area:remove}
            .title{font-size:15px;margin-bottom:4px;line-height:1.45}
            .meta{font-size:12px;line-height:1.45;display:flex;align-items:center;gap:7px;flex-wrap:wrap}
            .meta br{display:none}
            .cart-qty-box{justify-content:flex-start;gap:4px}
            .cart-qty-btn{width:28px;height:32px;border-radius:9px;font-size:16px}
            .qty-input{width:42px;height:32px;border-radius:9px;font-size:13px}
            .subtotal{font-size:14px;line-height:32px}
            .remove{display:inline-flex;align-items:center;justify-content:center;height:32px;padding:0 8px;border-radius:9px;background:#fff1f0;border:1px solid #ffa39e;font-size:12px}
            .stock-note{grid-column:1 / -1;margin-top:2px;font-size:12px}
        }
        @media (max-width:420px){
            .item{
                grid-template-columns:62px minmax(0,1fr) auto auto;
                gap:7px 6px;
            }
            .thumb{width:62px;height:62px}
            .title{font-size:14px}
            .meta{font-size:11.5px;gap:5px}
            .cart-qty-btn{width:25px;height:30px}
            .qty-input{width:36px;height:30px;font-size:12px}
            .subtotal{font-size:13px;line-height:30px}
            .remove{height:30px;padding:0 7px;font-size:11.5px}
        }