:root { --dy-cart-bg:#eaf1fb; --dy-cart-card:#fff; --dy-cart-text:#202631; --dy-cart-muted:#747e8f; --dy-cart-border:#dfe5ef; --dy-cart-primary:#3169dc; --dy-cart-price:#db513c; }
html,body.dy-shopping-page { min-height:100%; margin:0; background:var(--dy-cart-bg); color:var(--dy-cart-text); font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif; }
.dy-shopping-page *, .dy-shopping-page *::before, .dy-shopping-page *::after { box-sizing:border-box; }
.dy-shopping-page .dy-cart-marketing-header { position:fixed; top:0; left:0; z-index:99; width:100%; }
.dy-shopping-page .template { min-height:100vh; display:block; }
.dy-shopping-layout { min-height:100vh; padding:65px 0 60px; background:linear-gradient(180deg,#e7effb 0%,#edf3fc 48%,#eaf1fb 100%); }
.dy-shopping-main { width:100%; max-width:1152px; margin:0 auto; padding:40px 24px; }
.dy-cart-breadcrumb { display:flex; align-items:center; gap:7px; color:#7c8799; font-size:12px; line-height:18px; }.dy-cart-breadcrumb a { color:inherit; }
.dy-cart-title { margin:3px 0 0; font-size:30px; line-height:38px; }.dy-cart-subtitle { margin:3px 0 0; color:var(--dy-cart-muted); font-size:14px; line-height:22px; }
.dy-cart-layout { display:grid; grid-template-columns:minmax(0,1fr) 320px; gap:24px; margin-top:26px; align-items:start; }.dy-cart-list { min-width:0; }
.dy-cart-select-all { display:flex; height:54px; align-items:center; padding:0 20px; border:1px solid var(--dy-cart-border); border-radius:17px; background:var(--dy-cart-card); box-shadow:0 2px 5px rgba(44,64,96,.08); font-size:14px; font-weight:600; }.dy-cart-select-all > span { margin-left:9px; }.dy-clear-button { display:flex; margin-left:auto; align-items:center; gap:7px; border:0; color:var(--dy-cart-muted); background:transparent; font:inherit; font-size:13px; cursor:pointer; }.dy-clear-button:hover { color:var(--dy-cart-price); }
.dy-cart-items { display:grid; gap:16px; margin-top:16px; }.dy-cart-item { display:grid; min-height:116px; grid-template-columns:22px minmax(0,1fr) auto 106px 28px; gap:12px; align-items:center; padding:20px 22px; border:1px solid var(--dy-cart-border); border-radius:18px; background:var(--dy-cart-card); box-shadow:0 2px 5px rgba(44,64,96,.09); }.dy-cart-item-check { display:flex; width:20px; }.dy-cart-item-check .el-checkbox__label { display:none; }
.dy-cart-item-title { display:flex; min-width:0; align-items:center; flex-wrap:wrap; gap:8px; }.dy-cart-item-title h2 { min-width:0; margin:0; overflow:hidden; font-size:16px; line-height:24px; text-overflow:ellipsis; white-space:nowrap; }.dy-cycle-tag { display:inline-flex; height:24px; padding:0 10px; align-items:center; border-radius:999px; color:var(--dy-cart-primary); background:#e8efff; font-size:12px; font-weight:600; white-space:nowrap; }.dy-cart-item-copy p { margin:5px 0 0; overflow:hidden; color:var(--dy-cart-muted); font-size:12px; line-height:20px; text-overflow:ellipsis; white-space:nowrap; }
.dy-cart-item-price { display:flex; align-items:baseline; white-space:nowrap; }.dy-cart-item-price strong { color:var(--dy-cart-price); font-size:20px; line-height:26px; }.dy-cart-item-price span { color:var(--dy-cart-muted); font-size:12px; }.dy-cart-qty { width:106px; }.dy-cart-qty .el-input-number__decrease,.dy-cart-qty .el-input-number__increase { width:30px; }.dy-cart-qty .el-input__inner { height:36px; padding:0 30px; border-color:var(--dy-cart-border); font-size:14px; }.dy-cart-remove { display:flex; width:28px; height:28px; align-items:center; justify-content:center; border:0; border-radius:8px; color:#8993a3; background:transparent; cursor:pointer; }.dy-cart-remove:hover { color:var(--dy-cart-price); background:#fff0ee; }
.dy-cart-summary { padding:26px 24px; border:1px solid var(--dy-cart-border); border-radius:18px; background:var(--dy-cart-card); box-shadow:0 2px 5px rgba(44,64,96,.09); }.dy-cart-summary h2 { margin:0; font-size:18px; line-height:26px; }.dy-cart-summary dl { margin:20px 0 0; }.dy-cart-summary dl > div { display:flex; align-items:center; justify-content:space-between; margin-top:14px; color:var(--dy-cart-muted); font-size:14px; }.dy-cart-summary dd { margin:0; color:var(--dy-cart-text); font-weight:600; }.dy-cart-summary .dy-summary-total { margin-top:18px; padding-top:16px; border-top:1px solid var(--dy-cart-border); }.dy-cart-summary .dy-summary-total dd { color:var(--dy-cart-price); font-size:25px; }.dy-summary-submit { width:100%; height:44px; margin-top:24px; border:0; border-radius:13px; background:var(--dy-cart-primary); font-size:16px; font-weight:600; }.dy-summary-safe { display:flex; align-items:center; justify-content:center; gap:5px; margin:15px 0 0; color:var(--dy-cart-muted); font-size:12px; }
.dy-domain-box { margin-top:24px; padding:24px; border:1px solid var(--dy-cart-border); border-radius:18px; background:#fff; box-shadow:0 2px 5px rgba(44,64,96,.09); }.dy-domain-head { display:flex; align-items:flex-start; justify-content:space-between; gap:12px; }.dy-domain-head h2 { display:flex; align-items:center; gap:9px; margin:0; font-size:18px; }.dy-domain-head h2 i { display:inline-flex; width:32px; height:32px; align-items:center; justify-content:center; border-radius:9px; color:var(--dy-cart-primary); background:#e9f0ff; }.dy-domain-head p { margin:5px 0 0; color:var(--dy-cart-muted); font-size:13px; }.dy-domain-table-head,.dy-domain-row { display:grid; grid-template-columns:minmax(0,1fr) 130px 110px 28px; gap:16px; align-items:center; }.dy-domain-table-head { margin:22px -24px 0; padding:12px 24px; color:var(--dy-cart-muted); background:#f2f5fa; font-size:12px; }.dy-domain-row { min-height:55px; border-top:1px solid var(--dy-cart-border); font-size:14px; }.dy-domain-row > span { color:var(--dy-cart-muted); }.dy-domain-price { color:var(--dy-cart-price); }.dy-domain-row button { border:0; color:#8993a3; background:transparent; cursor:pointer; }.dy-domain-row button:hover { color:var(--dy-cart-price); }
.dy-cart-empty { display:flex; min-height:280px; flex-direction:column; align-items:center; justify-content:center; border:1px solid var(--dy-cart-border); border-radius:18px; background:#fff; }.dy-cart-empty-icon { display:flex; width:54px; height:54px; align-items:center; justify-content:center; border-radius:50%; color:var(--dy-cart-muted); background:#edf1f6; font-size:25px; }.dy-cart-empty h2 { margin:16px 0 0; font-size:18px; }.dy-cart-empty p { margin:6px 0 0; color:var(--dy-cart-muted); font-size:13px; }.dy-cart-empty a { display:inline-flex; height:36px; margin-top:20px; padding:0 20px; align-items:center; border-radius:11px; color:#fff; background:var(--dy-cart-primary); font-size:13px; }
@media (max-width:900px) { .dy-cart-layout { grid-template-columns:1fr; }.dy-cart-summary { position:static; }.dy-cart-item { grid-template-columns:22px minmax(0,1fr) auto 28px; }.dy-cart-qty { grid-column:2; grid-row:2; }.dy-cart-item-price { grid-column:3; grid-row:1 / span 2; }.dy-cart-remove { grid-column:4; grid-row:1; } }
@media (max-width:639px) { .dy-shopping-main { padding:30px 16px 100px; }.dy-cart-title { font-size:26px; }.dy-cart-layout { margin-top:22px; }.dy-cart-item { grid-template-columns:20px minmax(0,1fr) 28px; gap:10px; padding:16px; }.dy-cart-item-price { grid-column:2; grid-row:2; justify-content:flex-start; }.dy-cart-qty { grid-column:2; grid-row:3; }.dy-cart-remove { grid-column:3; grid-row:1; }.dy-cart-item-copy p { white-space:normal; }.dy-domain-box { padding:18px 16px; }.dy-domain-table-head { margin-left:-16px; margin-right:-16px; padding-left:16px; padding-right:16px; }.dy-domain-table-head,.dy-domain-row { grid-template-columns:minmax(0,1fr) 84px 82px 22px; gap:8px; }.dy-domain-row { font-size:13px; }.dy-domain-head h2 { font-size:16px; } }