/* ========================================
统一样式 - 与member模块保持一致
适用于：首页、CMS模块等所有页面
======================================== */

/* 1. 卡片组件样式 */
.layui-card {
/* border: 1px solid #e6e6e6; */
/* box-shadow: 0 2px 4px rgba(0,0,0,0.1); */
margin-bottom: 15px;
}

.layui-card .layui-card-header {
line-height: 32px !important;
height: 32px !important;
display: flex !important;
align-items: center !important;
background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%) ;
color: #333 ;
border-bottom: 2px solid #4986BE !important;
padding: 0 15px !important;
font-weight: 600 !important;
font-size: 15px !important;
box-sizing: border-box !important;
}

.layui-card .layui-card-header i {
margin-right: 8px !important;
vertical-align: middle !important;
color: #4986BE ;
font-size: 16px !important;
line-height: 16px !important;
display: inline-block !important;
}

.layui-card .layui-card-body {
padding: 10px 15px ;
background: #fff;
min-height: 180px;
}

/* 2. 列表样式 */
.layui-card .layui-card-body ul {
list-style: none !important;
padding-left: 0 !important;
margin: 0;
}

.layui-card .layui-card-body ul li {
padding: 8px 10px 8px 10px !important;
/* border-bottom: 1px solid #f0f0f0; */
line-height: 20px !important;
box-sizing: border-box !important;
display: flex !important;
align-items: center !important;
position: relative !important;
border-bottom: 1px dashed #e8e8e8 !important;
}

.layui-card .layui-card-body ul li:last-child {
border-bottom: none !important;
}

/* .layui-card .layui-card-body ul li::before {
content: "▪";
color: #4986BE;
font-size: 16px;
position: absolute;
left: 5px;
top: 50%;
transform: translateY(-50%);
line-height: 1;
font-weight: bold;
} */

.layui-card .layui-card-body ul li a {
color: #333;
flex: 1;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
display: block;
text-decoration: none;
font-size: 12px;
transition: all 0.2s ease;
}

.layui-card .layui-card-body ul li a:hover {
color: #4986BE !important;
padding-left: 5px;
}

.layui-card-body li:last-child {
border-bottom: none !important;
}

.layui-card .layui-card-body ul li a:hover {
color: #4986BE !important;
padding-left: 5px;
}

/* 3. 内容列表样式 - 与layui-card-body保持一致 */
.content-list {
list-style: none !important;
padding: 0 ;
margin: 0 ;
}

.content-list li {
margin-bottom: 0 !important;
padding: 4px 0 ;
border-bottom: none !important;
line-height: 1.6 ;
}

.content-list li i {
color: #000 ;
margin-right: 8px !important;
}

.content-list li a {
text-decoration: none !important;
transition: color 0.3s ease !important;
font-size: 12px ;
}

/* 4. 标签页样式 - 与卡片保持一致 */
.layui-tab {
margin: 0px 0;
text-align: left !important;
}

.layui-tab-card {
border: 1px solid #e6e6e6 ;
box-shadow: 0 2px 4px rgba(0,0,0,0.1) !important;
}

.layui-tab-card .layui-tab-title,
.layui-tab-title {
/* padding: 8px 15px ; */
display: flex !important;
align-items: center !important;
height: 32px ;
}

.layui-tab-card .layui-tab-title li,
.layui-tab-title li {
border: none ;
background: transparent ;
padding: 0 15px ;
transition: all 0.3s ease !important;
cursor: pointer !important;
}

.layui-tab-card .layui-tab-title li:hover,
.layui-tab-title li:hover {
background: #f0f8ff ;
}

.layui-tab-card .layui-tab-title li.layui-this,
.layui-tab-title li.layui-this {
color: #fff ;
background: #4986BE ;
}

.layui-tab-card .layui-tab-content {
background: #fff ;
}

/* 5. 标签样式 */
.tag-link {
color: white ;
padding: 4px 8px ;
margin: 2px ;
display: inline-block !important;
}

.tag-link:hover {
background: #009688 ;
}

/* 6. 公告样式 */
.announcement-container {
color: white;
padding: 8px 12px;
margin-bottom: 10px;
text-align: center;
font-weight: 600;
}

.announcement-item {
padding: 8px 0;
border-bottom: 1px solid #f0f0f0;
}

.announcement-type {
padding: 2px 6px;
font-size: 11px;
margin-left: 8px;
}

.announcement-time {
color: #999;
font-size: 12px;
margin-top: 4px;
}

