/* ==================== 商品推荐区域 ==================== */
.商品推荐区 {
    margin-top: 20px;
    padding: 20px;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    border-radius: 16px;
    color: white;
}

.推荐标题 {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 15px;
    text-align: center;
}

.推荐商品列表 {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.推荐商品卡片 {
    background: rgba(255, 255, 255, 0.95);
    border-radius: 12px;
    padding: 15px;
    color: #333;
    transition: transform 0.3s ease;
}

.推荐商品卡片:active {
    transform: scale(0.98);
}

.商品图片 {
    width: 100%;
    height: 150px;
    object-fit: cover;
    border-radius: 8px;
    margin-bottom: 10px;
}

.商品名称 {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 8px;
    color: #333;
}

.商品描述 {
    font-size: 13px;
    color: #666;
    margin-bottom: 10px;
    line-height: 1.5;
}

.商品价格区 {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 10px;
}

.商品现价 {
    font-size: 20px;
    font-weight: bold;
    color: #ff4757;
}

.商品原价 {
    font-size: 14px;
    color: #999;
    text-decoration: line-through;
}

.商品标签 {
    display: inline-block;
    padding: 3px 8px;
    background: #ff4757;
    color: white;
    border-radius: 4px;
    font-size: 11px;
    margin-left: 5px;
}

.商品按钮 {
    width: 100%;
    padding: 12px;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: white;
    border: none;
    border-radius: 8px;
    font-size: 15px;
    font-weight: bold;
    cursor: pointer;
    transition: opacity 0.3s ease;
}

.商品按钮:active {
    opacity: 0.8;
}

/* ==================== 排行榜区域 ==================== */
.排行榜区 {
    margin: 20px auto;
    padding: 20px;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    border-radius: 16px;
    box-shadow: 0 8px 24px rgba(102, 126, 234, 0.3);
    color: #fff;
    max-width: 500px;
}

.排行榜标题 {
    text-align: center;
    font-size: 22px;
    font-weight: bold;
    margin-bottom: 20px;
    color: #fff;
    text-shadow: 0 2px 4px rgba(0,0,0,0.2);
}

.排行榜卡片 {
    background: rgba(255, 255, 255, 0.95);
    color: #333;
    padding: 15px;
    border-radius: 12px;
    margin-bottom: 15px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
    display: flex;
    align-items: center;
}

.排名数字 {
    font-size: 48px;
    font-weight: bold;
    margin-bottom: 10px;
}

.排名文案 {
    font-size: 16px;
    margin-bottom: 5px;
}

.排名百分比 {
    font-size: 14px;
    opacity: 0.9;
}

.分享按钮组 {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.分享按钮 {
    padding: 12px;
    border: none;
    border-radius: 8px;
    font-size: 15px;
    font-weight: bold;
    cursor: pointer;
    transition: opacity 0.3s ease;
}

.分享按钮:active {
    opacity: 0.8;
}

.分享按钮.朋友圈 {
    background: #07c160;
    color: white;
}

.分享按钮.微信好友 {
    background: #2db84d;
    color: white;
}

.分享按钮.生成海报 {
    background: #667eea;
    color: white;
}

/* ==================== 优惠券区域 ==================== */
.优惠券区 {
    margin-top: 20px;
    padding: 20px;
    background: linear-gradient(135deg, #ffecd2 0%, #fcb69f 100%);
    border-radius: 16px;
}

.优惠券标题 {
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 15px;
    color: #333;
}

.优惠券卡片 {
    background: white;
    border-radius: 12px;
    padding: 15px;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    gap: 15px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.优惠券金额 {
    font-size: 32px;
    font-weight: bold;
    color: #ff4757;
    min-width: 80px;
    text-align: center;
}

.优惠券金额 span {
    font-size: 16px;
}

.优惠券信息 {
    flex: 1;
}

.优惠券名称 {
    font-size: 15px;
    font-weight: bold;
    margin-bottom: 5px;
    color: #333;
}

.优惠券条件 {
    font-size: 12px;
    color: #666;
    margin-bottom: 3px;
}

.优惠券有效期 {
    font-size: 11px;
    color: #999;
}

.优惠券按钮 {
    padding: 8px 16px;
    background: #ff4757;
    color: white;
    border: none;
    border-radius: 6px;
    font-size: 13px;
    font-weight: bold;
    cursor: pointer;
    transition: opacity 0.3s ease;
}

.优惠券按钮:active {
    opacity: 0.8;
}

.优惠券按钮.已领取 {
    background: #999;
    cursor: not-allowed;
}

.优惠券码 {
    margin-top: 10px;
    padding: 10px;
    background: #f5f5f5;
    border-radius: 6px;
    text-align: center;
    font-family: monospace;
    font-size: 16px;
    font-weight: bold;
    color: #ff4757;
    letter-spacing: 2px;
}

/* ==================== 企微跳转按钮 ==================== */
.企微按钮区 {
    margin-top: 20px;
    text-align: center;
}

.企微按钮 {
    display: inline-block;
    padding: 15px 30px;
    background: linear-gradient(135deg, #07c160 0%, #2db84d 100%);
    color: white;
    border: none;
    border-radius: 12px;
    font-size: 16px;
    font-weight: bold;
    cursor: pointer;
    text-decoration: none;
    transition: opacity 0.3s ease;
    box-shadow: 0 4px 12px rgba(7, 193, 96, 0.3);
}

.企微按钮:active {
    opacity: 0.8;
}

.企微按钮图标 {
    margin-right: 8px;
}

/* ==================== 响应式适配 ==================== */
@media (max-width: 375px) {
    .商品推荐区,
    .排行榜区,
    .优惠券区 {
        padding: 15px;
    }
    
    .排名数字 {
        font-size: 40px;
    }
    
    .优惠券金额 {
        font-size: 28px;
        min-width: 70px;
    }
}


/* ==================== v3 带货区横向滑动 ==================== */
.带货横向滑动 {
    display: flex;
    flex-direction: row;
    gap: 12px;
    overflow-x: auto;
    padding: 2px 4px 14px;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
}
.带货横向滑动::-webkit-scrollbar { display: none; }

.带货横向滑动 .推荐产品卡片 {
    flex: 0 0 180px;
    scroll-snap-align: start;
    border-radius: 14px;
    overflow: hidden;
    box-shadow: 0 3px 12px rgba(0,0,0,0.08);
    background: #fff;
    transition: transform 0.2s ease;
}
.带货横向滑动 .推荐产品卡片:active { transform: scale(0.97); }

.带货横向滑动 .商品图片 {
    width: 100%;
    height: 110px;
    object-fit: cover;
    border-radius: 0;
    margin: 0;
}
.带货横向滑动 .商品名称 {
    font-size: 14px;
    font-weight: 600;
    padding: 10px 12px 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.带货横向滑动 .商品描述 {
    font-size: 11px;
    color: #999;
    padding: 4px 12px 0;
    line-height: 1.4;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.带货横向滑动 .商品价格区 {
    padding: 8px 12px 0;
    display: flex;
    align-items: baseline;
    gap: 6px;
}
.带货横向滑动 .商品现价 {
    font-size: 20px;
    font-weight: 800;
    color: #ff4757;
}
.带货横向滑动 .商品原价 {
    font-size: 13px;
    color: #bbb;
    text-decoration: line-through;
}
.带货横向滑动 .商品购买按钮 {
    width: calc(100% - 24px);
    margin: 10px 12px 12px;
    padding: 10px;
    border: none;
    border-radius: 10px;
    background: linear-gradient(135deg, #667eea, #764ba2);
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
}

/* ==================== v3 企微客服按钮（带货区） ==================== */
.客服咨询按钮 {
    display: block;
    width: calc(100% - 32px);
    margin: 4px auto 10px;
    padding: 13px;
    border: none;
    border-radius: 12px;
    background: #07c160;
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    cursor: pointer;
    box-shadow: 0 4px 12px rgba(7,193,96,0.25);
    text-align: center;
}
.客服咨询按钮:active { opacity: 0.85; }


/* ===== 1:1还原 v3原型样式 ===== */
.页面 { max-width: 420px; margin: 0 auto; background: #fff; min-height: 100vh; position: relative; padding-bottom: 55px; }
.分数区 { background: linear-gradient(160deg, #667eea 0%, #764ba2 100%); padding: 18px 16px 22px; text-align: center; color: #fff; border-radius: 0 0 20px 20px; }
.分数区 .顶行 { display: flex; align-items: center; justify-content: center; gap: 8px; }
.分数区 .徽章 { font-size: 26px; }
.分数区 .类型 { font-size: 17px; font-weight: 700; }
.分数区 .副标题 { font-size: 11px; opacity: 0.8; margin-top: 2px; }
.分数区 .数行 { display: flex; align-items: baseline; justify-content: center; gap: 4px; margin-top: 6px; }
.分数区 .大数字 { font-size: 40px; font-weight: 800; line-height: 1; }
.分数区 .总分 { font-size: 14px; opacity: 0.8; }
.分数区 .评价 { display: inline-block; background: rgba(255,255,255,0.18); padding: 4px 14px; border-radius: 16px; font-size: 12px; margin-top: 6px; }
.解锁成功 { margin: 10px 16px 0; background: linear-gradient(135deg, #f0fff4, #e6ffe9); border: 1px solid #b7f5c9; border-radius: 12px; padding: 10px 14px; text-align: center; }
.解锁成功 .文字 { font-size: 13px; color: #1a7f37; font-weight: 600; }
.结果内容 { padding: 12px 16px 0; }
.诊断卡 { background: #fff; border-radius: 14px; padding: 15px 14px; margin-bottom: 10px; box-shadow: 0 3px 12px rgba(0,0,0,0.05); }
.诊断卡 h3 { font-size: 14px; color: #333; margin-bottom: 8px; display: flex; align-items: center; gap: 6px; }
.诊断卡 p { font-size: 13px; color: #555; line-height: 1.7; }
.诊断卡 .观点 { color: #667eea; }
.诊断卡 .问题 { color: #e67e22; }
.诊断卡 .行动 { color: #ff4757; }
.诊断卡 ul { padding-left: 16px; }
.诊断卡 li { font-size: 13px; color: #555; line-height: 1.7; }
.带货区 { padding: 4px 0 0; }
.带货标题 { font-size: 15px; font-weight: 700; color: #333; margin: 12px 16px 10px; display: flex; align-items: center; gap: 6px; }
.带货滑动 { display: flex !important; flex-direction: row !important; gap: 10px; overflow-x: auto; padding: 2px 16px 12px; scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch; }
.带货滑动::-webkit-scrollbar { display: none; }
.带货卡片 { flex: 0 0 170px; scroll-snap-align: start; background: #fff; border-radius: 14px; overflow: hidden; box-shadow: 0 3px 12px rgba(0,0,0,0.08); }
.带货卡片 .图 { height: 100px; background: linear-gradient(135deg, #e8e0f7 0%, #f7e8f0 100%); display: flex; align-items: center; justify-content: center; font-size: 40px; }
.带货卡片 .体 { padding: 10px 12px; }
.带货卡片 .名 { font-size: 13px; font-weight: 600; color: #333; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.带货卡片 .描 { font-size: 10px; color: #999; margin: 4px 0 6px; line-height: 1.4; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.带货卡片 .价行 { display: flex; align-items: baseline; gap: 5px; margin-bottom: 8px; }
.带货卡片 .现价 { font-size: 18px; font-weight: 800; color: #ff4757; }
.带货卡片 .原价 { font-size: 12px; color: #bbb; text-decoration: line-through; }
.带货卡片 .购买 { width: 100%; padding: 9px; border: none; border-radius: 8px; background: linear-gradient(135deg, #667eea, #764ba2); color: #fff; font-size: 13px; font-weight: 600; cursor: pointer; }
.企微按钮 { display: block; width: calc(100% - 32px); margin: 0 auto 4px; padding: 12px; border: none; border-radius: 10px; background: #07c160; color: #fff; font-size: 14px; font-weight: 600; cursor: pointer; box-shadow: 0 3px 10px rgba(7,193,96,0.22); }
.企微按钮::before { content: "\f4ac "; }
.免责声明 { padding: 10px 16px; text-align: center; }
.免责声明 p { font-size: 10px; color: #bbb; line-height: 1.8; }
.分享区 { padding: 0 16px; }
.分享按钮 { width: 100%; padding: 13px; border: none; border-radius: 10px; background: linear-gradient(135deg, #667eea, #764ba2); color: #fff; font-size: 14px; font-weight: 600; cursor: pointer; }
.分享提示 { text-align: center; font-size: 12px; color: #ff4757; font-weight: 600; margin-top: 8px; }
.锁定券 { margin: 10px 16px 0; background: linear-gradient(135deg, #fff5f5, #fff); border: 2px dashed #ffb3b3; border-radius: 12px; padding: 14px; text-align: center; }
.锁定券 .券金额 { font-size: 30px; font-weight: 800; color: #ff4757; }
.锁定券 .券金额 small { font-size: 15px; }
.锁定券 .券说明 { font-size: 11px; color: #999; margin-top: 5px; }
.锁定券 .券提示 { font-size: 10px; color: #ccc; margin-top: 3px; }
.重测 { display: block; margin: 16px auto; padding: 10px 36px; border: 1px solid #ddd; border-radius: 22px; background: #fff; color: #666; font-size: 13px; cursor: pointer; }
/* 强制覆盖老的 .推荐产品列表 样式 */
.推荐产品列表 { display: flex !important; flex-direction: row !important; gap: 10px !important; overflow-x: auto !important; padding: 2px 16px 12px !important; scroll-snap-type: x mandatory !important; -webkit-overflow-scrolling: touch !important; }
.推荐产品列表::-webkit-scrollbar { display: none !important; }
.推荐产品卡片 { flex: 0 0 170px !important; scroll-snap-align: start !important; background: #fff !important; border-radius: 14px !important; overflow: hidden !important; box-shadow: 0 3px 12px rgba(0,0,0,0.08) !important; }


/* 1to1 v3 prototype styles */
.分数区{background:linear-gradient(160deg,#667eea 0%,#764ba2 100%);padding:18px 16px 22px;text-align:center;color:#fff;border-radius:0 0 20px 20px;}
.分数区 .顶行{display:flex;align-items:center;justify-content:center;gap:8px;}
.分数区 .徽章{font-size:26px;}
.分数区 .类型{font-size:17px;font-weight:700;}
.分数区 .副标题{font-size:11px;opacity:.8;margin-top:2px;}
.分数区 .数行{display:flex;align-items:baseline;justify-content:center;gap:4px;margin-top:6px;}
.分数区 .大数字{font-size:40px;font-weight:800;line-height:1;}
.分数区 .总分{font-size:14px;opacity:.8;}
.分数区 .评价{display:inline-block;background:rgba(255,255,255,.18);padding:4px 14px;border-radius:16px;font-size:12px;margin-top:6px;}
.解锁成功{margin:10px 16px 0;background:linear-gradient(135deg,#f0fff4,#e6ffe9);border:1px solid #b7f5c9;border-radius:12px;padding:10px 14px;text-align:center;}
.解锁成功 .文字{font-size:13px;color:#1a7f37;font-weight:600;}
.结果内容{padding:12px 16px 0;}
.诊断卡{background:#fff;border-radius:14px;padding:15px 14px;margin-bottom:10px;box-shadow:0 3px 12px rgba(0,0,0,.05);}
.诊断卡 h3{font-size:14px;color:#333;margin-bottom:8px;display:flex;align-items:center;gap:6px;}
.诊断卡 p{font-size:13px;color:#555;line-height:1.7;}
.诊断卡 .观点{color:#667eea;}
.诊断卡 .问题{color:#e67e22;}
.诊断卡 .行动{color:#ff4757;}
.诊断卡 ul{padding-left:16px;}
.诊断卡 li{font-size:13px;color:#555;line-height:1.7;}
.带货区{padding:4px 0 0;}
.带货标题{font-size:15px;font-weight:700;color:#333;margin:12px 16px 10px;display:flex;align-items:center;gap:6px;}
.带货滑动{display:flex !important;flex-direction:row !important;gap:10px;overflow-x:auto;padding:2px 16px 12px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;}
.带货滑动::-webkit-scrollbar{display:none;}
.带货卡片{flex:0 0 170px;scroll-snap-align:start;background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 3px 12px rgba(0,0,0,.08);}
.带货卡片 .图{height:100px;background:linear-gradient(135deg,#e8e0f7 0%,#f7e8f0 100%);display:flex;align-items:center;justify-content:center;font-size:40px;}
.带货卡片 .体{padding:10px 12px;}
.带货卡片 .名{font-size:13px;font-weight:600;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.带货卡片 .描{font-size:10px;color:#999;margin:4px 0 6px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.带货卡片 .价行{display:flex;align-items:baseline;gap:5px;margin-bottom:8px;}
.带货卡片 .现价{font-size:18px;font-weight:800;color:#ff4757;}
.带货卡片 .原价{font-size:12px;color:#bbb;text-decoration:line-through;}
.带货卡片 .购买{width:100%;padding:9px;border:none;border-radius:8px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:13px;font-weight:600;cursor:pointer;}
.企微按钮{display:block;width:calc(100% - 32px);margin:0 auto 4px;padding:12px;border:none;border-radius:10px;background:#07c160;color:#fff;font-size:14px;font-weight:600;cursor:pointer;box-shadow:0 3px 10px rgba(7,193,96,.22);}
.免责声明{padding:10px 16px;text-align:center;}
.免责声明 p{font-size:10px;color:#bbb;line-height:1.8;}
.分享区{padding:0 16px;}
.分享按钮{width:100%;padding:13px;border:none;border-radius:10px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:14px;font-weight:600;cursor:pointer;}
.分享提示{text-align:center;font-size:12px;color:#ff4757;font-weight:600;margin-top:8px;}
.锁定券{margin:10px 16px 0;background:linear-gradient(135deg,#fff5f5,#fff);border:2px dashed #ffb3b3;border-radius:12px;padding:14px;text-align:center;}
.锁定券 .券金额{font-size:30px;font-weight:800;color:#ff4757;}
.锁定券 .券金额 small{font-size:15px;}
.锁定券 .券说明{font-size:11px;color:#999;margin-top:5px;}
.锁定券 .券提示{font-size:10px;color:#ccc;margin-top:3px;}
.重测{display:block;margin:16px auto;padding:10px 36px;border:1px solid #ddd;border-radius:22px;background:#fff;color:#666;font-size:13px;cursor:pointer;}
.推荐产品列表{display:flex !important;flex-direction:row !important;gap:10px !important;overflow-x:auto !important;padding:2px 16px 12px !important;scroll-snap-type:x mandatory !important;-webkit-overflow-scrolling:touch !important;}
.推荐产品列表::-webkit-scrollbar{display:none !important;}
.推荐产品卡片{flex:0 0 170px !important;scroll-snap-align:start !important;background:#fff !important;border-radius:14px !important;overflow:hidden !important;box-shadow:0 3px 12px rgba(0,0,0,.08) !important;}

/* ========== v10 1:1 强制覆盖（按 HTML 实际 class 名字）========== */

/* 顶端：结果头部（图标+标题+副标题）→ 渐变深紫 */
.结果内容 { padding: 0 !important; }
.结果头部 {
    background: linear-gradient(160deg, #667eea 0%, #764ba2 100%) !important;
    color: #fff !important;
    text-align: center !important;
    padding: 20px 16px 24px !important;
    border-radius: 0 0 24px 24px !important;
    margin: 0 !important;
    box-shadow: none !important;
}
.结果头部 .结果徽章 { background: rgba(255,255,255,0.18) !important; width: 38px !important; height: 38px !important; margin: 0 auto 6px !important; }
.结果头部 .结果徽章 #结果图标 { font-size: 22px !important; line-height: 38px !important; }
.结果头部 .结果主标题 { color: #fff !important; font-size: 17px !important; font-weight: 700 !important; margin: 0 !important; }
.结果头部 .结果副标题 { color: rgba(255,255,255,0.85) !important; font-size: 11px !important; margin: 4px 0 0 !important; }

/* 分数卡片：也用渐变紫 */
.分数卡片 {
    background: linear-gradient(160deg, #667eea 0%, #764ba2 100%) !important;
    margin: 0 !important;
    padding: 6px 16px 18px !important;
    text-align: center !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    color: #fff !important;
}
.分数圆环 { width: 88px !important; height: 88px !important; margin: 0 auto !important; }
.分数圆环 svg { width: 88px !important; height: 88px !important; }
.分数圆环底 { stroke: rgba(255,255,255,0.25) !important; }
.分数圆环进度 { stroke: #fff !important; }
.分数数字 { color: #fff !important; }
.分数数字 #分数值 { font-size: 30px !important; color: #fff !important; }
.分数数字 .分数总分 { color: rgba(255,255,255,0.8) !important; font-size: 13px !important; }
.分数评价 { color: #fff !important; background: rgba(255,255,255,0.18) !important; display: inline-block !important; padding: 4px 14px !important; border-radius: 16px !important; font-size: 12px !important; margin: 6px 0 0 !important; }

/* 解锁成功：紧凑小条 */
.解锁成功区 {
    margin: 10px 16px 0 !important;
    padding: 0 !important;
    background: transparent !important;
}
.解锁成功区 .成功卡片 {
    background: linear-gradient(135deg, #f0fff4 0%, #e6ffe9 100%) !important;
    border: 1px solid #b7f5c9 !important;
    border-radius: 12px !important;
    padding: 10px 14px !important;
    text-align: center !important;
    box-shadow: none !important;
    animation: none !important;
}
.解锁成功区 .成功卡片 .成功图标 { display: none !important; }
.解锁成功区 .成功卡片 h3 { font-size: 13px !important; color: #1a7f37 !important; font-weight: 600 !important; margin: 0 0 2px !important; }
.解锁成功区 .成功卡片 .成功主文案 { font-size: 12px !important; color: #2d8a4e !important; margin: 0 !important; }
.解锁成功区 .成功卡片 .成功小提示 { display: none !important; }

/* 诊断卡（解锁后 4 张） */
.观点卡片, .问题卡片, .方案卡片, .行动卡片 {
    background: #fff !important;
    border-radius: 14px !important;
    padding: 14px 14px !important;
    margin: 10px 16px !important;
    box-shadow: 0 3px 12px rgba(0,0,0,0.05) !important;
    border: none !important;
}
.观点卡片 .卡片标题, .问题卡片 .卡片标题, .方案卡片 .卡片标题, .行动卡片 .卡片标题 { font-size: 14px !important; color: #333 !important; margin: 0 0 6px !important; }
.观点列表 p, .问题列表 p, .方案列表 p, .行动内容 { font-size: 13px !important; color: #555 !important; line-height: 1.7 !important; margin: 4px 0 !important; }
.观点列表 p::before { content: "✓ " !important; color: #667eea !important; font-weight: 700 !important; }
.问题列表 p::before { content: "• " !important; color: #e67e22 !important; font-weight: 700 !important; }
.方案列表 p::before { content: "→ " !important; color: #27ae60 !important; font-weight: 700 !important; }

/* 推荐专区（带货区） */
.推荐专区 {
    margin: 14px 0 0 !important;
    padding: 0 !important;
    background: linear-gradient(135deg, #fff5f7 0%, #f7e8f0 100%) !important;
    border-radius: 16px !important;
    padding: 12px 0 14px !important;
}
.推荐标题 { font-size: 15px !important; font-weight: 700 !important; color: #c2185b !important; margin: 0 16px 10px !important; display: block !important; }
.推荐产品列表 {
    display: flex !important;
    flex-direction: row !important;
    gap: 10px !important;
    overflow-x: auto !important;
    padding: 0 16px 6px !important;
    scroll-snap-type: x mandatory !important;
    -webkit-overflow-scrolling: touch !important;
}
.推荐产品列表::-webkit-scrollbar { display: none !important; }
.推荐产品卡片 {
    flex: 0 0 170px !important;
    scroll-snap-align: start !important;
    background: #fff !important;
    border-radius: 14px !important;
    padding: 12px !important;
    margin: 0 !important;
    box-shadow: 0 3px 12px rgba(0,0,0,0.08) !important;
    border: none !important;
    position: relative !important;
    overflow: hidden !important;
}
.推荐产品卡片 .产品类型标签 { position: absolute !important; top: 8px !important; right: 8px !important; background: linear-gradient(135deg,#ff4757,#ff6b81) !important; color: #fff !important; font-size: 10px !important; padding: 2px 8px !important; border-radius: 10px !important; }
.推荐产品卡片 .产品标题 { font-size: 14px !important; font-weight: 700 !important; color: #333 !important; margin: 18px 0 6px !important; line-height: 1.4 !important; }
.推荐产品卡片 .产品描述 { font-size: 11px !important; color: #888 !important; line-height: 1.5 !important; margin: 0 0 8px !important; }
.推荐产品卡片 .产品行动 { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 6px !important; }
.推荐产品卡片 .产品限时 { background: #fff5f5 !important; color: #ff4757 !important; font-size: 10px !important; padding: 3px 8px !important; border-radius: 4px !important; border: none !important; }
.推荐产品卡片 .产品按钮 { background: linear-gradient(135deg,#667eea,#764ba2) !important; color: #fff !important; border: none !important; padding: 6px 10px !important; border-radius: 8px !important; font-size: 11px !important; cursor: pointer !important; }

/* 客服按钮（result.js 挂的） */
.客服咨询按钮 {
    display: block !important;
    width: calc(100% - 32px) !important;
    margin: 12px auto 0 !important;
    padding: 12px !important;
    background: #07c160 !important;
    color: #fff !important;
    border: none !important;
    border-radius: 10px !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    cursor: pointer !important;
    box-shadow: 0 3px 10px rgba(7,193,96,0.22) !important;
}

/* 免责声明 */
.免责声明 { padding: 8px 16px 14px !important; text-align: center !important; }
.免责声明 p { font-size: 10px !important; color: #bbb !important; line-height: 1.8 !important; margin: 1px 0 !important; }

/* ========== v11 带货区优化 ========== */
.推荐专区 {
    background: linear-gradient(135deg, #fff0f5 0%, #ffe8d6 100%) !important;
    padding: 14px 0 16px !important;
    margin: 14px 0 0 !important;
    border-radius: 20px !important;
    box-shadow: 0 4px 16px rgba(255,105,135,0.10) !important;
}
.推荐标题 {
    font-size: 18px !important;
    font-weight: 800 !important;
    color: #c2185b !important;
    margin: 0 16px 12px !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
}
.推荐标题::before {
    content: '' !important;
    display: inline-block !important;
    width: 4px !important;
    height: 18px !important;
    background: linear-gradient(180deg, #ff4757, #ff6b81) !important;
    border-radius: 2px !important;
}
.推荐产品列表 {
    display: flex !important;
    flex-direction: row !important;
    gap: 12px !important;
    overflow-x: auto !important;
    padding: 0 16px 8px !important;
    scroll-snap-type: x mandatory !important;
    align-items: stretch !important;
}
.推荐产品列表::-webkit-scrollbar { display: none !important; }
.推荐产品卡片 {
    flex: 0 0 200px !important;
    width: 200px !important;
    height: 200px !important;
    min-height: 200px !important;
    max-height: 200px !important;
    background: #fff !important;
    border-radius: 16px !important;
    padding: 14px 14px 12px !important;
    box-shadow: 0 4px 16px rgba(0,0,0,0.08) !important;
    border: 1px solid rgba(255,71,87,0.06) !important;
    position: relative !important;
    display: flex !important;
    flex-direction: column !important;
    box-sizing: border-box !important;
    scroll-snap-align: start !important;
}
.推荐产品卡片 .产品类型标签 {
    position: absolute !important;
    top: 10px !important;
    right: 10px !important;
    background: linear-gradient(135deg, #ff4757, #ff6b81) !important;
    color: #fff !important;
    font-size: 10px !important;
    padding: 3px 8px !important;
    border-radius: 10px !important;
    font-weight: 600 !important;
    line-height: 1.2 !important;
}
.推荐产品卡片 .产品标题 {
    font-size: 14px !important;
    font-weight: 700 !important;
    color: #333 !important;
    margin: 0 0 4px !important;
    line-height: 1.3 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}
.推荐产品卡片 .产品描述 {
    font-size: 11px !important;
    color: #888 !important;
    line-height: 1.5 !important;
    margin: 0 0 8px !important;
    flex: 1 !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
}
.推荐产品卡片 .产品行动 {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 6px !important;
    margin-top: auto !important;
}
.推荐产品卡片 .产品限时 {
    background: #fff5f5 !important;
    color: #ff4757 !important;
    font-size: 10px !important;
    padding: 3px 8px !important;
    border-radius: 6px !important;
    font-weight: 600 !important;
}
.推荐产品卡片 .产品按钮 {
    background: linear-gradient(135deg, #667eea, #764ba2) !important;
    color: #fff !important;
    border: none !important;
    padding: 7px 12px !important;
    border-radius: 8px !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    cursor: pointer !important;
}

/* ========== v15 1:1 对齐原型 ========== */

/* ① 顶部：去掉圆环，改为原型"大数字"式 */
.结果头部 {
    padding: 18px 16px 22px !important;
    text-align: center !important;
}
.结果头部 .结果徽章 {
    display: inline-block !important;
    width: auto !important;
    height: auto !important;
    margin: 0 6px 0 0 !important;
    background: none !important;
    vertical-align: middle !important;
}
.结果头部 .结果徽章 #结果图标 { font-size: 24px !important; line-height: 1 !important; }
.结果头部 .结果主标题 {
    display: inline-block !important;
    font-size: 17px !important;
    font-weight: 700 !important;
    color: #fff !important;
    vertical-align: middle !important;
    margin: 0 !important;
}
.结果头部 .结果副标题 {
    font-size: 11px !important;
    opacity: 0.85 !important;
    margin: 6px 0 0 !important;
}
.分数卡片 {
    padding: 0 16px 20px !important;
    margin: 0 !important;
    background: transparent !important;
    background-image: none !important;
}
.分数圆环 {
    width: auto !important;
    height: auto !important;
    display: block !important;
    margin: 0 auto !important;
}
.分数圆环 svg { display: none !important; }
.分数数字 {
    display: block !important;
    margin: 4px 0 0 !important;
    text-align: center !important;
}
.分数数字 #分数值 {
    font-size: 40px !important;
    font-weight: 800 !important;
    color: #fff !important;
    line-height: 1 !important;
}
.分数数字 .分数总分 {
    font-size: 14px !important;
    color: rgba(255,255,255,0.8) !important;
}
.分数评价 {
    display: inline-block !important;
    background: rgba(255,255,255,0.18) !important;
    color: #fff !important;
    padding: 4px 14px !important;
    border-radius: 16px !important;
    font-size: 12px !important;
    margin: 8px auto 0 !important;
}

/* ② 报告文字颜色：观点蓝紫 / 问题橙 / 行动红（对齐原型） */
.观点列表 .观点项 { color: #667eea !important; }
.问题列表 .问题项 { color: #e67e22 !important; }
.行动内容 { color: #ff4757 !important; }

/* ③ 卡片文字层级（对齐原型） */
.观点卡片 .卡片标题, .问题卡片 .卡片标题, .方案卡片 .卡片标题 {
    font-size: 14px !important;
    color: #333 !important;
    font-weight: 700 !important;
    margin: 0 0 8px !important;
}
.方案列表 .方案项 { color: #555 !important; }

/* ④ 带货区：图区+价格（对齐原型卡片结构） */
.推荐产品卡片 {
    height: 190px !important;
    min-height: 190px !important;
    max-height: 190px !important;
    padding: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    overflow: hidden !important;
}
.推荐产品卡片 .产品图区 {
    height: 80px !important;
    background: linear-gradient(135deg, #e8e0f7 0%, #f7e8f0 100%) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 34px !important;
    flex-shrink: 0 !important;
}
.推荐产品卡片 .产品图区 img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}
.推荐产品卡片 .产品体 {
    padding: 8px 10px 10px !important;
    flex: 1 !important;
    display: flex !important;
    flex-direction: column !important;
}
.推荐产品卡片 .产品标题 {
    font-size: 13px !important;
    font-weight: 600 !important;
    margin: 0 0 3px !important;
}
.推荐产品卡片 .产品描述 {
    font-size: 10px !important;
    margin: 0 0 4px !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
}
.推荐产品卡片 .价行 {
    display: flex !important;
    align-items: baseline !important;
    gap: 5px !important;
    margin: auto 0 6px !important;
}
.推荐产品卡片 .现价 {
    font-size: 17px !important;
    font-weight: 800 !important;
    color: #ff4757 !important;
}
.推荐产品卡片 .原价 {
    font-size: 11px !important;
    color: #bbb !important;
    text-decoration: line-through !important;
}
.推荐产品卡片 .产品行动 {
    margin-top: 0 !important;
}

/* ====== v17 精准修复 3 问题 ====== */

/* 问题1: 顶部 .结果头部 强制深紫渐变 + 白字 + 圆角融合 */
.结果内容 {
    background: transparent !important;
    padding: 0 !important;
    margin: 0 !important;
    border-radius: 0 !important;
}
.结果头部 {
    background: linear-gradient(160deg, #667eea 0%, #764ba2 100%) !important;
    color: #fff !important;
    text-align: center !important;
    padding: 24px 16px 4px !important;
    border-radius: 22px 22px 0 0 !important;
    margin: 16px 16px 0 !important;
    box-shadow: 0 8px 24px rgba(102, 126, 234, 0.25) !important;
}
.结果头部 .结果徽章 {
    background: rgba(255,255,255,0.2) !important;
    width: 40px !important;
    height: 40px !important;
    border-radius: 50% !important;
    margin: 0 auto 6px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}
.结果头部 .结果徽章 #结果图标,
.结果头部 .结果徽章 span {
    font-size: 22px !important;
    line-height: 1 !important;
    background: transparent !important;
    color: #fff !important;
}
.结果头部 .结果主标题 {
    color: #fff !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    margin: 0 !important;
}
.结果头部 .结果副标题 {
    color: rgba(255,255,255,0.85) !important;
    font-size: 12px !important;
    margin: 2px 0 0 !important;
}
.分数卡片 {
    background: linear-gradient(160deg, #667eea 0%, #764ba2 100%) !important;
    margin: 0 16px !important;
    border-radius: 0 0 22px 22px !important;
    padding: 4px 16px 20px !important;
    color: #fff !important;
    box-shadow: 0 8px 24px rgba(102, 126, 234, 0.25) !important;
}
.分数圆环 { display: none !important; }  /* 隐藏圆环，纯数字 */
.分数数字 {
    color: #fff !important;
    font-size: 36px !important;
    font-weight: 800 !important;
    text-align: center !important;
}
.分数数字 #分数值 { color: #fff !important; font-size: 36px !important; font-weight: 800 !important; }
.分数数字 .分数总分 { color: rgba(255,255,255,0.75) !important; font-size: 14px !important; }
.分数评价 {
    color: #fff !important;
    background: rgba(255,255,255,0.18) !important;
    display: inline-block !important;
    padding: 4px 14px !important;
    border-radius: 16px !important;
    font-size: 12px !important;
    margin: 6px 0 0 !important;
}

/* 问题2: 报告文字彩色（观点/问题/方案/行动） */
.观点列表, .观点列表 *, .观点列表 p, .观点列表 div {
    color: #667eea !important;
}
.问题列表, .问题列表 *, .问题列表 p, .问题列表 div {
    color: #e67e22 !important;
}
.方案列表, .方案列表 *, .方案列表 p, .方案列表 div {
    color: #27ae60 !important;
}
.行动内容, .行动内容 *, p.行动内容 {
    color: #ff4757 !important;
}
.观点列表, .问题列表, .方案列表, .行动内容 {
    font-size: 13px !important;
    line-height: 1.8 !important;
    padding-left: 0 !important;
}
.观点列表 p, .观点列表 div,
.问题列表 p, .问题列表 div,
.方案列表 p, .方案列表 div,
.行动内容 {
    margin: 6px 0 !important;
}

/* 问题3: 滑动 - 卡片加大 + padding-right 留出可滑空间 */
.推荐产品列表 {
    display: flex !important;
    flex-direction: row !important;
    gap: 12px !important;
    overflow-x: auto !important;
    padding: 0 16px 8px 16px !important;
    scroll-snap-type: x mandatory !important;
    -webkit-overflow-scrolling: touch !important;
}
.推荐产品列表::-webkit-scrollbar { display: none !important; }
.推荐产品卡片 {
    flex: 0 0 240px !important;
    width: 240px !important;
    min-width: 240px !important;
    background: #fff !important;
    border-radius: 16px !important;
    padding: 14px !important;
    box-shadow: 0 4px 16px rgba(0,0,0,0.08) !important;
    border: 1px solid rgba(255,71,87,0.06) !important;
    position: relative !important;
    box-sizing: border-box !important;
    scroll-snap-align: start !important;
    margin: 0 !important;
}

/* ====== v19 精准修复 5 问题 ====== */

/* 问题1: 分数显示 - 只隐藏SVG圆环，保留数字（v17错误地藏了整个容器） */
.分数圆环 { display: block !important; position: relative !important; width: auto !important; height: auto !important; background: transparent !important; box-shadow: none !important; }
.分数圆环 svg { display: none !important; }
.分数数字 { position: static !important; top: auto !important; left: auto !important; transform: none !important; text-align: center !important; margin: 8px 0 0 !important; }
.分数数字 span:first-child { font-size: 44px !important; font-weight: 800 !important; color: #fff !important; }
.分数数字 .分数总分 { font-size: 15px !important; color: rgba(255,255,255,0.75) !important; }

/* 问题2: 方案列表文字强制绿色 */
.方案卡片 .方案列表,
.方案卡片 .方案列表 p,
.方案卡片 .方案列表 .方案项,
.方案列表, .方案列表 p, .方案列表 .方案项,
#解决方案列表, #解决方案列表 p, #解决方案列表 .方案项 {
    color: #27ae60 !important;
}

/* 问题3: 顶部颜色统一 - .结果内容整块渐变，头部/分数卡透明 */
.结果内容 {
    background: linear-gradient(160deg, #667eea 0%, #764ba2 100%) !important;
    padding: 0 !important;
    margin: 16px !important;
    border-radius: 22px !important;
    overflow: hidden !important;
}
.结果头部 {
    background: transparent !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    margin: 0 !important;
    padding: 26px 16px 2px !important;
}
.分数卡片 {
    background: transparent !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    margin: 0 !important;
    padding: 0 16px 22px !important;
}

/* 问题4: 商品卡片等高 + 结构统一 */
.推荐产品卡片 {
    height: 220px !important;
    min-height: 220px !important;
    max-height: 220px !important;
    display: flex !important;
    flex-direction: column !important;
    overflow: hidden !important;
}
.推荐产品卡片 .产品体 {
    display: flex !important;
    flex-direction: column !important;
    flex: 1 !important;
    overflow: hidden !important;
}
.推荐产品卡片 .产品描述 {
    flex: 1 !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    min-height: 32px !important;
}
.推荐产品卡片 .产品行动 {
    margin-top: auto !important;
}

/* 问题5: 滑动增强 + 提示 */
.推荐产品列表 {
    display: flex !important;
    flex-direction: row !important;
    gap: 12px !important;
    overflow-x: auto !important;
    padding: 0 16px 10px !important;
    scroll-snap-type: x mandatory !important;
    -webkit-overflow-scrolling: touch !important;
    touch-action: pan-x !important;
    cursor: grab !important;
}
.推荐产品卡片 { flex: 0 0 240px !important; width: 240px !important; min-width: 240px !important; }
.推荐标题::after {
    content: '  ← 左右滑动查看更多 →' !important;
    font-size: 11px !important;
    color: #c2185b !important;
    font-weight: 400 !important;
    opacity: 0.7 !important;
    margin-left: 8px !important;
}

/* ====== v20 精准修复 5 问题 ====== */

/* 问题1: 顶端裂缝 - 清除所有可能造成缝隙的样式 */
.结果内容, .结果内容 * {
    box-shadow: none !important;
    border-top: 0 !important;
    border-bottom: 0 !important;
}
.结果内容::before, .结果内容::after,
.结果头部::before, .结果头部::after,
.分数卡片::before, .分数卡片::after {
    content: none !important;
    display: none !important;
}
.结果头部 { border: 0 !important; outline: 0 !important; }
.分数卡片 { border: 0 !important; outline: 0 !important; }

/* 问题2: 左右滑动真生效 - 父元素不要 overflow:hidden 截断 */
.推荐专区 {
    overflow: visible !important;
    background: linear-gradient(135deg, #fff0f5 0%, #ffe8d6 100%) !important;
    border-radius: 20px !important;
    padding: 14px 0 16px !important;
    margin: 14px 0 !important;
    box-shadow: 0 4px 16px rgba(255,105,135,0.10) !important;
}
.推荐产品列表 {
    display: flex !important;
    flex-direction: row !important;
    gap: 12px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    padding: 0 16px 10px !important;
    scroll-snap-type: x mandatory !important;
    -webkit-overflow-scrolling: touch !important;
    touch-action: pan-x pan-y !important;
    cursor: grab !important;
    user-select: none !important;
}
.推荐产品列表::-webkit-scrollbar { display: none !important; }
.推荐产品列表::after {
    content: '' !important;
    flex: 0 0 4px !important;  /* 末尾留4px空白 */
}

/* 问题3: 商品大小100%等高 */
.推荐产品卡片 {
    flex: 0 0 240px !important;
    width: 240px !important;
    min-width: 240px !important;
    height: 220px !important;
    min-height: 220px !important;
    max-height: 220px !important;
    background: #fff !important;
    border-radius: 16px !important;
    padding: 14px !important;
    box-shadow: 0 4px 16px rgba(0,0,0,0.08) !important;
    border: 1px solid rgba(255,71,87,0.06) !important;
    position: relative !important;
    box-sizing: border-box !important;
    scroll-snap-align: start !important;
    margin: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    overflow: hidden !important;
}
.推荐产品卡片 .产品体 {
    display: flex !important;
    flex-direction: column !important;
    flex: 1 1 auto !important;
    overflow: hidden !important;
}
.推荐产品卡片 .产品图区 {
    height: 80px !important;
    min-height: 80px !important;
    max-height: 80px !important;
    flex-shrink: 0 !important;
    margin-bottom: 8px !important;
}
.推荐产品卡片 .产品描述 {
    flex: 1 1 auto !important;
    min-height: 32px !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
}
.推荐产品卡片 .产品行动 {
    margin-top: auto !important;
    flex-shrink: 0 !important;
}

/* 问题4: 滑动提示 */
.推荐标题::after {
    content: '  ← 左右滑动 →' !important;
    font-size: 11px !important;
    color: #c2185b !important;
    font-weight: 400 !important;
    opacity: 0.7 !important;
    margin-left: 8px !important;
}

/* 问题5: "好友完成测验，你俩各得30元券" 醒目 */
.分享提示, .好友提示, .分享文案, [class*="分享提示"] {
    display: block !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    color: #ff4757 !important;
    background: linear-gradient(135deg, #fff5f5 0%, #ffffff 100%) !important;
    border: 2px solid #ffb3b3 !important;
    border-radius: 12px !important;
    padding: 14px 16px !important;
    margin: 12px 16px !important;
    text-align: center !important;
    line-height: 1.6 !important;
    box-shadow: 0 2px 8px rgba(255,71,87,0.15) !important;
}
.分享提示::before {
    content: '🎁 ' !important;
}
.分享提示::after {
    content: ' 🎁' !important;
}

/* ====== v21 修复: 滑动 + 分享提示大小 + 免责声明 ====== */

/* 问题1+2: 滑动失效根因 - .结果内容 overflow:hidden 截断了横向滚动 */
.结果内容 {
    overflow: visible !important;
    background: linear-gradient(160deg, #667eea 0%, #764ba2 100%) !important;
    padding: 0 !important;
    margin: 16px !important;
    border-radius: 22px !important;
}
/* 让滑动列表独立滚动（不受渐变圆角裁切影响）*/
.推荐专区 {
    overflow: visible !important;
    background: linear-gradient(135deg, #fff0f5 0%, #ffe8d6 100%) !important;
    border-radius: 20px !important;
    padding: 14px 0 16px !important;
    margin: 14px 0 0 !important;
}
.推荐产品列表 {
    display: flex !important;
    flex-direction: row !important;
    gap: 12px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    padding: 2px 16px 10px !important;
    scroll-snap-type: x mandatory !important;
    -webkit-overflow-scrolling: touch !important;
    touch-action: pan-x !important;
    cursor: grab !important;
    user-select: none !important;
    -webkit-user-select: none !important;
}
.推荐产品列表::-webkit-scrollbar { display: none !important; height: 0 !important; }

/* 问题3: 分享提示 - 小字辅助（不大于分享海报按钮）*/
.分享提示 {
    display: block !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    color: #ff4757 !important;
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    padding: 10px 0 0 !important;
    margin: 0 !important;
    text-align: center !important;
    line-height: 1.4 !important;
    box-shadow: none !important;
}
.分享提示::before, .分享提示::after {
    content: none !important;
    display: none !important;
}
.分享提示 b { color: #ff4757 !important; font-weight: 700 !important; font-size: 13px !important; }

/* 问题4: 免责声明到底部后保持小字灰色 */
.免责声明 { padding: 14px 16px 20px !important; text-align: center !important; }
.免责声明 p { font-size: 10px !important; color: #bbb !important; line-height: 1.8 !important; margin: 2px 0 !important; }

/* ====== v24 修复：手动滑动 + 商品大小 ====== */
.推荐产品列表 {
    display: flex !important;
    flex-direction: row !important;
    gap: 12px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    padding: 2px 16px 12px !important;
    scroll-snap-type: x proximity !important;  /* proximity 不强制吸附，手动更顺 */
    -webkit-overflow-scrolling: touch !important;
    touch-action: pan-x !important;
    cursor: grab !important;
    -webkit-user-select: none !important;
    user-select: none !important;
    white-space: nowrap !important;
}
.推荐产品列表::-webkit-scrollbar { display: none !important; }
.推荐产品列表::after { content: '' !important; flex: 0 0 8px !important; }

/* 商品卡片缩小，不超出带货区 */
.推荐产品卡片 {
    flex: 0 0 170px !important;
    width: 170px !important;
    min-width: 170px !important;
    height: 210px !important;
    min-height: 210px !important;
    max-height: 210px !important;
    background: #fff !important;
    border-radius: 14px !important;
    padding: 12px !important;
    box-shadow: 0 3px 12px rgba(0,0,0,0.08) !important;
    border: 1px solid rgba(255,71,87,0.06) !important;
    position: relative !important;
    box-sizing: border-box !important;
    scroll-snap-align: start !important;
    margin: 0 !important;
    display: inline-flex !important;
    flex-direction: column !important;
    overflow: hidden !important;
    vertical-align: top !important;
    white-space: normal !important;
}
.推荐产品卡片 .产品图区 {
    height: 60px !important;
    min-height: 60px !important;
    max-height: 60px !important;
    flex-shrink: 0 !important;
    margin-bottom: 8px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 30px !important;
    background: linear-gradient(135deg, #f5f0ff 0%, #fff0f5 100%) !important;
    border-radius: 10px !important;
}
.推荐产品卡片 .产品图区 img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    border-radius: 10px !important;
}
.推荐产品卡片 .产品标题 {
    font-size: 14px !important;
    font-weight: 700 !important;
    color: #333 !important;
    margin: 0 0 4px !important;
    line-height: 1.3 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}
.推荐产品卡片 .产品描述 {
    flex: 1 1 auto !important;
    font-size: 11px !important;
    color: #888 !important;
    line-height: 1.4 !important;
    margin: 0 0 6px !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
}
.推荐产品卡片 .价行 {
    display: flex !important;
    align-items: baseline !important;
    gap: 4px !important;
    margin: 0 0 6px !important;
}
.推荐产品卡片 .现价 {
    font-size: 16px !important;
    font-weight: 800 !important;
    color: #ff4757 !important;
}
.推荐产品卡片 .原价 {
    font-size: 11px !important;
    color: #bbb !important;
    text-decoration: line-through !important;
}
.推荐产品卡片 .产品行动 {
    margin-top: auto !important;
    flex-shrink: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 4px !important;
}
.推荐产品卡片 .产品限时 {
    font-size: 9px !important;
    color: #ff4757 !important;
    background: #fff5f5 !important;
    padding: 2px 6px !important;
    border-radius: 4px !important;
    white-space: nowrap !important;
}
.推荐产品卡片 .产品按钮 {
    background: linear-gradient(135deg, #667eea, #764ba2) !important;
    color: #fff !important;
    border: none !important;
    padding: 6px 10px !important;
    border-radius: 8px !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    cursor: pointer !important;
    white-space: nowrap !important;
}

/* ====== v25 滑动箭头 ====== */
.推荐专区 { position: relative !important; }
.滑左箭头, .滑右箭头 {
    position: absolute !important;
    top: 42% !important;
    width: 32px !important;
    height: 32px !important;
    border-radius: 50% !important;
    background: rgba(255,255,255,0.95) !important;
    border: 1px solid #eee !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.12) !important;
    color: #c2185b !important;
    font-size: 22px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    z-index: 10 !important;
    cursor: pointer !important;
    padding: 0 !important;
    margin: 0 !important;
}
.滑左箭头 { left: 4px !important; }
.滑右箭头 { right: 4px !important; }
.滑左箭头:active, .滑右箭头:active { background: #f0e6ff !important; }

/* ====== v27 箭头统一样式（垂直居中+等大小） ====== */
.滑左箭头, .滑右箭头 {
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 28px !important;
    height: 28px !important;
    border-radius: 50% !important;
    border: none !important;
    background: rgba(255,255,255,0.92) !important;
    color: #667eea !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    box-shadow: 0 2px 8px rgba(102,126,234,0.25) !important;
    z-index: 10 !important;
    padding: 0 !important;
    margin: 0 !important;
    font-family: Arial, sans-serif !important;
}
.滑左箭头 { left: 6px !important; }
.滑右箭头 { right: 6px !important; }
.滑左箭头:active, .滑右箭头:active { background: #eef0ff !important; transform: translateY(-50%) scale(0.92) !important; }

/* ====== v28 箭头移到标题行（内联，不遮挡商品） ====== */
.推荐标题 { display: flex !important; align-items: center !important; flex-wrap: nowrap !important; }
.推荐标题::after { content: none !important; }  /* 去掉"←左右滑动→"文字 */
.滑左箭头, .滑右箭头 {
    position: static !important;
    transform: none !important;
    width: 24px !important;
    height: 24px !important;
    border-radius: 50% !important;
    border: 1px solid #ddd !important;
    background: #fff !important;
    color: #667eea !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    box-shadow: 0 1px 4px rgba(0,0,0,0.08) !important;
    z-index: 10 !important;
    padding: 0 !important;
    margin: 0 2px !important;
    flex-shrink: 0 !important;
    font-family: Arial, sans-serif !important;
}
.滑左箭头 { margin-left: auto !important; }
.滑右箭头 { margin-right: 4px !important; }
.滑左箭头:active, .滑右箭头:active { background: #eef0ff !important; transform: scale(0.9) !important; }

/* 商品卡片加宽：两卡明显可滑 */
.推荐产品卡片 {
    flex: 0 0 260px !important;
    width: 260px !important;
    min-width: 260px !important;
}

/* ====== v29 结果页更宽+美观+适配 ====== */
/* 结果页整体：内容更宽，两侧留白更窄 */
.结果内容 {
    padding: 0 !important;
    margin: 12px 8px 0 !important;   /* 之前16px，缩到8px 更宽 */
    border-radius: 18px !important;
    overflow: hidden !important;
}
/* 大屏适配：不拉满，居中 */
@media (min-width: 480px) {
    .结果内容 {
        max-width: 640px !important;
        margin: 12px auto 0 !important;
    }
    .结果头部, .分数卡片, .观点卡片, .问题卡片, .方案卡片, .行动卡片,
    .推荐专区, .解锁成功区, .锁定券卡片, .分享提示 {
        max-width: 640px !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
}
/* 诊断卡：更宽+间距统一 */
.观点卡片, .问题卡片, .方案卡片, .行动卡片 {
    margin: 0 8px 12px !important;   /* 之前16px侧边距，缩到8px */
    padding: 16px 14px !important;
}
/* 结果头部/分数卡 内部更宽 */
.结果头部 { padding: 22px 12px 2px !important; }
.分数卡片 { padding: 0 12px 20px !important; }
/* 解锁成功区更宽 */
.解锁成功区 { margin: 10px 8px 0 !important; }
/* 推荐专区更宽 */
.推荐专区 { margin: 12px 0 0 !important; }
/* 分享提示/锁定券更宽 */
.分享提示 { margin: 12px 8px !important; }
.锁定券卡片 { margin: 10px 8px 0 !important; }

/* ====== v30 结果页更宽 + 标题一行 ====== */
/* 更宽：侧边距 8px → 4px */
.结果内容 {
    margin: 10px 4px 0 !important;
}
.观点卡片, .问题卡片, .方案卡片, .行动卡片 {
    margin: 0 4px 10px !important;
}
.解锁成功区 { margin: 8px 4px 0 !important; }
.分享提示 { margin: 10px 4px !important; }
.锁定券卡片 { margin: 8px 4px 0 !important; }

/* 带货标题一行显示：flex 不换行 + 字号缩小 */
.推荐标题 {
    display: flex !important;
    align-items: center !important;
    flex-wrap: nowrap !important;
    white-space: nowrap !important;
    font-size: 15px !important;
    margin: 0 10px 10px !important;
    gap: 4px !important;
    overflow: hidden !important;
}
.推荐标题::before { flex-shrink: 0 !important; }
/* 箭头不换行 */
.滑左箭头, .滑右箭头 { flex-shrink: 0 !important; }

/* ====== v31 商品卡双入口：前=外链购票，后=企微顾问 ====== */
.推荐产品卡片 .价行 .产品限时 { margin-left: auto !important; align-self: center !important; }
.推荐产品卡片 .产品行动双 .产品按钮 { flex: 1 1 0 !important; padding: 7px 4px !important; white-space: nowrap !important; }
.推荐产品卡片 .产品按钮企微 { background: #07c160 !important; }