.w { width: 1226px; margin: 0 auto; }
.mt15 { margin-top: 15px; }
.mt20 { margin-top: 20px; }
.mb20 { margin-bottom: 20px; }

/* 顶部标题栏 */
#detail .dc { width: 100%; height: 58px; background: #f0f0f0; border-bottom: 1px solid #e0e0e0; }
#detail .dc .content { height: 58px; width: 1226px; line-height: 58px; }
#detail .dc .content .title { font-size: 22px; font-weight: bold; }

/* 左侧主图与滑动条 */
#detail .intro .left { width: 450px; }
.main-img-container { width: 450px; height: 450px; border: 1px solid #eee; background: #fff; display: flex; align-items: center; justify-content: center; overflow: hidden; }
.main-img-container img { max-width: 100%; max-height: 100%; }

.thumb-container { width: 450px; position: relative; padding: 0 35px; box-sizing: border-box; }
.thumb-swiper { width: 100%; height: 85px; overflow: hidden; }
.thumb-item { width: 80px; height: 80px; border: 1px solid #eee; cursor: pointer; background: #fff; box-sizing: border-box;}
.thumb-item img { width: 100%; height: 100%; object-fit: contain; }
.thumb-item.active { border: 2px solid #1baeae !important; }

.thumb-prev, .thumb-next { width: 25px !important; height: 80px !important; margin-top: 0 !important; top: 0 !important; background-color: #f4f4f4; border: 1px solid #eee; }
.thumb-prev { left: 0 !important; }
.thumb-next { right: 0 !important; }
.thumb-prev:after, .thumb-next:after { font-size: 16px !important; font-weight: bold; color: #999; }

/* 右侧详情参数区 */
#detail .intro .right { width: 730px; background: transparent; padding-bottom: 0; }
.info-box-wrapper { border: 1px solid #e0e0e0; padding: 20px; background: #fafafa; border-radius: 4px; }
.goods-name-new { font-size: 24px; font-weight: bold; color: #333; margin-bottom: 10px; }
.goods-intro-new { font-size: 14px; color: #999; line-height: 22px; }

.data-row { margin-bottom: 12px; font-size: 14px; color: #666; display: flex; align-items: center; }
.data-row span { width: 100px; color: #999; }
.data-row em { font-style: normal; }

/* 市场价强制划线 */
.data-row del { color: #bbb; margin-left: 5px; text-decoration: line-through !important; }

.highlight-price em { color: #ff6700; font-size: 20px; font-weight: bold; }
.big-price em { color: #1baeae; font-size: 26px; font-weight: bold; }

/* 数量选择器优化：去箭头、文字居中 */
.qty-selector { display: flex; border: 1px solid #ccc; background: #fff; width: fit-content; }
.qty-btn { width: 35px; height: 35px; border: none; background: #eee; cursor: pointer; font-size: 18px; color: #666; }
.qty-btn:hover { background: #e0e0e0; }

.qty-selector input {
    width: 60px; height: 35px; border: none; border-left: 1px solid #ccc; border-right: 1px solid #ccc;
    text-align: center; font-size: 16px; padding: 0; appearance: none; -moz-appearance: textfield;
}
.qty-selector input::-webkit-outer-spin-button,
.qty-selector input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }

.btn-group { display: flex; gap: 20px; }
.btn-buy-now, .btn-add-cart { width: 200px; height: 50px; font-size: 18px; border: none; cursor: pointer; color: #fff; }
.btn-buy-now { background: #1baeae; }
.btn-add-cart { background: #ff6700; }

/* 通用板块样式 (介绍/推荐) */
.full-width-section { border: 1px solid #e0e0e0; background: #fff; }
.section-head { height: 50px; line-height: 50px; background: #f6f6f6; border-bottom: 1px solid #e0e0e0; padding: 0 20px; font-size: 18px; font-weight: bold; }
.section-body { padding: 20px; }

.recommend-grid { display: grid; grid-template-columns: repeat(6, 1fr); gap: 15px; }
.rec-item { text-align: center; transition: 0.3s; padding: 10px; border: 1px solid transparent; }
.rec-item:hover { border-color: #1baeae; }
.rec-item img { width: 100%; aspect-ratio: 1/1; object-fit: contain; margin-bottom: 10px; }
.rec-name { font-size: 14px; color: #666; height: 36px; overflow: hidden; }
.rec-price { color: #1baeae; font-weight: bold; margin-top: 5px; }

.clearfix::after { content: ""; display: block; clear: both; }
.fl { float: left; }
.fr { float: right; }