.announcement-more {
margin-top: 10px;
}

.announcement-more-link {
padding: 6px 15px;
display: inline-block;
transition: all 0.3s ease;
}

.announcement-more-link:hover {
background: #009688;
}

/* 7. 地区链接样式 */
.region-links a {
padding: 8px 15px ;
margin: 3px ;
}

/* 8. 移除所有圆角 - 统一直角设计 */
.layui-card,
.layui-card .layui-card-header,
.layui-card .layui-card-body,
.layui-btn,
.layui-nav,
.layui-table,
.layui-tab,
.layui-tab-card,
.layui-tab-title,
.layui-tab-content,
.layui-tab-item,
.layui-carousel,
.carousel-content,
.carousel-image,
.carousel-placeholder,
.carousel-overlay,
.announcement-container,
.announcement-type,
.announcement-more-link,
.tag-link,
.region-links a,
.layui-container,
.sub-nav-container,
.sub-nav-container .layui-table,
.layui-breadcrumb,
.layui-breadcrumb a {
border-radius: 0 !important;
}

/* Breadcrumb 字体大小 */
.layui-breadcrumb>* {
    font-size: 12px;
}

/* 9. 响应式设计 */
@media (max-width: 768px) {
.layui-card .layui-card-header {
padding: 10px 12px;
font-size: 14px;
}

.region-links a {
padding: 6px 12px ;
}
}

/* 10. CMS模块专用样式 */
.cms-content {
line-height: 1.8;
}

.cms-content h1,
.cms-content h2,
.cms-content h3,
.cms-content h4,
.cms-content h5,
.cms-content h6 {
margin: 20px 0 10px 0;
}

.cms-content p {
margin: 10px 0;
color: #666;
}

.cms-content img {
max-width: 100%;
height: auto;
}

.cms-content blockquote {
border-left: 4px solid #4986BE !important;
padding-left: 15px;
margin: 15px 0;
background: #f8f9fa;
padding: 10px 15px;
}

.cms-content code {
background: #f1f1f1;
padding: 2px 4px;
border-radius: 0;
font-family: 'Courier New', monospace;
}

.cms-content pre {
background: #f8f8f8;
padding: 15px;
overflow-x: auto;
}

.cms-content table {
width: 100%;
border-collapse: collapse;
}

.cms-content table th,
.cms-content table td {
text-align: left;
}

