/* ================= 全局与标题基础 ================= */
.floor-one { margin-top: 20px; width: 1200px; position: relative; }
.floor-one .color-mark { display: none !important; } 
.floor-one .floor-name { display: inline-block; vertical-align: middle; font-size: 24px; font-weight: bold; height: auto; line-height: 1; }
.floor-one .floor-name .floor-title { margin-left: 0; margin-right: 10px; vertical-align: middle; }
.floor-one .floor-name .floor-title a { color: #333; text-decoration: none; }

/* ================= 右上角“更多”按钮 ================= */
.floor-one .hot-word-con { position: absolute; top: -5px; right: 0; width: 800px; text-align: right; z-index: 10; }
.floor-one .hot-word { display: inline-block; height: 20px; line-height: 20px; margin: 5px 10px; font-size: 14px; color: #999; border: none !important; text-decoration: none !important; transition: color 0.3s ease; }
.floor-one .hot-word:hover { color: #e4393c; text-decoration: none !important; }

/* ================= 整体布局 (锁定 650px 完美对齐) ================= */
.floor-one .line-body { width: 100%; height: 650px !important; margin-top: 15px; overflow: visible !important; position: relative; }
.floor-one .floor-main { position: relative; width: 100%; height: 100%; }

/* ================= 左侧大图区域 (强制 650px) ================= */
.floor-one .big-banner-con-2 { float: left; position: relative; width: 235px; height: 650px !important; border-radius: 6px; overflow: hidden; background-color: #000; }
.floor-one .big-banner-con-2 a { display: block; position: relative; width: 100%; height: 100%; }
.floor-one .big-banner-con-2 img { display: block; width: 100%; height: 100% !important; object-fit: cover; border-radius: 6px; transition: transform 0.3s ease; }
.floor-one .big-banner-con-2:hover img { transform: scale(1.03); }
.floor-one .banner-detail { position: absolute; vertical-align: middle; bottom: 20%; width: 218px; height: 64px; }
.floor-one .banner-detail .left-title-wrap { width: 70px; height: 64px; overflow: hidden; color: #FFF; text-align: center; display: table-cell; vertical-align: middle; }
.floor-one .banner-detail .left-title-wrap .left-title { display: inline-block; vertical-align: middle; line-height: 24px; font-size: 18px; width: 36px; overflow: hidden; text-overflow: ellipsis; }
.floor-one .banner-detail .right-title-wrap { left: 70px; top: 0; position: absolute; background: rgba(0, 0, 0, .6); overflow: hidden; width: 128px; height: 64px; color: #FFF; vertical-align: middle; }
.floor-one .banner-detail .right-title-wrap .right-title-absolute { margin-top: 8px; margin-left: 14px; }
.floor-one .banner-detail .right-title-wrap .right-title-absolute .right-title { overflow: hidden; display: block; width: 110px; text-overflow: ellipsis; white-space: nowrap; line-height: 24px; font-size: 18px; }

/* ================= 右侧商品卡片 ================= */
.floor-one .middle-column-con { margin-left: 245px; height: 650px !important; overflow: visible !important; box-sizing: border-box; padding-top: 1px; }

/* 1. 卡片外层容器 (锁定 320px) */
.floor-one .grid.one-grid-price { 
    float: left; 
    display: flex;
    flex-direction: column;
    width: 220px; 
    height: 320px !important; /* 精准固定高度 */
    margin: 0 25px 10px 0; 
    background-color: #fff; 
    border-radius: 8px; 
    box-shadow: 0 4px 12px rgba(0,0,0,0.06); 
    box-sizing: border-box; 
    transition: all 0.3s ease; 
    position: relative; 
}
.floor-one .grid.one-grid-price:nth-child(4n) { margin-right: 0; }
.floor-one .grid.one-grid-price:nth-child(n+5) { margin-bottom: 0; } /* 第二行不留底边距 */

/* 【悬浮动效】：整体上浮，影子加深，图片不缩放 */
.floor-one .grid.one-grid-price:hover { 
    box-shadow: 0 8px 24px rgba(0,0,0,0.12); 
    transform: translateY(-4px); 
}

.floor-one .floor-item-content-wrap { width: 100%; height: 100%; position: relative; border: none; padding: 0; display: flex; flex-direction: column; }

/* 2. 封面图区域 (完美 220x220) */
.floor-one .item-pic {
    display: block;
    width: 220px; 
    height: 220px; 
    margin: 0;
    padding: 0; 
    border-radius: 8px 8px 0 0;
    overflow: hidden;
    background-color: #f9f9f9;
    position: relative;
}
.floor-one .item-pic img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover; 
    margin: 0;
}

/* 3. 文本信息区域 (100px 完美容纳文字) */
.floor-one .item-info {
    padding: 12px 10px 15px 10px; 
    display: flex;
    flex-direction: column;
    flex: 1; /* 撑满剩余空间 */
    box-sizing: border-box;
}

/* 标题固定高度两行 */
.floor-one .item-name {
    height: 42px; 
    margin-bottom: 10px; 
    overflow: hidden;
    font-size: 14px; 
    color: #333; 
    line-height: 1.5; 
    text-align: left;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    word-break: break-all;
}

/* 标签样式 */
.floor-one .item-tag {
    display: inline-block;
    vertical-align: middle;
    font-size: 12px;
    line-height: 16px;
    height: 16px;
    padding: 0 4px;
    margin-right: 4px;
    margin-top: -2px; 
    border-radius: 2px;
    color: #fff;
}
.floor-one .tag-new { background-color: #00cfa7; }
.floor-one .tag-hot { background-color: #e4393c; }
.floor-one .tag-recommend { background-color: #f2a2ad; }

/* 价格与销量自动推到底部，确保每张卡片对齐 */
.floor-one .item-price {
    margin-top: auto; 
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    width: 100%;
    padding: 0;
}
.floor-one .price-text { font-size: 16px; font-weight: bold; color: #e4393c; text-align: left; }
.floor-one .sales-text { font-size: 12px; color: #999; }
.floor-one .sales-num { color: #e4393c; padding: 0 2px; font-weight: 500; }

/* 4. HOT 斜角标签 */
.floor-one .item-tag-hot {
    position: absolute;
    top: 0;
    right: 0;
    background: #f2a2ad;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    padding: 4px 14px;
    clip-path: polygon(20% 0, 100% 0, 100% 100%, 0 100%);
    z-index: 2;
    font-style: italic;
}

/* 骨架屏微调 */
.floor-one .skeleton-screen { background-color: #f0f3ef !important; }
.floor-one .item-pic.skeleton-screen { border-radius: 8px 8px 0 0; }
.floor-one .price-text.skeleton-screen, .floor-one .sales-text.skeleton-screen { display: inline-block; height: 16px; }

/* ================= 修复“浏览更多”按钮位置与样式 ================= */

/* ================= 强制修正“浏览更多”的定位和层级 ================= */

/* 1. 消除浮动干扰，作为定位基准 */
.floor-one .line-body {
    position: relative !important;
}

/* 2. 将按钮强制拉到顶部，并设置最高层级 */
.floor-one .hot-word-con {
    position: absolute !important;
    top: -38px !important; /* 使用负值强制上移，使其与左侧标题齐平 */
    right: 0 !important;
    z-index: 9999 !important; /* 最高层级，防止被任何卡片遮挡 */
    width: auto !important;
    text-align: right !important;
    line-height: 24px !important;
}

/* 3. 确保按钮文字样式不被污染 */
.floor-one .hot-word {
    display: inline-block !important;
    font-size: 14px !important;
    color: #999 !important;
    border: none !important;
    text-decoration: none !important;
    transition: color 0.3s !important;
}

.floor-one .hot-word:hover {
    color: #e4393c !important;
    text-decoration: none !important;
}

/* ================= 终极修复圆角细微黑线/锯齿 ================= */

/* 1. 右侧卡片图片 */
.floor-one .item-pic {
    background-color: #fff !important;
    border-radius: 8px 8px 0 0 !important;
    overflow: hidden !important;
    /* 开启强制3D渲染，消除抗锯齿边缘的杂色 */
    -webkit-transform: translate3d(0, 0, 0) !important;
    transform: translate3d(0, 0, 0) !important;
}

.floor-one .item-pic img {
    /* 关键：让图片自己也拥有和容器完全一致的圆角，减少裁剪依赖 */
    border-radius: 8px 8px 0 0 !important;
    /* 消除图片自身边缘的渲染缝隙 */
    outline: 1px solid transparent !important;
    -webkit-backface-visibility: hidden !important;
    backface-visibility: hidden !important;
}

/* 2. 左侧大图 */
.floor-one .big-banner-con-2 {
    background-color: #fff !important;
    border-radius: 8px !important;
    overflow: hidden !important;
    -webkit-transform: translate3d(0, 0, 0) !important;
    transform: translate3d(0, 0, 0) !important;
}

.floor-one .big-banner-con-2 img {
    border-radius: 8px !important;
    outline: 1px solid transparent !important;
    -webkit-backface-visibility: hidden !important;
    backface-visibility: hidden !important;
}

/* 3. 消除外层阴影可能在边缘产生的干扰（如不需要可删） */
.floor-one .grid.one-grid-price {
    box-shadow: 0 4px 12px rgba(0,0,0,0.05) !important; /* 稍微调淡一点点，让边缘更柔和 */
}