/* zhaobiao-show.css  (公开访问路径) */
/* 来源: templates/zhaobiao/cms/static/css/show.css 生成时间: 2025-10-06 */

@charset "UTF-8";

/* ===================== 招标详情页 ===================== */

/* 公告概览表格样式 */
.notice-overview-table { margin-bottom: 20px; }
.notice-overview-table table { border: 1px solid #e0e0e0; border-collapse: collapse; width: 100%; background: #fff; table-layout: fixed; }
.notice-overview-table td { border: 1px solid #e0e0e0; padding: 8px 6px; font-size: 13px; text-align: center; vertical-align: middle; word-wrap: break-word; word-break: break-word; overflow-wrap: break-word; white-space: normal; overflow: hidden; }
.notice-overview-table tr td.field-label { background: #f8f9fa; font-weight: bold; width: 15%; min-width: 80px; font-size: 12px; line-height: 1.3; }
.notice-overview-table tr { height: auto; min-height: 38px; }
/* 优化后的概览表格样式 */
.notice-overview-table { margin-bottom: 16px; }
.notice-overview-table-inner { width:100%; border-collapse:collapse; background:#fff; }
.notice-overview-table-inner tr { height:34px; }
.notice-overview-table-inner td { border:1px solid #d9d9d9; font-size:13px; padding:6px 8px; }
.notice-overview-table-inner td.field-label { background:#fafafa; font-weight:600; color:#333; width:14%; }
.notice-overview-table-inner td.field-value { text-align:left; color:#444; }
.notice-overview-table-inner td.field-value.is-placeholder { color:#bbb; font-style:italic; }
.notice-overview-table-inner td.field-value.is-sensitive .need-login { color:#d9534f; font-size:12px; }
.notice-overview-table-inner td.field-value .val { display:inline-block; max-width:100%; line-height:1.4; }
.notice-overview-table-inner td.field-value .val:empty:before { content:'-'; color:#bbb; }
@media (max-width: 900px){
  .notice-overview-table-inner td { font-size:12px; padding:5px 6px; }
  .notice-overview-table-inner td.field-label { width:22%; }
}

/* 面包屑导航 */
.breadcrumb-container { margin-bottom: 10px; }
.breadcrumb-container .layui-breadcrumb cite { color: #4986BE; }

/* 文章头部 - 覆盖所有可能的样式冲突 */
.layui-card .article-header,
.article-header.layui-card-header { 
    position: relative !important;
    height: auto !important; 
    min-height: auto !important;
    max-height: none !important;
    line-height: normal !important;
    border-bottom: 1px solid #e8e8e8 !important;
    padding: 15px !important;
    display: block !important;
    width: 100% !important;
    overflow: visible !important;
}

.article-header .article-title,
.layui-card-header .article-title { 
    font-size: 20px !important;
    font-weight: bold !important;
    color: #4986BE !important;
    margin: 0 0 12px 0 !important; 
    padding: 0 !important;
    line-height: 1.6 !important;
    word-wrap: break-word !important;
    word-break: break-word !important;
    overflow-wrap: break-word !important;
    white-space: normal !important;
    display: block !important; 
    width: 100% !important;
    float: none !important;
    position: static !important;
}

.article-header .article-meta,
.layui-card-header .article-meta { 
    margin: 0 !important;
    padding: 0 !important;
    font-size: 12px !important;
    color: #999 !important;
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 12px !important;
    clear: both !important;
    width: 100% !important;
    float: none !important;
    line-height: 1.8 !important;
    position: static !important;
}
.article-meta span { margin-right: 0; display: inline-flex; align-items: center; }
.article-meta-actions { gap: 8px; margin-left: 4px; }
.article-action-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border: 1px solid #d9d9d9;
  border-radius: 3px;
  color: #5b8fdc;
  background: #fff;
  text-decoration: none;
  cursor: pointer;
  transition: all .2s ease;
}
.article-action-icon:hover {
  color: #1e6fff;
  border-color: #8bb3ff;
  background: #f5f9ff;
}
.article-action-icon.is-active {
  color: #1e6fff;
  border-color: #8bb3ff;
  background: #eef5ff;
}
.article-action-icon .layui-icon {
  font-size: 18px;
  line-height: 1;
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

/* 公告摘要区域 */
.notice-summary { background: #f8f9fa; padding: 15px; border-left: 4px solid #007cff; margin-bottom: 20px; }
.notice-summary h6 { color: #333; font-size: 14px; font-weight: bold; margin-bottom: 10px; }
.summary-content { color: #666; font-size: 13px; line-height: 1.6; }
.login-tip { margin-top: 15px; padding: 10px 15px; font-size: 13px; text-align: center; }
.login-tip.success { background: #d4edda; border: 1px solid #c3e6cb; color: #155724; }
.login-tip.warning { background: #fff3cd; border: 1px solid #ffeaa7; color: #856404; }
.login-tip a { color: #007cff; text-decoration: none; font-weight: bold; }

/* 内容容器 */
.content-container { padding: 20px; line-height: 1.8; color: #333; background: #fff; border: 1px solid #e8e8e8; overflow: hidden; }
.content-full { font-size: 14px; line-height: 1.8; overflow-wrap: break-word; word-wrap: break-word; word-break: break-word; max-width: 100%; }

/* 内容模糊预览 */
.content-preview { position: relative; }
.content-blur { -webkit-filter: blur(3px); filter: blur(3px); font-size: 14px; line-height: 1.8; color: #666; }
.content-mask { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255,255,255,0.7); z-index: 1000; display: flex; align-items: center; justify-content: center; }
.login-modal { text-align: center; padding: 30px; background: #fff; border: 1px solid #e0e0e0; box-shadow: 0 4px 12px rgba(0,0,0,0.15); min-width: 260px; max-width: 90%; z-index: 1001; position: relative; }
.login-modal-icon { font-size: 24px; color: #007cff; margin-bottom: 10px; }
.login-modal-text { margin-bottom: 15px; color: #666; font-size: 14px; }
.login-modal-buttons { margin-top: 20px; display: flex; justify-content: center; gap: 16px; }
.btn-login { display: inline-block; background: #007cff; color: #fff; padding: 10px 25px; text-decoration: none; font-size: 14px; border-radius: 3px; }
.btn-register { display: inline-block; background: #6c757d; color: #fff; padding: 10px 25px; text-decoration: none; font-size: 14px; border-radius: 3px; }

/* 侧边栏卡片 */
.sidebar-card { background: #fff; box-shadow: 0 1px 3px rgba(0,0,0,0.1); border: 1px solid #e8e8e8; margin-bottom: 15px; }
.sidebar-card-header { color: #fff; font-weight: bold; padding: 12px 15px; }
.sidebar-card-body { padding: 15px; }

/* 公告列表 */
.notice-list { list-style: none; padding: 0; margin: 0; }
.notice-item { padding: 8px 0; border-bottom: 1px dotted #e0e0e0; }
.notice-item:last-child { border-bottom: none; }
.notice-item a { color: #666; text-decoration: none; font-size: 13px; line-height: 1.4; }
.notice-item a:hover { color: #007cff; }

/* 渐变背景类别 */
.sidebar-card-header.policy { background: linear-gradient(135deg, #4a90e2 0%, #357abd 100%); }
.sidebar-card-header.latest { background: linear-gradient(135deg, #52c41a 0%, #389e0d 100%); }
.sidebar-card-header.result { background: linear-gradient(135deg, #fa8c16 0%, #d46b08 100%); }
.sidebar-card-header.change { background: linear-gradient(135deg, #722ed1 0%, #531dab 100%); }
.sidebar-card-header.forecast { background: linear-gradient(135deg, #13c2c2 0%, #08979c 100%); }
.sidebar-card-header.service { background: linear-gradient(135deg, #eb2f96 0%, #c41d7f 100%); }

/* 列表图标颜色 */
.icon-policy { color: #4a90e2; }
.icon-latest { color: #52c41a; }
.icon-result { color: #fa8c16; }
.icon-change { color: #722ed1; }
.icon-forecast { color: #13c2c2; }
.icon-service { color: #eb2f96; }

/* 调试信息 */
.debug-info { margin: 8px 0 18px; font-size: 12px; background: #f6f8fa; border: 1px dashed #d0d7de; padding: 8px; color: #555; }
.alert { padding: 8px; font-size: 12px; margin-bottom: 10px; border-radius: 4px; }
.alert-danger { border: 1px solid #f00; color: #c00; background: #fee; }
.alert-info { border: 1px dashed #bbb; color: #666; background: #f8f9fa; }

/* 响应式 */
@media (max-width:768px){
  .notice-overview-table td{font-size:12px;padding:6px 4px;}
  .article-title{font-size:18px;}
  .content-container{padding:15px;}
  .article-header .article-meta,
  .layui-card-header .article-meta { gap: 8px !important; }
  .article-action-icon { width: 26px; height: 26px; }
  .article-action-icon .layui-icon { font-size: 16px; }
}