/* ============================================================================
   IPE 设计细节升级（classic 1:1 版专用）
   原则：不改变旧站版式与信息结构，只做细节层面的统一：
     1) 品牌标识尺寸/位置
     2) 字号层级与字距
     3) 按钮 / 卡片 / 输入框的圆角、阴影、过渡
     4) 留白与分割线
   主色：沿用旧站暗红（--ipe-red），蓝色（--ipe-blue，来自新 logo）只做点缀。
   ============================================================================ */

:root {
  --ipe-red: #B92B2F;
  --ipe-red-dark: #8e1f22;
  --ipe-blue: #2F80ED;      /* 新 logo 蓝 */
  --ipe-ink: #1f2329;
  --ipe-muted: #8a939b;
  --ipe-line: #eceff3;
  --ipe-radius: 8px;
  --ipe-shadow: 0 6px 18px rgba(20, 24, 32, .08);
  --ipe-shadow-hover: 0 10px 26px rgba(20, 24, 32, .12);
}

html { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
body { letter-spacing: .01em; }

/* ---------- 1) 品牌标识 ---------- */
/* 头部 logo：旧站限制 48px，这里放大到 52px 并贴齐导航基线 */
.icon1111_top {
  height: 60px !important;   /* 加大一号：与 60px 导航行等高，1:1 像素 */
  margin-top: 0 !important;
  object-fit: contain;
}

/* ---------- 2) 字号层级 ---------- */
/* 标题统一字重与字距，让“大气感”更聚焦 */
h1, h2, h3, .word1, .word2, .word3 {
  letter-spacing: .02em;
}
/* 正文行高微调，提高可读性 */
p, .txt1, .txt2, .txt3, .txt4, .txt5, .txt6, .txt7 {
  line-height: 1.7;
}

/* ---------- 3) 按钮：统一圆角 + 过渡 + 悬浮 ---------- */
/* 只给真正的按钮/分页项加过渡，避免整块容器（mod1/hero）被加阴影而“浮起” */
button, .btn, .go-page, .page-item {
  transition: background-color .18s ease, color .18s ease, border-color .18s ease;
}
button:hover, .btn:hover {
  box-shadow: 0 4px 12px rgba(20,24,32,.10);
}
/* 主按钮（旧站暗红底白字那些） */
[style*="background: #B92B2F"], [style*="background:#B92B2F"],
[style*="background: rgb(185, 43, 47)"] {
  border-radius: var(--ipe-radius) !important;
}

/* ---------- 4) 卡片 / 图片 / 输入框 ---------- */
img { image-rendering: -webkit-optimize-contrast; }

input[type="text"], input[type="password"], input[type="tel"], select, textarea {
  border-radius: var(--ipe-radius) !important;
  transition: border-color .18s ease, box-shadow .18s ease;
}
input:focus, select:focus, textarea:focus {
  outline: none;
  border-color: var(--ipe-blue) !important;
  box-shadow: 0 0 0 3px rgba(47, 128, 237, .12) !important;
}

/* ---------- 5) 蓝色点缀（新 logo 品牌色，不抢主色） ---------- */
a:hover { color: var(--ipe-blue); }
/* 选中态/当前态保留暗红，避免品牌色混乱 */
.onlink, .page-active, .cur { color: var(--ipe-red) !important; }

/* ---------- 6) 首屏 hero 与整页白底一体化 ---------- */
/* 旧站 JS 会把推荐图设为 .main2 背景（白色蒙层 + 图片），视觉上像一层底纹；
   这里统一为纯白，和页面其余部分融为一体。 */
#indextjbj.main2,
.main2#indextjbj {
  background: #ffffff !important;
  background-image: none !important;
}

/* ---------- 7) 首屏主标题/副标题：只加深加粗，字号保持旧站原值 ---------- */
/* 旧站：.word2 40px / .txt2 20px，颜色 #444C56 —— 这里不改字号，只改颜色与字重 */
.wrap1 {
  width: 540px !important;   /* 恢复原宽度 */
  height: 106px !important;
}
.word2 {
  width: 540px !important;
  height: 60px !important;
  line-height: 60px !important;
  font-size: 40px !important;   /* 保持 40px，不放大 */
  color: #1f2329 !important;    /* 加深 */
  font-weight: 700 !important;  /* 加粗 */
  letter-spacing: .01em;
}
.txt2 {
  width: 500px !important;
  height: 26px !important;
  line-height: 26px !important;
  font-size: 20px !important;   /* 保持 20px，不放大 */
  color: #2f353d !important;    /* 加深 */
  font-weight: 600 !important;  /* 加粗 */
  letter-spacing: .02em;
}

