/* ============================================================
 * 水晶感 (Glassmorphism) 门户页面补充样式
 * 西藏招采网 - 页面级增强覆盖层
 * ============================================================
 * 适用页面：
 *   views/index.html           - 门户首页
 *   views/projects.html        - 项目列表页
 *   views/announcements.html    - 公告公示页
 *   views/platform-stats.html  - 数据统计页
 *   views/notice-detail.html    - 公告详情页
 *   views/project-detail.html  - 项目详情页
 *   views/expert-login.html    - 专家登录
 *   views/expert-register.html  - 专家注册
 *   views/expert-center.html   - 专家中心
 *   views/expert-evaluate.html - 专家评标
 *   views/wps-open.html        - WPS打开页
 * ============================================================
 * 本文件可与 crystal-enhancement.css 协同使用，
 * 也支持独立引入（内含变量回退值）。
 * 所有声明使用 !important 以覆盖内联样式。
 * ============================================================ */

/* ---------- 0. 变量回退（当未加载 crystal-enhancement.css 时生效） ---------- */
:root {
  /* 仅当主水晶文件未定义时才使用以下回退值 */
}

/* ---------- 1. 门户首页 (index.html) 专属增强 ---------- */

/* 服务入口区域 */
.service-portals {
  position: relative;
}

