/* ============================================================
   首页 Banner 搜索卡片 + 公告栏 优化样式（独立文件，不影响其他模块）
   ============================================================ */

/* ---------- 半透明遮罩：圆角统一、略微减轻 ---------- */
.banner-search .mask {
    opacity: 0.46 !important;
    border-top-left-radius: 10px !important;
    border-top-right-radius: 10px !important;
}

/* ---------- 左侧统计数字：橙色 → 白色高亮 ---------- */
.banner-search .count-num {
    color: #ffffff !important;
    font-weight: bold !important;
    font-style: normal !important;
    text-shadow: 0 2px 8px rgba(0, 60, 140, 0.4);
}

.banner-search .count {
    color: rgba(255, 255, 255, 0.92);
}

/* ---------- 顶部 Tab：圆角统一 ---------- */
.banner-search .banner-tab {
    border-top-left-radius: 10px;
}

.banner-search .banner-tab--li:first-child {
    border-top-left-radius: 10px !important;
}

.banner-search .banner-tab--li:nth-child(3) {
    border-top-right-radius: 10px !important;
}

.banner-search .banner-tab--li {
    transition: background 0.25s, color 0.25s;
}

.banner-search .banner-tab--li.active {
    background: rgba(255, 255, 255, 0.95) !important;
}

/* Tab 右侧价格/说明文字：橙色强调 → 暖黄色，与蓝色背景协调 */
.banner-search .banner-tab--suffix span b {
    color: #ffd86b !important;
    font-weight: 600;
}

/* ---------- 输入框：左下圆角统一 ---------- */
.banner-input > .el-input > .el-input__inner {
    border-bottom-left-radius: 10px !important;
}

/* ---------- 查询按钮：橙色 → 蓝色渐变，与全站主按钮统一 ---------- */
.banner-input .banner-search-btn {
    background: linear-gradient(135deg, #2b93ea 0%, #0074D2 100%) !important;
    border-color: #0074D2 !important;
    border-radius: 0 10px 10px 0 !important;
    box-shadow: 0 6px 16px rgba(0, 116, 210, 0.3);
    transition: background 0.25s, box-shadow 0.25s;
}

.banner-input .banner-search-btn:hover,
.banner-input .banner-search-btn:focus {
    background: linear-gradient(135deg, #1e86de 0%, #0064B5 100%) !important;
    border-color: #0064B5 !important;
    box-shadow: 0 8px 20px rgba(0, 116, 210, 0.42);
}

/* ---------- 下方公告栏：圆角与轻阴影 ---------- */
.notice-wrapper .center {
    border-bottom-left-radius: 10px !important;
    border-bottom-right-radius: 10px !important;
    box-shadow: 0 6px 18px rgba(30, 70, 140, 0.08) !important;
}

.notice-btn {
    border-bottom-left-radius: 10px !important;
}

.notice-btn a {
    transition: color 0.2s;
}

.notice-btn a:hover {
    color: #0074D2 !important;
}