/* ---------- 8) 滚动条（细节） ---------- */
::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-thumb { background: #d8dce2; border-radius: 6px; }
::-webkit-scrollbar-thumb:hover { background: #c4cad2; }
::-webkit-scrollbar-track { background: transparent; }

/* ============================================================================
   9) 移动端适配（PC 版式完全保留，<=768px 才重排）
   ============================================================================ */
@media (max-width: 1200px) {
  .mod1, .main3, .main10, .main11, .main12, .main13 { width: 100% !important; }
}
@media (max-width: 768px) {
  html, body { overflow-x: hidden; }
  .main1_top { height: auto !important; padding-bottom: 8px; }
  .icon1111_top { height: 44px !important; margin: 8px 0 0 12px !important; }
  .layer2_top { height: auto !important; margin-top: 0 !important; padding: 6px 0; }
  .layer33_top { width: auto !important; margin: 6px 12px !important; float: none !important; }
  .section11_top { width: 100% !important; }
  .main2 { height: auto !important; min-height: 0 !important; padding-bottom: 20px; }
  .mod1 { width: 100% !important; height: auto !important; padding: 20px 12px 8px !important; flex-direction: column !important; }
  .wrap1 { width: 100% !important; height: auto !important; margin-top: 6px !important; }
  .wrap2 { width: 100% !important; height: auto !important; margin-top: 14px !important; }
  .word2 { font-size: 25px !important; line-height: 1.35 !important; height: auto !important; white-space: normal !important; }
  .txt2 { font-size: 15px !important; line-height: 1.5 !important; height: auto !important; white-space: normal !important; margin-top: 8px !important; }
  .outer1 { width: 100% !important; margin: 10px 0 0 0 !important; flex-wrap: wrap !important; }
  .main3 { width: 100% !important; height: auto !important; margin: 18px auto !important; padding: 0 12px; flex-wrap: wrap !important; }
  .main3 .Box, .main3 .Box_con { width: 100% !important; }
  [class*="flex-row"] { flex-wrap: wrap !important; }
  img { max-width: 100% !important; }
  .layer7_open2 { flex-wrap: wrap !important; }
  .box2_open2 { width: 48% !important; margin: 0 0 12px 0 !important; }
  .layer6 { flex-wrap: wrap !important; }
  .mod7 { width: auto !important; }
}

/* ---------- 10) 移动端：弹层与表格兜底 ---------- */
@media (max-width: 768px) {
  .outer1_open2, .group1_openbox, .main1_openbox, .bd5_open3, .bd12_open3, .bd13_open3 {
    max-width: 94vw !important; width: 94vw !important; left: 3vw !important; right: 3vw !important;
    margin: 0 !important; padding: 10px !important; box-sizing: border-box !important;
  }
  .layer6_open2, .layer7_open2, .layer7_open3, .group8_open3 {
    width: 100% !important; box-sizing: border-box !important;
  }
  .word2, .txt2, .word1_open3 { white-space: normal !important; }
  .page, .layer1, .main1_top, .main2, .main3, .main9, .main12, .main13b { max-width: 100vw !important; }
}

/* ---------- 11) 首页「最新发布」轮播：修复竖幅图撑破卡片 ---------- */
/* 旧站 CSS: li img { margin:0 -30%; max-width:-webkit-fill-available; min-height:265px }
   真实竖幅图（如红底甲骨文 1667x2500）会把 li 撑得很高 → 卡片高度不齐。
   统一为固定卡片高度 + object-fit 裁切，所有图片一致。 */
.Box .Box_con .conbox ul li {
  height: 265px !important;
  overflow: hidden !important;
}
.Box .Box_con .conbox ul li img {
  width: 100% !important;
  height: 265px !important;
  margin: 0 !important;
  max-width: none !important;
  min-height: 0 !important;
  object-fit: cover !important;
  object-position: center top !important;
  display: block;
}
.Box .Box_con .conbox ul li a {
  height: 265px !important;
}