/* 首页产品区：01 经典紧凑。所有规则限于本模块。 */
.deepblue .db-home-showcase{margin-bottom:32px;min-width:0}
.deepblue .db-product-carousel{position:relative;border-radius:9px;background:#f5f5f5;overflow:hidden}
.deepblue .db-product-window{overflow:hidden}
.deepblue .db-product-track{display:flex;align-items:stretch;transition:transform .45s cubic-bezier(.22,.61,.36,1)}
.deepblue .db-product-slide{flex:0 0 100%;min-width:0;display:grid;grid-template-columns:minmax(0,35fr) minmax(0,65fr);gap:16px;align-items:center;padding:19px 22px 12px;min-height:190px}
.deepblue .db-product-copy{min-width:0}
.deepblue .db-product-copy h2{font-size:24px;font-weight:650;line-height:1.45;letter-spacing:-.4px;margin:0 0 9px;overflow-wrap:anywhere}
.deepblue .db-product-copy p{font-size:13px;line-height:1.85;color:#858585;white-space:pre-line;margin:0 0 10px;overflow-wrap:anywhere}
.deepblue .db-product-copy a:hover{color:var(--blue)}
.deepblue .db-product-cta{font-size:12px;color:var(--blue);display:inline-flex;gap:12px;align-items:center}
.deepblue .db-product-art{display:flex;align-items:center;justify-content:center;min-width:0;background:transparent;border:0;border-radius:4px;overflow:hidden}
.deepblue .db-product-art img{width:100%;height:auto;aspect-ratio:905/230;max-height:none;object-fit:scale-down}
.deepblue .db-product-dots{min-height:36px;display:flex;align-items:center;gap:3px;padding:0 20px 10px}
.deepblue .db-product-dot{width:25px;height:24px;padding:8px 5px;display:flex;align-items:center}
.deepblue .db-product-dot:after{content:"";width:6px;height:6px;border-radius:9px;background:#c7ccd0;transition:width .2s}
.deepblue .db-product-dot[aria-current=true]:after{width:18px;background:var(--blue)}
.deepblue .db-product-carousel button:focus-visible,.deepblue .db-product-carousel a:focus-visible{outline-offset:-3px}
.deepblue .db-recommendations{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));row-gap:20px;padding:22px 0;border-bottom:1px solid #ebebeb;margin-top:7px}
.deepblue .db-recommendation{display:flex;align-items:center;gap:11px;padding:0 15px;min-width:0;border-right:1px solid #e9e9e9;min-height:48px}
.deepblue .db-recommendation:nth-child(4n){border-right:0}
.deepblue .db-recommend-icon{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:8px;background:#f5f5f5;color:#0878cd;flex-shrink:0}
.deepblue .db-recommend-icon img{width:28px;height:28px;object-fit:contain}
.deepblue .db-recommendation strong{display:block;font-size:13px;font-weight:600;line-height:1.7;overflow-wrap:anywhere}
.deepblue .db-recommendation small{display:block;font-size:11px;line-height:1.7;color:#909090;overflow-wrap:anywhere}
.deepblue .db-recommendation:hover strong{color:var(--blue)}
@media(max-width:1100px){.deepblue .db-product-slide{grid-template-columns:minmax(0,40fr) minmax(0,60fr);padding:17px;gap:12px}.deepblue .db-product-copy h2{font-size:21px}.deepblue .db-product-copy p{font-size:12px}.deepblue .db-recommendations{grid-template-columns:repeat(2,minmax(0,1fr))}.deepblue .db-recommendation:nth-child(2n){border-right:0}}
@media(max-width:900px){.deepblue .db-product-slide{grid-template-columns:minmax(0,35fr) minmax(0,65fr)}.deepblue .db-recommendation{padding:0 12px}.deepblue .db-home-showcase{margin-bottom:26px}}
@media(max-width:600px){.deepblue .db-product-slide{grid-template-columns:1fr;gap:13px;padding:17px 17px 10px;align-content:start;min-height:0}.deepblue .db-product-copy h2{font-size:22px;margin-bottom:6px}.deepblue .db-product-copy p{margin-bottom:7px}.deepblue .db-product-art img{max-height:none}.deepblue .db-recommendations{row-gap:17px}.deepblue .db-recommendation{gap:8px;padding:0 9px}.deepblue .db-recommendation strong{font-size:12px}.deepblue .db-recommendation small{font-size:10px}.deepblue .db-recommend-icon{width:32px;height:32px}}
@media(max-width:360px){.deepblue .db-recommendations{grid-template-columns:1fr}.deepblue .db-recommendation{border-right:0}.deepblue .db-product-copy h2{font-size:20px}}
html[data-theme=dark] .deepblue .db-product-carousel,html[data-theme=dark] .deepblue .db-recommend-icon{background:#2b2b2b}
html[data-theme=dark] .deepblue .db-product-copy p,html[data-theme=dark] .deepblue .db-recommendation small{color:#aaa}
html[data-theme=dark] .deepblue .db-recommendations,html[data-theme=dark] .deepblue .db-recommendation{border-color:#444}
@media(prefers-reduced-motion:reduce){.deepblue .db-product-track{transition:none}}