/* 11. 楼层标题样式 */
.floor-title {
    margin: 15px 0 8px 0;
    padding: 8px 0;
    border-bottom: 2px solid #4986BE !important;
    position: relative;
    background: linear-gradient(to right, #f8f9fa 0%, #ffffff 100%);
}

/* 楼层编号样式 - 1F, 2F 等 */
.floor-title-text {
    font-size: 28px !important; /* 比默认的 24px 大一号 */
}

/* 楼层标题中的汉字 - 招标、工程、采购、项目等 */
.floor-title-text::after {
    font-size: 18px !important; /* 比 24px 小两号 */
}

/* 直接针对楼层标题中未包裹的文字 */
.floor-title .floor-title-text {
    font-size: 28px !important;
    line-height: 1.2 !important;
}

.text-right {
text-align: right;
}

.mb-15 {
margin-bottom: 15px;
}

.mb-20 {
margin-bottom: 20px;
}

.mt-15 {
margin-top: 15px;
}

.mt-20 {
margin-top: 20px;
}

.p-10 {
padding: 10px;
}

.p-20 {
padding: 20px;
}

/* 热门分类导航样式 - 横向排列 */
.hot-tags-nav .content-list {
flex-wrap: wrap !important;
gap: 8px !important;
}

.hot-tags-nav .content-list li:hover {
transform: translateY(-2px) !important;
}

.hot-tags-nav .content-list li a {
background: #f8f9fa ;
white-space: nowrap !important;
}

.hot-tags-nav .content-list li a:hover {
border-color: #4986BE ;
box-shadow: 0 2px 4px rgba(73, 134, 190, 0.3) !important;
}

.hot-tags-nav .content-list li i {
display: none !important;
}

/* 链接样式统一处理 - 已通过修改源文件解决冲突，这里只保留必要的样式 */

/* 发布日期样式 */
.content-list .publish-date {
float: right;
}

/* ========================================
   用户类型徽章样式 - 通用组件
======================================== */
.user-type-badge {
    display: inline-block !important;
    padding: 0 6px !important;
    border-radius: 2px !important;
    font-size: 12px !important;
    margin-right: 0px !important;
    vertical-align: middle !important;
    font-weight: normal !important;
    line-height: 20px !important;
    height: 20px !important;
    box-sizing: content-box !important;
}

/* 招标代理机构 - 蓝色 */
.layui-card .layui-card-body .user-type-badge.type-9 {
    color: #1890ff !important;
    background: #e6f7ff !important;
    border: 1px solid #91d5ff !important;
}

/* 拍卖机构 - 橙色 */
.layui-card .layui-card-body .user-type-badge.type-10 {
    color: #fa8c16 !important;
    background: #fff7e6 !important;
    border: 1px solid #ffd591 !important;
}

/* 业主单位 - 绿色 */
.layui-card .layui-card-body .user-type-badge.type-11 {
    color: #52c41a !important;
    background: #f6ffed !important;
    border: 1px solid #b7eb8f !important;
}

/* 公告类型标签 - 浅蓝色 */
.notice-type-tag {
    display: inline-block;
    padding: 1px 6px;
    border-radius: 2px;
    font-size: 12px;
    margin-right: 0px;
    color: #1890ff;
    background: #e6f7ff;
    border: 1px solid #91d5ff;
    vertical-align: middle;
    font-weight: normal;
}

/* 省份标签 - 基础样式 */
.province-tag {
    display: inline-block !important;
    padding: 0 6px !important;
    border-radius: 2px !important;
    font-size: 12px !important;
    margin-right: 0px !important;
    vertical-align: middle !important;
    font-weight: normal !important;
    line-height: 20px !important;
    height: 20px !important;
    box-sizing: content-box !important;
}

/* 省份颜色 - 浅色调 */
.province-tag.bj { color: #1890ff !important; background: #e6f7ff !important; border: 1px solid #91d5ff !important; } /* 北京-浅蓝 */
.province-tag.sh { color: #eb2f96 !important; background: #fff0f6 !important; border: 1px solid #ffadd2 !important; } /* 上海-浅粉 */
.province-tag.gd { color: #52c41a !important; background: #f6ffed !important; border: 1px solid #b7eb8f !important; } /* 广东-浅绿 */
.province-tag.js { color: #fa8c16 !important; background: #fff7e6 !important; border: 1px solid #ffd591 !important; } /* 江苏-浅橙 */
.province-tag.zj { color: #722ed1 !important; background: #f9f0ff !important; border: 1px solid #d3adf7 !important; } /* 浙江-浅紫 */
.province-tag.sd { color: #13c2c2 !important; background: #e6fffb !important; border: 1px solid #87e8de !important; } /* 山东-浅青 */
.province-tag.hn { color: #fa541c !important; background: #fff2e8 !important; border: 1px solid #ffbb96 !important; } /* 河南-浅红橙 */
.province-tag.sc { color: #2f54eb !important; background: #f0f5ff !important; border: 1px solid #adc6ff !important; } /* 四川-浅蓝紫 */
.province-tag.hb { color: #52c41a !important; background: #f6ffed !important; border: 1px solid #b7eb8f !important; } /* 湖北-浅绿 */
.province-tag.hn2 { color: #fa8c16 !important; background: #fff7e6 !important; border: 1px solid #ffd591 !important; } /* 湖南-浅橙 */
.province-tag.fj { color: #13c2c2 !important; background: #e6fffb !important; border: 1px solid #87e8de !important; } /* 福建-浅青 */
.province-tag.ah { color: #1890ff !important; background: #e6f7ff !important; border: 1px solid #91d5ff !important; } /* 安徽-浅蓝 */
.province-tag.jx { color: #fa541c !important; background: #fff2e8 !important; border: 1px solid #ffbb96 !important; } /* 江西-浅红橙 */
.province-tag.gx { color: #722ed1 !important; background: #f9f0ff !important; border: 1px solid #d3adf7 !important; } /* 广西-浅紫 */
.province-tag.yn { color: #52c41a !important; background: #f6ffed !important; border: 1px solid #b7eb8f !important; } /* 云南-浅绿 */
.province-tag.gz { color: #2f54eb !important; background: #f0f5ff !important; border: 1px solid #adc6ff !important; } /* 贵州-浅蓝紫 */
.province-tag.sx { color: #eb2f96 !important; background: #fff0f6 !important; border: 1px solid #ffadd2 !important; } /* 陕西-浅粉 */
.province-tag.gs { color: #fa8c16 !important; background: #fff7e6 !important; border: 1px solid #ffd591 !important; } /* 甘肃-浅橙 */
.province-tag.qh { color: #13c2c2 !important; background: #e6fffb !important; border: 1px solid #87e8de !important; } /* 青海-浅青 */
.province-tag.nx { color: #fa541c !important; background: #fff2e8 !important; border: 1px solid #ffbb96 !important; } /* 宁夏-浅红橙 */
.province-tag.xj { color: #722ed1 !important; background: #f9f0ff !important; border: 1px solid #d3adf7 !important; } /* 新疆-浅紫 */
.province-tag.xz { color: #1890ff !important; background: #e6f7ff !important; border: 1px solid #91d5ff !important; } /* 西藏-浅蓝 */
.province-tag.hl { color: #52c41a !important; background: #f6ffed !important; border: 1px solid #b7eb8f !important; } /* 黑龙江-浅绿 */
.province-tag.jl { color: #fa8c16 !important; background: #fff7e6 !important; border: 1px solid #ffd591 !important; } /* 吉林-浅橙 */
.province-tag.ln { color: #2f54eb !important; background: #f0f5ff !important; border: 1px solid #adc6ff !important; } /* 辽宁-浅蓝紫 */
.province-tag.tj { color: #13c2c2 !important; background: #e6fffb !important; border: 1px solid #87e8de !important; } /* 天津-浅青 */
.province-tag.cq { color: #eb2f96 !important; background: #fff0f6 !important; border: 1px solid #ffadd2 !important; } /* 重庆-浅粉 */
.province-tag.he { color: #fa541c !important; background: #fff2e8 !important; border: 1px solid #ffbb96 !important; } /* 河北-浅红橙 */
.province-tag.sx2 { color: #722ed1 !important; background: #f9f0ff !important; border: 1px solid #d3adf7 !important; } /* 山西-浅紫 */
.province-tag.nm { color: #52c41a !important; background: #f6ffed !important; border: 1px solid #b7eb8f !important; } /* 内蒙古-浅绿 */
.province-tag.hi { color: #1890ff !important; background: #e6f7ff !important; border: 1px solid #91d5ff !important; } /* 海南-浅蓝 */
.province-tag.default { color: #999 !important; background: #f5f5f5 !important; border: 1px solid #d9d9d9 !important; } /* 默认 */

/* 兼容旧的 region-tag 类名 */
.region-tag {
    display: inline-block;
    padding: 1px 6px;
    border-radius: 2px;
    font-size: 12px;
    margin-right: 6px;
    color: #1890ff;
    background: #e6f7ff;
    border: 1px solid #91d5ff;
    vertical-align: middle;
    font-weight: normal;
}


/* 强制省份标签颜色显示 - 覆盖所有可能的冲突 */
span.province-tag.bj, .layui-card span.province-tag.bj, li span.province-tag.bj { color: #1890ff !important; background: #e6f7ff !important; border: 1px solid #91d5ff !important; }
span.province-tag.sh, .layui-card span.province-tag.sh, li span.province-tag.sh { color: #eb2f96 !important; background: #fff0f6 !important; border: 1px solid #ffadd2 !important; }
span.province-tag.tj, .layui-card span.province-tag.tj, li span.province-tag.tj { color: #13c2c2 !important; background: #e6fffb !important; border: 1px solid #87e8de !important; }
span.province-tag.cq, .layui-card span.province-tag.cq, li span.province-tag.cq { color: #eb2f96 !important; background: #fff0f6 !important; border: 1px solid #ffadd2 !important; }
span.province-tag.gd, .layui-card span.province-tag.gd, li span.province-tag.gd { color: #52c41a !important; background: #f6ffed !important; border: 1px solid #b7eb8f !important; }
span.province-tag.js, .layui-card span.province-tag.js, li span.province-tag.js { color: #fa8c16 !important; background: #fff7e6 !important; border: 1px solid #ffd591 !important; }
span.province-tag.zj, .layui-card span.province-tag.zj, li span.province-tag.zj { color: #722ed1 !important; background: #f9f0ff !important; border: 1px solid #d3adf7 !important; }
span.province-tag.sd, .layui-card span.province-tag.sd, li span.province-tag.sd { color: #13c2c2 !important; background: #e6fffb !important; border: 1px solid #87e8de !important; }
span.province-tag.hn, .layui-card span.province-tag.hn, li span.province-tag.hn { color: #fa541c !important; background: #fff2e8 !important; border: 1px solid #ffbb96 !important; }
span.province-tag.sc, .layui-card span.province-tag.sc, li span.province-tag.sc { color: #2f54eb !important; background: #f0f5ff !important; border: 1px solid #adc6ff !important; }
span.province-tag.hb, .layui-card span.province-tag.hb, li span.province-tag.hb { color: #52c41a !important; background: #f6ffed !important; border: 1px solid #b7eb8f !important; }
span.province-tag.hn2, .layui-card span.province-tag.hn2, li span.province-tag.hn2 { color: #fa8c16 !important; background: #fff7e6 !important; border: 1px solid #ffd591 !important; }
span.province-tag.fj, .layui-card span.province-tag.fj, li span.province-tag.fj { color: #13c2c2 !important; background: #e6fffb !important; border: 1px solid #87e8de !important; }
span.province-tag.ah, .layui-card span.province-tag.ah, li span.province-tag.ah { color: #1890ff !important; background: #e6f7ff !important; border: 1px solid #91d5ff !important; }
span.province-tag.jx, .layui-card span.province-tag.jx, li span.province-tag.jx { color: #fa541c !important; background: #fff2e8 !important; border: 1px solid #ffbb96 !important; }
span.province-tag.gx, .layui-card span.province-tag.gx, li span.province-tag.gx { color: #722ed1 !important; background: #f9f0ff !important; border: 1px solid #d3adf7 !important; }
span.province-tag.yn, .layui-card span.province-tag.yn, li span.province-tag.yn { color: #52c41a !important; background: #f6ffed !important; border: 1px solid #b7eb8f !important; }
span.province-tag.gz, .layui-card span.province-tag.gz, li span.province-tag.gz { color: #2f54eb !important; background: #f0f5ff !important; border: 1px solid #adc6ff !important; }
span.province-tag.sx, .layui-card span.province-tag.sx, li span.province-tag.sx { color: #eb2f96 !important; background: #fff0f6 !important; border: 1px solid #ffadd2 !important; }
span.province-tag.gs, .layui-card span.province-tag.gs, li span.province-tag.gs { color: #fa8c16 !important; background: #fff7e6 !important; border: 1px solid #ffd591 !important; }
span.province-tag.qh, .layui-card span.province-tag.qh, li span.province-tag.qh { color: #13c2c2 !important; background: #e6fffb !important; border: 1px solid #87e8de !important; }
span.province-tag.nx, .layui-card span.province-tag.nx, li span.province-tag.nx { color: #fa541c !important; background: #fff2e8 !important; border: 1px solid #ffbb96 !important; }
span.province-tag.xj, .layui-card span.province-tag.xj, li span.province-tag.xj { color: #722ed1 !important; background: #f9f0ff !important; border: 1px solid #d3adf7 !important; }
span.province-tag.xz, .layui-card span.province-tag.xz, li span.province-tag.xz { color: #1890ff !important; background: #e6f7ff !important; border: 1px solid #91d5ff !important; }
span.province-tag.hl, .layui-card span.province-tag.hl, li span.province-tag.hl { color: #52c41a !important; background: #f6ffed !important; border: 1px solid #b7eb8f !important; }
span.province-tag.jl, .layui-card span.province-tag.jl, li span.province-tag.jl { color: #fa8c16 !important; background: #fff7e6 !important; border: 1px solid #ffd591 !important; }
span.province-tag.ln, .layui-card span.province-tag.ln, li span.province-tag.ln { color: #2f54eb !important; background: #f0f5ff !important; border: 1px solid #adc6ff !important; }
span.province-tag.he, .layui-card span.province-tag.he, li span.province-tag.he { color: #fa541c !important; background: #fff2e8 !important; border: 1px solid #ffbb96 !important; }
span.province-tag.sx2, .layui-card span.province-tag.sx2, li span.province-tag.sx2 { color: #722ed1 !important; background: #f9f0ff !important; border: 1px solid #d3adf7 !important; }
span.province-tag.nm, .layui-card span.province-tag.nm, li span.province-tag.nm { color: #52c41a !important; background: #f6ffed !important; border: 1px solid #b7eb8f !important; }
span.province-tag.hi, .layui-card span.province-tag.hi, li span.province-tag.hi { color: #1890ff !important; background: #e6f7ff !important; border: 1px solid #91d5ff !important; }
span.province-tag.default, .layui-card span.province-tag.default, li span.province-tag.default { color: #999 !important; background: #f5f5f5 !important; border: 1px solid #d9d9d9 !important; }