/* 快捷链接项 */
.quick-link-item {
  background: var(--crystal-bg-white, #ffffff) !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  border: 1px solid var(--crystal-border-light, rgba(255, 255, 255, 0.35)) !important;
  border-radius: var(--dloa-radius-lg, 6px) !important;
}

.quick-link-item:hover {
  background: var(--crystal-bg-white-hover, #f8fafc) !important;
  transform: none !important;
}

/* 通知条 */
.notice-strip {
  background: #ffffff !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  border: 1px solid var(--crystal-border-light, rgba(255, 255, 255, 0.35)) !important;
}

/* 底部卡片 */
.bottom-card {
  background: #ffffff !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  border: 1px solid var(--crystal-border-light, rgba(255, 255, 255, 0.35)) !important;
  border-radius: var(--dloa-radius-lg, 6px) !important;
}

.bottom-card:hover {
}

/* 页脚 */
.site-footer {
  background: var(--crystal-bg-dark, rgba(13, 54, 102, 0.85)) !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  border-top: 1px solid var(--crystal-border-light, rgba(255, 255, 255, 0.35)) !important;
}

/* 交易区段 */
.transaction-section {
  background: #ffffff !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  border: 1px solid var(--crystal-border-light, rgba(255, 255, 255, 0.35)) !important;
  border-radius: var(--dloa-radius-lg, 6px) !important;
}

/* ---------- 2. 项目列表页 (projects.html) 专属增强 ---------- */

/* 页面头部 */
.page-header {
  background: #ffffff !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  border-bottom: 1px solid var(--crystal-border-light, rgba(255, 255, 255, 0.35)) !important;
}

/* 页面容器 */
.page-container,
.main-container,
.main-content,
.page-content {
  position: relative;
  z-index: 1;
}

/* 筛选面板 */
.filter-panel,
.filter-bar {
  background: #ffffff !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  border: 1px solid var(--crystal-border-light, rgba(255, 255, 255, 0.35)) !important;
  border-radius: var(--dloa-radius-lg, 6px) !important;
}

/* 筛选面板头部 */
.filter-panel-header {
  background: #e8f0fe !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  border-bottom: 1px solid var(--crystal-border-light, rgba(255, 255, 255, 0.35)) !important;
}

/* 筛选表单控件 */
.filter-select,
.filter-input,
.filter-date {
  background: #ffffff !important;
  border: 1px solid var(--crystal-border-light, rgba(255, 255, 255, 0.35)) !important;
  border-radius: var(--dloa-radius-lg, 8px) !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  transition: var(--dloa-transition-colors) !important;
}

.filter-select:focus,
.filter-input:focus,
.filter-date:focus {
  border-color: var(--crystal-border-glow, rgba(42, 106, 181, 0.45)) !important;
  box-shadow: 0 0 0 3px rgba(42, 106, 181, 0.15) !important;
  background: rgba(255, 255, 255, 0.95) !important;
}

/* 项目卡片网格 */
.projects-grid,
.project-grid {
  gap: 18px !important;
}

/* 项目卡片 */
.project-card {
  background: #ffffff !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  border: 1px solid var(--crystal-border-light, rgba(255, 255, 255, 0.35)) !important;
  border-radius: var(--dloa-radius-lg, 6px) !important;
  overflow: hidden;
  position: relative;
}

/* 项目卡片悬停：仅变底色，不上浮不投影 */
.project-card:hover {
  background: var(--crystal-bg-white-hover, #f8fafc) !important;
  transform: none !important;
}

/* 项目卡片左侧蓝色指示条 */
.project-card::before {
  background: var(--gov-blue, #1a4c8a) !important;
  box-shadow: none;
}

/* ---------- 3. 公告公示页 (announcements.html) 专属增强 ---------- */

/* 页面标题区域 */
.page-title-area {
  background: #ffffff !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  border-bottom: 1px solid var(--crystal-border-light, rgba(255, 255, 255, 0.35)) !important;
}

/* 公告卡片 */
.announcement-card {
  background: #ffffff !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  border: 1px solid var(--crystal-border-light, rgba(255, 255, 255, 0.35)) !important;
  border-radius: var(--dloa-radius-lg, 6px) !important;
  position: relative;
  overflow: hidden;
}

/* 公告卡片悬停：仅变底色，不上浮不投影 */
.announcement-card:hover {
  background: var(--crystal-bg-white-hover, #f8fafc) !important;
  transform: none !important;
}

/* 数据区段 */
.data-section {
  background: #ffffff !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  border: 1px solid var(--crystal-border-light, rgba(255, 255, 255, 0.35)) !important;
  border-radius: var(--dloa-radius-lg, 6px) !important;
  overflow: hidden;
}

.data-section-header {
  background: #e8f0fe !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  border-bottom: 1px solid var(--crystal-border-light, rgba(255, 255, 255, 0.35)) !important;
}

/* ---------- 4. 数据统计页 (platform-stats.html) 专属增强 ---------- */

/* 页面标题栏 */
.page-title-bar {
  background: #ffffff !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  border: 1px solid var(--crystal-border-light, rgba(255, 255, 255, 0.35)) !important;
  border-radius: var(--dloa-radius-lg, 6px) !important;
}

/* 统计卡片增强 - 已在主文件中处理，此处补充平台统计专用 */
.stats-overview {
  gap: 18px !important;
}

/* 区段卡片 */
.section-card {
  background: #ffffff !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  border: 1px solid var(--crystal-border-light, rgba(255, 255, 255, 0.35)) !important;
  border-radius: var(--dloa-radius-lg, 6px) !important;
  overflow: hidden;
}

.section-card-header {
  background: #e8f0fe !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  border-bottom: 1px solid var(--crystal-border-light, rgba(255, 255, 255, 0.35)) !important;
}

/* 交易分布列 */
.transaction-col {
  transition: background var(--crystal-transition, 0.3s cubic-bezier(0.4, 0, 0.2, 1)) !important;
}

.transaction-col:hover {
  background: rgba(255, 255, 255, 0.15) !important;
}

/* ---------- 5. 公告详情页 (notice-detail.html) 专属增强 ---------- */

/* 内容卡片 */
.notice-detail-card,
.detail-card,
.detail-content {
  background: #ffffff !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  border: 1px solid var(--crystal-border-light, rgba(255, 255, 255, 0.35)) !important;
  border-radius: var(--dloa-radius-lg, 6px) !important;
}

/* ---------- 6. 项目详情页 (project-detail.html) 专属增强 ---------- */

/* 详情卡片 */
.card {
  background: #ffffff !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  border: 1px solid var(--crystal-border-light, rgba(255, 255, 255, 0.35)) !important;
  border-radius: var(--dloa-radius-lg, 6px) !important;
  overflow: hidden;
}

.card-header {
  background: #e8f0fe !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  border-bottom: 1px solid #c8d8e8 !important;
}
.card-header h3,
.card-header .card-title {
  color: #0a1628 !important;
}

/* 信息网格项 */
.info-item {
  background: #f0f6ff !important;
  border: 1px solid var(--crystal-border-light, rgba(255, 255, 255, 0.35)) !important;
  border-radius: var(--dloa-radius-lg, 8px) !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}

.info-item:hover {
  background: #e8f0fe !important;
}

/* 通知列表项 */
.notice-list-item {
  border-radius: var(--dloa-radius-lg, 8px) !important;
}

.notice-list-item:hover {
  background: var(--crystal-bg-white, #ffffff) !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}

/* 标签增强 */
.tag {
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}

.tag-category {
  background: rgba(42, 106, 181, 0.15) !important;
  border: 1px solid rgba(42, 106, 181, 0.25) !important;
}

/* ---------- 7. 专家登录页 (expert-login.html) 统一风格 ---------- */

/* 登录页面背景 */
.expert-login-body,
.expert-register-body {
  background: #f0f2f5 !important;
  background-attachment: fixed !important;
  position: relative;
  overflow: hidden;
}

/* 移除光斑 */
.expert-login-body::before,
.expert-register-body::before,
.expert-login-body::after,
.expert-register-body::after {
  display: none !important;
}

/* 认证卡片 - 白色卡片风格 */
.auth-card {
  background: #ffffff !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  border: 1px solid #e8e8e8 !important;
  border-radius: 4px !important;
  position: relative;
  overflow: hidden;
  z-index: 1;
}

/* 移除认证卡片顶部微光 */
.auth-card::before {
  display: none !important;
}

/* 认证卡片标题文字 */
.auth-card h1 {
  color: rgba(0, 0, 0, 0.85) !important;
  text-shadow: none !important;
}

.auth-card .desc {
  color: rgba(0, 0, 0, 0.45) !important;
}

/* 表单标签 */
.auth-card label {
  color: rgba(0, 0, 0, 0.85) !important;
}

/* 认证页面输入框 */
.auth-card input,
.auth-card textarea,
.auth-card select {
  background: #ffffff !important;
  border: 1px solid #d9d9d9 !important;
  color: rgba(0, 0, 0, 0.85) !important;
  border-radius: 2px !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  transition: var(--dloa-transition-colors) !important;
}

.auth-card input::placeholder,
.auth-card textarea::placeholder {
  color: #bfbfbf !important;
}

.auth-card input:focus,
.auth-card textarea:focus,
.auth-card select:focus {
  background: #ffffff !important;
  border-color: #0b68da !important;
  box-shadow: 0 0 0 2px rgba(11, 104, 218, 0.2) !important;
  outline: none !important;
}

/* 认证页面按钮 */
.auth-card .btn {
  background: #0b68da !important;
  border: none !important;
  border-radius: 2px !important;
  box-shadow: none !important;
  transition: var(--dloa-transition-colors) !important;
  text-shadow: none !important;
  color: white !important;
}

.auth-card .btn:hover {
  background: #0954b0 !important;
  box-shadow: none !important;
  transform: none !important;
}

/* 认证页面链接 */
.auth-card .links a {
  color: #0b68da !important;
  transition: color 0.3s !important;
}

.auth-card .links a:hover {
  color: #0954b0 !important;
  text-shadow: none !important;
}

/* 状态信息卡片 */
.auth-card .status-text {
  border-radius: 2px !important;
  border: 1px solid #e8e8e8 !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}

.auth-card .status-text.info {
  background: #e6f7ff !important;
  border-color: #91d5ff !important;
}

.auth-card .status-text.success {
  background: #f6ffed !important;
  border-color: #b7eb8f !important;
}

.auth-card .status-text.error {
  background: #fff1f0 !important;
  border-color: #ffa39e !important;
}

/* ---------- 8. 专家注册页 (expert-register.html) ---------- */

/* 注册页与登录页共用 auth-card，已在上方处理 */
/* 注册页绿色按钮 */
.expert-register-body .btn,
.auth-card .btn[type='submit'] {
  background: #52c41a !important;
  box-shadow: none !important;
}

.expert-register-body .btn:hover,
.auth-card .btn[type='submit']:hover {
  background: #73d13d !important;
  box-shadow: none !important;
  transform: none !important;
}

/* ---------- 9. 专家中心 (expert-center.html) ---------- */

/* 顶部栏 */
.topbar {
  background: #ffffff !important;
  border: 1px solid #e8e8e8 !important;
  border-radius: 4px !important;
}

/* 页面容器 */
.page {
  position: relative;
  z-index: 1;
}

/* 汇总卡片 */
.summary-card {
  background: #ffffff !important;
  border: 1px solid #e8e8e8 !important;
  border-radius: 8px !important;
  transition: var(--dloa-transition-colors) !important;
}

.summary-card:hover {
  transform: none !important;
}

/* 汇总数值文字 */
.summary-card .summary-label {
  color: rgba(0, 0, 0, 0.45) !important;
}

.summary-card .summary-value {
  color: #0b68da !important;
  font-weight: 700 !important;
}

/* 面板 */
.panel {
  background: #ffffff !important;
  border: 1px solid #e8e8e8 !important;
  border-radius: 8px !important;
}

/* 面板标题 */
.panel-title {
  color: rgba(0, 0, 0, 0.85) !important;
  font-weight: 600 !important;
}

/* 表单字段 */
.field label {
  color: rgba(0, 0, 0, 0.85) !important;
}

.field input,
.field textarea,
.field select {
  background: #ffffff !important;
  border: 1px solid #d9d9d9 !important;
  color: rgba(0, 0, 0, 0.85) !important;
  border-radius: 4px !important;
  transition: var(--dloa-transition-colors) !important;
}

.field input:focus,
.field textarea:focus,
.field select:focus {
  background: #ffffff !important;
  border-color: #0b68da !important;
  box-shadow: 0 0 0 2px rgba(11, 104, 218, 0.2) !important;
}

.field input[readonly],
.field textarea[readonly] {
  background: #f5f5f5 !important;
  color: rgba(0, 0, 0, 0.65) !important;
}

/* 只读框 */
.readonly-box input[readonly],
.readonly-box textarea[readonly] {
  background: #f5f5f5 !important;
  color: rgba(0, 0, 0, 0.65) !important;
}

/* 证明材料卡片 */
.proof-card {
  background: #f0f6ff !important;
  border: 1px solid #d9d9d9 !important;
  border-radius: 8px !important;
}

.proof-card-title {
  color: #0b68da !important;
}

.proof-card-name {
  color: rgba(0, 0, 0, 0.85) !important;
}

.proof-card-meta,
.proof-card-empty,
.proof-upload-note {
  color: rgba(0, 0, 0, 0.45) !important;
}

/* 上传文件区域 */
.proof-upload-file {
  background: #fafafa !important;
  border: 1px dashed #d9d9d9 !important;
  border-radius: 4px !important;
  color: rgba(0, 0, 0, 0.65) !important;
}

/* 提示信息 */
.tip {
  background: #e6f7ff !important;
  border: 1px solid #91d5ff !important;
  border-radius: 4px !important;
  color: #0b68da !important;
}

/* 表格 */
.table-wrap {
  background: #ffffff !important;
  border: 1px solid #e8e8e8 !important;
  border-radius: 8px !important;
}

table {
  background: transparent !important;
}

th {
  background: #fafafa !important;
  color: rgba(0, 0, 0, 0.85) !important;
  border-bottom: 1px solid #e8e8e8 !important;
}

td {
  background: transparent !important;
  color: rgba(0, 0, 0, 0.65) !important;
  border-bottom: 1px solid #f0f0f0 !important;
}

/* 表格行悬停 */
tbody tr {
}

tbody tr:hover {
  background: #f5f5f5 !important;
}

tbody tr:hover td {
  color: rgba(0, 0, 0, 0.85) !important;
}

/* 标签 */
.tag-pending {
  background: #fff7e6 !important;
  border: 1px solid #ffd591 !important;
  color: #fa8c16 !important;
}

.tag-approved,
.tag-accepted {
  background: #f6ffed !important;
  border: 1px solid #b7eb8f !important;
  color: #52c41a !important;
}

.tag-rejected,
.tag-declined {
  background: #fff1f0 !important;
  border: 1px solid #ffa39e !important;
  color: #f5222d !important;
}

/* 空状态 */
.empty {
  color: rgba(0, 0, 0, 0.25) !important;
}

/* 评标任务卡片 */
.review-task-card {
  background: #ffffff !important;
  border: 1px solid #e8e8e8 !important;
  border-radius: 8px !important;
}

.review-task-card:hover {
  background: #fafafa !important;
  border-color: #0b68da !important;
}

.review-task-card.active {
  border-color: #0b68da !important;
  box-shadow: 0 0 0 2px rgba(11, 104, 218, 0.2) !important;
}

/* 评标任务标题 */
.review-task-title {
  color: rgba(0, 0, 0, 0.85) !important;
}

.review-task-meta {
  color: rgba(0, 0, 0, 0.45) !important;
}

.review-task-progress {
  color: #0b68da !important;
}

/* 评标详情面板 */
.review-detail {
  background: #ffffff !important;
  border: 1px solid #e8e8e8 !important;
  border-radius: 8px !important;
}

.review-detail-title {
  color: rgba(0, 0, 0, 0.85) !important;
}

.review-detail-subtitle {
  color: rgba(0, 0, 0, 0.45) !important;
}

/* KPI 卡片 */
.review-kpi {
  background: #fafafa !important;
  border: 1px solid #e8e8e8 !important;
  border-radius: 8px !important;
}

.review-kpi strong {
  color: rgba(0, 0, 0, 0.85) !important;
}

.review-kpi span {
  color: rgba(0, 0, 0, 0.45) !important;
}

/* 投标人卡片 */
.review-bidder-card {
  background: #ffffff !important;
  border: 1px solid #e8e8e8 !important;
  border-radius: 8px !important;
}

.review-bidder-title {
  color: rgba(0, 0, 0, 0.85) !important;
}

/* 评分项 */
.review-score-item {
  background: #fafafa !important;
  border: 1px solid #e8e8e8 !important;
  border-radius: 4px !important;
}

.review-score-item:focus-within {
  border-color: #0b68da !important;
  box-shadow: 0 0 0 2px rgba(11, 104, 218, 0.2) !important;
}

.review-score-item label {
  color: rgba(0, 0, 0, 0.85) !important;
}

.review-score-item small {
  color: rgba(0, 0, 0, 0.45) !important;
}

.review-score-item input {
  background: #ffffff !important;
  border: 1px solid #d9d9d9 !important;
  color: rgba(0, 0, 0, 0.85) !important;
  border-radius: 4px !important;
  transition: var(--dloa-transition-colors) !important;
}

.review-score-item input:focus {
  background: #ffffff !important;
  border-color: #0b68da !important;
  box-shadow: 0 0 0 2px rgba(11, 104, 218, 0.2) !important;
}

/* 评标提示 */
.review-note {
  background: #fff7e6 !important;
  border: 1px solid #ffd591 !important;
  border-radius: 4px !important;
  color: #fa8c16 !important;
}

.review-locked-note {
  background: #f6ffed !important;
  border: 1px solid #b7eb8f !important;
  border-radius: 4px !important;
  color: #52c41a !important;
}

/* 多选下拉面板 */
.multi-select-panel {
  background: #ffffff !important;
  border: 1px solid #e8e8e8 !important;
  border-radius: 8px !important;
}

.multi-select-trigger {
  background: #ffffff !important;
  border: 1px solid #d9d9d9 !important;
  color: rgba(0, 0, 0, 0.85) !important;
  border-radius: 4px !important;
  transition: var(--dloa-transition-colors) !important;
}

.multi-select-trigger.empty {
  color: rgba(0, 0, 0, 0.25) !important;
}

.multi-select-trigger.active {
  border-color: #0b68da !important;
  box-shadow: 0 0 0 2px rgba(11, 104, 218, 0.2) !important;
}

.check-item {
  background: #f0f6ff !important;
  border: 1px solid #d9d9d9 !important;
  color: rgba(0, 0, 0, 0.65) !important;
}

.check-item:hover {
  background: #e6f7ff !important;
  border-color: #0b68da !important;
}

/* ---------- 10. 专家评标 (expert-evaluate.html) 专属增强 ---------- */

/* 评标页面与专家中心共享 .topbar, .panel 等样式 */
/* 此处补充评标专用样式 */

/* 工具入口按钮 */
.tool-entry-btn {
  background: #ffffff !important;
  border: 1px solid #d9d9d9 !important;
  color: rgba(0, 0, 0, 0.65) !important;
}

.tool-entry-btn:hover {
  background: #f0f6ff !important;
  border-color: #0b68da !important;
  color: #0b68da !important;
}

.tool-entry-btn.active {
  background: #0b68da !important;
  border-color: #0b68da !important;
  color: #ffffff !important;
}

.tool-entry-btn-warning {
  background: #fa8c16 !important;
  border: 1px solid #fa8c16 !important;
  color: #ffffff !important;
}

.tool-entry-btn-danger {
  background: #f5222d !important;
  border: 1px solid #f5222d !important;
  color: #ffffff !important;
}

/* 已提交按钮（禁用态） */
.btn-submitted {
  background: #f5f5f5 !important;
  border: 1px solid #d9d9d9 !important;
  color: rgba(0, 0, 0, 0.25) !important;
  cursor: not-allowed !important;
}

/* 详情工具操作区 */
.detail-head-actions,
.detail-tool-actions {
  gap: 10px !important;
}

/* ---------- 11. WPS打开页 (wps-open.html) 专属增强 ---------- */

/* WPS页面容器 */
.wps-open-body .wrap {
  position: relative;
  z-index: 1;
}

/* WPS卡片 */
.wps-open-body .card {
  background: #ffffff !important;
  border: 1px solid #e8e8e8 !important;
  border-radius: 8px !important;
}

/* 信息区域 */
.wps-open-body .info {
  background: #fafafa !important;
  border: 1px solid #e8e8e8 !important;
  border-radius: 4px !important;
}

.wps-open-body .info strong {
  color: rgba(0, 0, 0, 0.85) !important;
}

/* 状态区域 */
.wps-open-body .status {
  border-radius: 4px !important;
}

.wps-open-body .status.info {
  background: #e6f7ff !important;
  border-color: #91d5ff !important;
}

.wps-open-body .status.warn {
  background: #fff7e6 !important;
  border-color: #ffd591 !important;
}

.wps-open-body .status.error {
  background: #fff1f0 !important;
  border-color: #ffa39e !important;
}

.wps-open-body .status.success {
  background: #f6ffed !important;
  border-color: #b7eb8f !important;
}

/* WPS按钮 */
.wps-open-body .btn-primary {
  background: #0b68da !important;
  border: 1px solid #0b68da !important;
  border-radius: 4px !important;
  transition: var(--dloa-transition-colors) !important;
}

.wps-open-body .btn-primary:hover {
  background: #0954b0 !important;
  border-color: #0954b0 !important;
}

.wps-open-body .btn-secondary {
  background: #ffffff !important;
  border: 1px solid #d9d9d9 !important;
  border-radius: 4px !important;
  transition: var(--dloa-transition-colors) !important;
}

.wps-open-body .btn-secondary:hover {
  background: #fafafa !important;
  border-color: #0b68da !important;
  color: #0b68da !important;
}

/* ---------- 12. 通用组件跨页面增强 ---------- */

/* 按钮 hover 效果 */
.btn-primary:hover {
  background: #0954b0 !important;
  border-color: #0954b0 !important;
  box-shadow: none !important;
}

.btn-outline:hover {
  border-color: #0b68da !important;
  color: #0b68da !important;
}

/* 链接按钮 */
.link-btn,
a.link-btn {
  border: 1px solid #d9d9d9 !important;
  transition: var(--dloa-transition-colors) !important;
}

.link-btn:hover,
a.link-btn:hover {
  border-color: #0b68da !important;
  color: #0b68da !important;
}

/* 按钮通用 */
.btn-primary,
.btn-success,
.btn-warning,
.btn-danger,
.btn-secondary {
  transition:
    background-color 0.2s ease,
    border-color 0.2s ease,
    color 0.2s ease !important;
}

.btn-success:hover {
  box-shadow: none !important;
}

.btn-warning:hover {
  box-shadow: none !important;
}

.btn-danger:hover {
  box-shadow: none !important;
}

.btn-secondary:hover {
  border-color: #0b68da !important;
  color: #0b68da !important;
}

/* 表格行 hover 效果 */
.page-header table tbody tr:hover,
.main-content table tbody tr:hover,
.main-container table tbody tr:hover,
.page-container table tbody tr:hover,
.page-content table tbody tr:hover,
.data-section table tbody tr:hover {
  background: #f5f5f5 !important;
}

/* 模态框 */
.modal-mask {
  background: rgba(0, 0, 0, 0.45) !important;
}

.modal-box {
  background: #ffffff !important;
  border: 1px solid #e8e8e8 !important;
  border-radius: 8px !important;
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.15) !important;
}

.modal-head {
  background: #fafafa !important;
  border-bottom: 1px solid #e8e8e8 !important;
}
.modal-head h3,
.modal-head .modal-title {
  color: rgba(0, 0, 0, 0.85) !important;
}

.modal-body {
  color: rgba(0, 0, 0, 0.65) !important;
}
.modal-body h1,
.modal-body h2,
.modal-body h3,
.modal-body h4 {
  color: rgba(0, 0, 0, 0.85) !important;
}
.modal-body label,
.modal-body .detail-label {
  color: rgba(0, 0, 0, 0.65) !important;
}
.modal-body .detail-content,
.modal-body .detail-value {
  color: rgba(0, 0, 0, 0.85) !important;
}

.modal-close {
  background: #f5f5f5 !important;
  border: 1px solid #e8e8e8 !important;
  border-radius: 4px !important;
}

.modal-close:hover {
  background: #e8e8e8 !important;
}

/* 提示消息 (Toast) */
.toast {
  border-radius: 4px !important;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15) !important;
}

.toast.success {
  background: #f6ffed !important;
  border: 1px solid #b7eb8f !important;
  color: #52c41a !important;
}

.toast.error {
  background: #fff1f0 !important;
  border: 1px solid #ffa39e !important;
  color: #f5222d !important;
}

.toast.info {
  background: #e6f7ff !important;
  border: 1px solid #91d5ff !important;
  color: #0b68da !important;
}

/* ---------- 13. 页面背景 - 蓝紫色调渐变 ---------- */

/* 浅色页面背景 */
.projects-body,
.announcements-body,
.notice-detail-body,
.project-detail-body,
.platform-stats-body {
  background: #f0f2f5 !important;
  background-attachment: fixed !important;
  min-height: 100vh;
  position: relative;
}

/* 专家系统页面统一浅色背景 */
.expert-login-body,
.expert-register-body,
.expert-center-body,
.expert-evaluate-body {
  background: #f0f2f5 !important;
  background-attachment: fixed !important;
  min-height: 100vh;
  position: relative;
  overflow: hidden;
}

/* 移除所有浮动光斑 */
.expert-login-body::before,
.expert-register-body::before,
.expert-center-body::before,
.expert-evaluate-body::before,
.expert-login-body::after,
.expert-register-body::after,
.expert-center-body::after,
.expert-evaluate-body::after {
  display: none !important;
}

/* WPS页面背景 */
.wps-open-body {
  background: #f0f2f5 !important;
  background-attachment: fixed !important;
  min-height: 100vh;
  position: relative;
}

/* ============================================================
 * 文字可读性增强 - 统一浅色主题文字样式
 * ============================================================ */

/* ---- 页面标题文字 ---- */
.page-header h1,
.page-title-area h1,
.page-title-bar h1,
.page-header h2,
.page-title-area h2,
.page-container h2,
.page-container h3 {
  color: rgba(0, 0, 0, 0.85) !important;
  font-weight: 600 !important;
}

.project-card h3,
.project-card .project-name,
.announcement-card h3,
.announcement-card .title {
  color: rgba(0, 0, 0, 0.85) !important;
  font-weight: 600 !important;
}

.project-card p,
.project-card .info-item,
.announcement-card p,
.announcement-card .info,
.page-container p,
.page-container span,
.page-container td,
.page-container li {
  color: rgba(0, 0, 0, 0.65) !important;
}

.project-card .tag,
.project-card .status-tag,
.announcement-card .tag {
  font-weight: 500 !important;
}

/* 项目/公告卡片内链接文字 */
.project-card a,
.announcement-card a {
  color: #0b68da !important;
  font-weight: 500 !important;
}

/* 过滤面板文字 */
.filter-panel label,
.filter-panel select,
.filter-bar label,
.filter-bar select,
.filter-bar input {
  color: rgba(0, 0, 0, 0.65) !important;
}

/* ---- 专家中心/评标文字 ---- */
.topbar .title,
.expert-center-body .page h2,
.expert-center-body .panel h3 {
  color: rgba(0, 0, 0, 0.85) !important;
  font-weight: 600 !important;
}

.expert-center-body .page p,
.expert-center-body .page span,
.expert-center-body .page td,
.expert-center-body .page li,
.expert-center-body .summary-card p,
.expert-center-body .summary-card span,
.expert-center-body .panel p,
.expert-center-body .panel span,
.expert-center-body .panel td,
.expert-center-body .overview-item span {
  color: rgba(0, 0, 0, 0.65) !important;
}

.expert-center-body .page .desc,
.expert-center-body .summary-card .desc,
.expert-center-body .panel .desc,
.expert-center-body .muted-text {
  color: rgba(0, 0, 0, 0.45) !important;
}

.expert-center-body .overview-item strong,
.expert-center-body .summary-metric strong,
.expert-center-body .stat strong {
  color: #0b68da !important;
  font-weight: 700 !important;
}

/* 专家登录/注册文字 */
.expert-login-body .auth-card h1,
.expert-login-body .auth-card h2,
.expert-register-body .auth-card h1,
.expert-register-body .auth-card h2 {
  color: rgba(0, 0, 0, 0.85) !important;
  font-weight: 600 !important;
}

.expert-login-body .auth-card p,
.expert-login-body .auth-card label,
.expert-login-body .auth-card span,
.expert-register-body .auth-card p,
.expert-register-body .auth-card label,
.expert-register-body .auth-card span {
  color: rgba(0, 0, 0, 0.65) !important;
}

/* 专家评标文字 */
.expert-evaluate-body h1,
.expert-evaluate-body h2,
.expert-evaluate-body h3 {
  color: rgba(0, 0, 0, 0.85) !important;
  font-weight: 600 !important;
}

.expert-evaluate-body p,
.expert-evaluate-body span,
.expert-evaluate-body td,
.expert-evaluate-body li {
  color: rgba(0, 0, 0, 0.65) !important;
}

.expert-evaluate-body .field label,
.expert-evaluate-body .review-section label {
  color: rgba(0, 0, 0, 0.85) !important;
  font-weight: 500 !important;
}

/* 详情页文字 */
.detail-card h1,
.detail-card h2,
.detail-card h3,
.notice-detail-body .detail-card h1,
.notice-detail-body .detail-card h2,
.project-detail-body .detail-card h1,
.project-detail-body .detail-card h2 {
  color: rgba(0, 0, 0, 0.85) !important;
  font-weight: 600 !important;
}

.detail-card p,
.detail-card span,
.detail-card td,
.detail-card .info-item,
.detail-card .info-value,
.notice-list-item p,
.notice-list-item span,
.project-info-item span,
.project-info-item p {
  color: rgba(0, 0, 0, 0.65) !important;
}

/* WPS页面文字 */
.wps-open-body h1,
.wps-open-body h2,
.wps-open-body h3 {
  color: rgba(0, 0, 0, 0.85) !important;
  font-weight: 600 !important;
}

.wps-open-body p,
.wps-open-body span,
.wps-open-body li {
  color: rgba(0, 0, 0, 0.65) !important;
}

/* ---------- 14. 无障碍：减少动画偏好 ---------- */

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}