/* 吉丰企业官网 主题样式  v0.1 预览版
   设计语言：企业蓝主色 + 红框内容块，简洁专业、响应式 */
:root{
  --blue:#0b4f9e; --blue-2:#146ec8; --blue-dark:#073a78;
  --red:#c8102e; --ink:#222; --muted:#6b7785; --line:#e3e8ef; --bg-soft:#f5f8fc;
}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:"Microsoft YaHei","PingFang SC",-apple-system,"Segoe UI",sans-serif;color:var(--ink);background:#fff;line-height:1.7}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.container{max-width:1200px;margin:0 auto;padding:0 20px}
.section{padding:64px 0}
.bg-soft{background:var(--bg-soft)}

/* 顶部 */
.header{background:var(--blue);position:sticky;top:0;z-index:50}
.header .container{display:flex;align-items:center;justify-content:space-between;height:144px}
.logo{display:flex;align-items:center;gap:10px;color:#fff;font-weight:700;font-size:24px}
.logo img{height:48px}
.nav{display:flex;gap:8px}
.nav a{padding:16px 26px;color:#dce8f7;font-size:17px;border-radius:6px;transition:.2s}
.nav a:hover,.nav a.active{background:var(--blue-2);color:#fff}

/* 首页：全屏固定底图，点击后顶部导航栏从上方滑入 */
.home-bg{position:fixed;inset:0;background:var(--blue-dark) center/cover no-repeat;z-index:0;cursor:pointer}
.home-hint{position:fixed;left:0;right:0;bottom:24px;text-align:center;color:rgba(255,255,255,.75);font-size:13px;letter-spacing:2px;z-index:1;pointer-events:none}

/* 首页顶部导航：默认隐藏于屏幕上方，点击底图后滑入 */
.home-header{position:fixed;top:0;left:0;right:0;height:72px;background:var(--blue);z-index:60;display:flex;align-items:center;justify-content:space-between;padding:0 32px;transform:translateY(-100%);transition:transform .35s}
.home-header.show{transform:translateY(0)}
.home-header .logo{display:flex;align-items:center;gap:10px;color:#fff;font-weight:700;font-size:20px}
.home-header .logo img{height:40px}
.home-header .nav{display:flex;gap:6px}
.home-header .nav a{padding:10px 16px;color:#dce8f7;font-size:16px;border-radius:6px;transition:.2s}
.home-header .nav a:hover{background:var(--blue-2);color:#fff}

/* 轮播（业务页等如需可复用） */
.hero{position:relative;height:520px;overflow:hidden;background:#0a3a72}
.hero .slide{position:absolute;inset:0;opacity:0;transition:opacity .8s}
.hero .slide.active{opacity:1}
.hero .slide img{width:100%;height:100%;object-fit:cover}
.hero .caption{position:absolute;left:0;right:0;bottom:60px;text-align:center;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.5)}
.hero .caption h1{font-size:40px;margin-bottom:10px}
.hero .dots{position:absolute;bottom:24px;left:0;right:0;text-align:center}
.hero .dots span{display:inline-block;width:12px;height:12px;border-radius:50%;background:rgba(255,255,255,.5);margin:0 6px;cursor:pointer}
.hero .dots span.active{background:#fff}

/* 通用标题 */
.sec-title{text-align:center;margin-bottom:40px}
.sec-title h2{font-size:30px;color:var(--blue)}
.sec-title h2::after{content:"";display:block;width:56px;height:4px;background:var(--red);margin:14px auto 0}
.sec-title p{color:var(--muted);margin-top:10px}

/* 红框内容块（说明里反复出现的元素） */
.redbox{border:2px solid var(--red);border-radius:8px;padding:28px;background:#fff}
.redbox h3{color:var(--red);margin-bottom:12px;font-size:20px}
.redbox p{color:#444}

/* 三栏卡片 */
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.card{border:1px solid var(--line);border-radius:10px;overflow:hidden;transition:.2s;background:#fff}
.card:hover{box-shadow:0 10px 30px rgba(11,79,158,.12);transform:translateY(-4px)}
.card img{height:200px;object-fit:cover}
.card .body{padding:18px}
.card .body h3{color:var(--blue);font-size:19px;margin-bottom:8px}
.card .body p{color:var(--muted);font-size:14px}

/* 业务四宫格 */
.biz-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.biz-grid .card img{height:150px}

/* 背景图+红框（关于页风格） */
.banner-bg{position:relative;min-height:420px;display:flex;align-items:center;background-size:cover;background-position:center}
.banner-bg::before{content:"";position:absolute;inset:0;background:rgba(7,58,120,.55)}
.banner-bg .inner{position:relative;max-width:1200px;margin:0 auto;padding:0 20px;width:100%}
.banner-bg .redbox{max-width:560px;color:#fff}
.banner-bg .redbox{border-color:#fff}
.banner-bg .redbox h3,.banner-bg .redbox p{color:#fff}

/* 时间轴 发展历程 */
.timeline{position:relative;padding-left:30px;border-left:3px solid var(--blue)}
.timeline .item{position:relative;margin-bottom:28px}
.timeline .item::before{content:"";position:absolute;left:-39px;top:4px;width:16px;height:16px;border-radius:50%;background:var(--red);border:3px solid #fff;box-shadow:0 0 0 2px var(--red)}
.timeline .year{font-weight:700;color:var(--blue);font-size:18px}
.timeline .desc{color:#555}

/* 荣誉圆形 */
.honors{display:flex;gap:32px;justify-content:center;flex-wrap:wrap}
.honors img{width:200px;height:200px}

/* 合作伙伴 地图+两框 */
.partner{display:grid;grid-template-columns:1fr 1.2fr;gap:24px;align-items:center}
.partner .boxes{display:flex;flex-direction:column;gap:16px}
.partner .redbox{background:var(--bg-soft)}

/* 新闻列表 */
.news-list{display:grid;grid-template-columns:1fr 1fr;gap:32px}
.news-col h3{color:var(--red);border-left:4px solid var(--red);padding-left:10px;margin-bottom:16px}
.news-item{display:flex;gap:12px;padding:12px 0;border-bottom:1px dashed var(--line)}
.news-item .date{color:var(--blue);font-weight:700;white-space:nowrap}
.news-item a{color:#333}
.news-item a:hover{color:var(--blue-2)}

/* 页脚 */
.footer{background:var(--blue-dark);color:#cfe0f3;padding:2px 0 4px;font-size:12px;line-height:1.4;position:fixed;left:0;right:0;bottom:0;z-index:40}
body{padding-bottom:56px}
.footer .container{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:10px 30px}
.footer a{color:#cfe0f3}
.footer .copy{background:#062c57;text-align:center;padding:14px;color:#9fb8d6;font-size:13px}

/* 按钮 */
.btn{display:inline-block;background:var(--red);color:#fff;padding:12px 28px;border-radius:6px;font-size:16px;transition:.2s}
.btn:hover{background:#a50d25}

/* 响应式 */
@media (max-width:900px){
  .cards,.biz-grid{grid-template-columns:repeat(2,1fr)}
  .news-list{grid-template-columns:1fr}
  .partner{grid-template-columns:1fr}
  .header .container{height:144px;flex-direction:column;padding:10px 20px;gap:8px}
  .nav{flex-wrap:wrap;justify-content:center}
  .hero{height:360px}.hero .caption h1{font-size:26px}
}
@media (max-width:560px){
  .cards,.biz-grid{grid-template-columns:1fr}
  .honors img{width:140px;height:140px}
}

/* ===== 页面骨架：内容不够时 footer 贴底 ===== */
body{display:flex;flex-direction:column;min-height:100vh}
.section{flex:1;display:flex;flex-direction:column;justify-content:center}
.section .container{width:100%}

/* 强制一屏（新闻中心、加入我们）：禁止滚动、footer 紧贴最底部 */
.page-fit,.page-fit body{height:100vh;overflow:hidden}
.page-fit .section{padding:24px 0}
.page-fit .footer{padding:16px 0}
.page-fit .footer .copy{padding:8px 0}
.page-fit .sec-title{margin-bottom:18px}
.page-fit .sec-title h2{font-size:26px}
.page-fit .sec-title p{margin-top:4px}
.page-fit .redbox{padding:18px}
.page-fit .sec-title{text-align:left}
.page-fit .sec-title h2::after{margin:14px 0 0}
.page-fit .news-item{padding:6px 0}

/* 加入我们：浅蓝留白块（无红框） */
.join-block{max-width:760px;margin:0 auto;padding:18px 22px;background:#f5f8fc;border-radius:6px}
.join-block+.join-block,.sec-title+.join-block{margin-top:14px}
.join-block h3{font-size:15px;color:var(--blue-dark);margin-bottom:8px;font-weight:600}
.join-block p{font-size:13px;color:#555;line-height:1.8}

/* 卡片统一撑大 */
.about-grid .tile{display:flex;flex-direction:column}
.about-grid .tile img{flex:1;min-height:220px;height:auto}
.biz-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:8px}
.biz-grid .tile{cursor:pointer;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#fff;text-align:center;transition:.2s;display:flex;flex-direction:column}
.biz-grid .tile:hover{box-shadow:0 10px 30px rgba(11,79,158,.14);transform:translateY(-4px)}
.biz-grid .tile img{flex:1;min-height:200px;width:100%;object-fit:cover}
.biz-grid .tile span{display:block;padding:12px;color:var(--blue);font-weight:600;font-size:16px}

/* ===== 关于我们 v2：入口卡片 + 全屏覆盖层 ===== */
/* 五个子部分入口卡片 */
.about-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;margin-bottom:8px}
.about-grid .tile{cursor:pointer;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#fff;text-align:center;transition:.2s}
.about-grid .tile:hover{box-shadow:0 10px 30px rgba(11,79,158,.14);transform:translateY(-4px)}
.about-grid .tile img{height:120px;width:100%;object-fit:cover}
.about-grid .tile span{display:block;padding:12px;color:var(--blue);font-weight:600;font-size:16px}

/* 全屏覆盖层：点卡片后铺满整屏，标题与内容居左上角 */
.about-overlay{position:fixed;inset:0;background:#0a3a72;background-size:cover;background-position:center;z-index:90;display:flex;align-items:flex-start;justify-content:flex-start;opacity:0;visibility:hidden;transition:.35s;padding:84px 56px 48px;overflow:auto}
.about-overlay.show{opacity:1;visibility:visible}
.about-overlay::before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(7,58,120,.32),rgba(7,58,120,.18))}
.about-overlay .panel{position:relative;max-width:1080px;width:100%;border:none;padding:0;background:transparent}
.about-overlay .panel .redbox{border-color:#fff;background:rgba(255,255,255,.96);box-shadow:0 6px 24px rgba(0,0,0,.18)}
.about-overlay .panel h2{color:#fff;font-size:32px;margin-bottom:22px;text-align:left;text-shadow:0 2px 10px rgba(0,0,0,.4)}
.about-overlay .panel h3{color:var(--red);margin:18px 0 8px;font-size:19px}
.about-overlay .panel p{color:#333;font-size:15px;line-height:1.9}
.about-overlay .panel .timeline{background:rgba(255,255,255,.96);border-radius:10px;padding:18px 24px;box-shadow:0 6px 24px rgba(0,0,0,.18)}
.about-overlay .panel .timeline .year{color:var(--blue)}
.about-overlay .panel .timeline .desc{color:#333}
.about-overlay .panel .honors{margin-top:10px;background:rgba(255,255,255,.96);border-radius:10px;padding:22px;box-shadow:0 6px 24px rgba(0,0,0,.18)}
.about-overlay .panel .honors img{width:160px;height:160px}
.about-overlay .panel .partner{grid-template-columns:1fr 1.3fr;background:rgba(255,255,255,.96);border-radius:10px;padding:22px;box-shadow:0 6px 24px rgba(0,0,0,.18)}
.about-overlay .close{position:absolute;top:18px;right:24px;color:#fff;font-size:30px;cursor:pointer;line-height:1;z-index:2;text-shadow:0 2px 6px rgba(0,0,0,.5)}
@media (max-width:900px){
  .about-grid{grid-template-columns:repeat(2,1fr)}
  .biz-grid{grid-template-columns:repeat(2,1fr)}
}

/* 修复：导航菜单的 ul/li 排版（原 CSS 没覆盖到） */
.nav ul{display:flex;gap:6px;list-style:none;margin:0;padding:0}
.nav ul li{list-style:none}

/* ===== 全屏沉浸式基础（关于我们/业务/新闻/加入 共用） ===== */
.about-hero{position:relative;flex:1;background-size:cover;background-position:center;display:flex;align-items:center;justify-content:center;padding:40px 20px;min-height:0}
.about-hero::before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(0,0,0,.45),rgba(0,0,0,.25))}
.about-hero-inner{position:relative;z-index:1;text-align:center;color:#fff;max-width:1200px;width:100%}
.about-hero-inner h2{font-size:42px;color:#fff;margin-bottom:14px;font-weight:700}
.about-hero-inner h2::after{content:"";display:block;width:80px;height:4px;background:#fff;margin:16px auto 0}
.about-hero-inner>p{color:rgba(255,255,255,.85);font-size:16px;margin-bottom:30px;letter-spacing:1px}
.about-categories{display:grid;grid-template-columns:repeat(5,1fr);gap:20px;margin-top:20px}
.cat-tile{background:rgba(255,255,255,.95);border-radius:8px;padding:30px 20px;color:var(--blue);font-size:18px;font-weight:600;transition:.2s;cursor:pointer;text-decoration:none;text-align:center;display:block}
.cat-tile:hover{background:#fff;transform:translateY(-4px);box-shadow:0 10px 30px rgba(0,0,0,.2);color:var(--blue)}

/* ===== 业务发展/新闻中心/加入我们 全屏补充样式 ===== */
.biz-categories{grid-template-columns:repeat(4,1fr)}
.info-cards{display:grid;gap:20px;margin-top:24px;text-align:left}
.news-cards{grid-template-columns:1fr 1fr}
.join-cards{grid-template-columns:1fr 1fr}
.info-card{background:rgba(255,255,255,.96);border-radius:10px;padding:22px;color:var(--ink)}
.info-card h3{margin:0 0 14px;font-size:20px;color:var(--blue);border-bottom:2px solid var(--blue);padding-bottom:10px}
.info-card .muted{color:var(--muted);font-size:14px}
.join-content{font-size:14px;color:#444;line-height:1.8}
.contact-line{font-size:14px;color:#444;margin-bottom:8px}
@media (max-width:900px){.biz-categories{grid-template-columns:repeat(2,1fr)}.news-cards,.join-cards{grid-template-columns:1fr}}

/* ===== 统一 header 边距（和首页 home-header 一致：满屏 + padding 0 32px） ===== */
.header{background:var(--blue);position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:0 32px;height:144px}
/* 兼容：如果 .header 内还有 .container（老结构残留），让 container 撑满 */
.header .container{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:100%;padding:0;height:144px}
/* 隐藏所有 logo 图片（按需求取消"吉丰 LOGO"图） */
.header .logo img,.home-header .logo img{display:none}
/* 调整：现在 logo 只有文字，颜色已由 .logo 规则给白色 */
.header .logo{color:#fff;font-weight:700;font-size:20px;text-decoration:none}

/* ===== center-rule-jifeng-about-20260828 ===== */
.about-hero-inner{
  width:100%;
  max-width:900px;
  margin:0 auto;
  padding:32px 20px;
  text-align:center;
}
.jf-tabs{
  display:flex;
  justify-content:center;
  flex-wrap:wrap;
  gap:10px;
  margin:0 0 14px;
}
.jf-panel{
  margin:0 auto;
  max-width:820px;
  padding:24px 32px;
  text-align:center;
}
.jf-panel p,
.jf-panel li{
  text-align:justify;
  text-indent:2em;
}
.jf-panel h2{
  text-align:center;
  margin:0 0 14px;
  font-weight:600;
}

/* ===== card-height-fit-content-20260828 ===== */
/* 白卡高度跟内容走，但有最大高度兜底（卡内可滚），不破整页锁一屏 */
.jf-panel-wrap{
  flex:0 1 auto !important;
  max-height:calc(100vh - 340px) !important;
  overflow-y:auto !important;
  padding:4px 12px 28px;
}
.jf-panel{
  max-width:880px;
  margin:0 auto;
  padding:24px 32px;
  text-align:center;
}
.jf-panel p,
.jf-panel li{
  text-align:justify;
  text-indent:2em;
}
.jf-panel h2{
  text-align:center;
  margin:0 0 14px;
  font-weight:600;
}

/* ===== other-pages-flex-safety-20260901 改：让 hero 至少占满 100vh ===== */
.about-hero{
  display:flex;
  flex-direction:column;
  flex:0 0 auto;
  min-height:100vh;
}
.biz-categories, .news-cards, .join-cards, .info-cards{
  flex:1 1 auto;
  max-height:calc(100vh - 360px);
  overflow-y:auto;
}

/* ===== jifeng-news-display-20260828 ===== */
.jf-news-display{display:grid;grid-template-columns:1fr 1fr;gap:20px;width:100%;max-width:1100px;margin:0 auto;text-align:left}
.jf-news-col{background:rgba(255,255,255,.96);border-radius:10px;padding:22px 24px;color:#222;display:flex;flex-direction:column;max-height:none;min-height:220px}
.jf-news-col h3{margin:0 0 14px;font-size:20px;color:#0a3a72;border-bottom:2px solid #0a3a72;padding-bottom:10px;flex-shrink:0}
.jf-news-list{list-style:none;margin:0 0 12px;padding:0;overflow-y:auto;flex:1 1 auto;min-height:0}
.jf-news-list li{margin:0;padding:0}
.jf-news-item{display:flex;align-items:baseline;gap:10px;width:100%;padding:12px 6px;border:none;border-bottom:1px dashed #d8dee6;background:none;cursor:pointer;text-align:left;font-size:15px;color:#333;transition:color .15s}
.jf-news-item:hover{color:#0a3a72}
.jf-news-item .jf-news-date{color:#1a6bb0;font-weight:700;white-space:nowrap;font-size:13px;flex-shrink:0}
.jf-news-item .jf-news-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.jf-news-more{display:block;text-align:center;color:#0a3a72;font-weight:600;text-decoration:none;padding:8px 0 2px;flex-shrink:0}
.jf-news-more:hover{text-decoration:underline}
.jf-news-empty{color:#6b7785;font-size:14px;text-align:center;padding:18px 0}
.jf-news-modal{position:fixed;inset:0;background:rgba(0,0,0,.55);display:none;align-items:center;justify-content:center;z-index:9999;padding:24px}
.jf-news-modal.open{display:flex}
.jf-news-modal-card{background:#fff;border-radius:12px;width:100%;max-width:760px;max-height:82vh;overflow-y:auto;padding:30px 34px;position:relative;color:#222;box-shadow:0 12px 40px rgba(0,0,0,.25)}
.jf-news-modal-close{position:absolute;top:12px;right:16px;border:none;background:none;font-size:28px;line-height:1;color:#888;cursor:pointer}
.jf-news-modal-close:hover{color:#c00}
.jf-news-modal-title{margin:0 32px 8px 0;font-size:22px;color:#0a3a72}
.jf-news-modal-date{color:#8a94a0;font-size:13px;margin:0 0 16px}
.jf-news-modal-content p{text-align:justify;text-indent:2em;line-height:1.8;color:#333}
.jf-news-modal-content img{max-width:100%;height:auto;border-radius:6px}
@media (max-width:900px){.jf-news-display{grid-template-columns:1fr}.jf-news-col{max-height:none}}

/* ===== jifeng-news-v2-20260828 ===== */
/* 两栏等高对齐 */
.jf-news-col{min-height:200px}
/* 归档列表：只标题，2 列整齐排列 */
.jf-archive-list{display:grid;grid-template-columns:1fr 1fr;gap:14px;width:100%;max-width:1100px;margin:0 auto;padding:4px 12px}
.jf-archive-item{display:block;background:rgba(255,255,255,.96);border-radius:8px;padding:16px 22px;text-decoration:none;border-left:4px solid #0a3a72;transition:transform .15s,box-shadow .15s}
.jf-archive-item:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(0,0,0,.12)}
.jf-archive-item h3{margin:0;font-size:16px;color:#222;font-weight:600;line-height:1.5}
/* 翻页按钮 */
.jf-archive-pager{margin-top:18px;text-align:center}
.jf-archive-pager .page-numbers{display:inline-block;padding:6px 12px;margin:0 3px;background:rgba(255,255,255,.92);color:#0a3a72;border-radius:5px;text-decoration:none;font-size:14px}
.jf-archive-pager .page-numbers.current{background:#0a3a72;color:#fff}
.jf-archive-pager .page-numbers:hover:not(.current){background:#0a3a72;color:#fff}
@media (max-width:900px){.jf-archive-list{grid-template-columns:1fr}}

/* ===== jf-news-hero-center-20260828 ===== */
/* 仅新闻页 hero 整体垂直居中(不影响 about/business/join/archive) */
.jf-news-hero{justify-content:center}

/* ===== jf-news-compact-20260828 ===== */
/* 两卡整体收窄，向中间聚拢（max-width 1100->920，gap 20->14） */
.jf-news-display{max-width:1200px;gap:20px}

/* ===== home-slide-20260830 ===== */
.home-bg{background:var(--blue-dark)}
.home-slide{position:absolute;inset:0;background-size:cover;background-position:center;opacity:0;transition:opacity 1.2s ease}
.home-slide.active{opacity:1}

/* 页脚关键词行 2026-09-01 */
.footer-kw{background:#083a78;text-align:center;padding:12px 20px;color:#a9c6e3;font-size:13px;letter-spacing:1px}

/* 首页联系方式叠加条 2026-09-01 */
.home-contact{position:fixed;right:24px;bottom:22px;z-index:3;color:rgba(255,255,255,.88);font-size:12.5px;line-height:2;text-align:right;text-shadow:0 1px 5px rgba(0,0,0,.55);pointer-events:none;letter-spacing:.5px}
@media (max-width:768px){.home-contact{display:none}}

/* ===== 页脚布局 2026-09-01：左公司名 / 中联系方式 / 右地址 ===== */
.footer .container{ display:flex; justify-content:space-between; align-items:flex-end; flex-wrap:wrap; gap:10px 30px; max-width:none; padding:0 10px; }
.footer .f-left{ flex:0 0 auto; text-align:left; }
.footer .f-mid{ flex:1 1 auto; min-width:220px; text-align:center; }
.footer .f-right{ flex:0 0 auto; text-align:right; margin-left:auto; white-space:nowrap; }
.footer .copy{ background:#062c57; text-align:center; padding:6px 14px 2px; margin-top:4px; color:#9fb8d6; font-size:12.5px; }
@media (max-width:768px){
  .footer .f-mid{ text-align:left; }
  .footer .f-right{ text-align:left; }
}

/* ===== 移动端 header 回落（2026-09-01） ===== */
@media (max-width:768px){
  .header{ height:72px !important; min-height:72px !important; padding:0 18px !important; }
  .header .logo{ font-size:17px !important; }
  .header .nav a{ padding:8px 10px; font-size:14px; }
}


/* ===== mobile-fix-20260901 移动端适配 ===== */
@media (max-width:768px){
  /* header 紧凑、导航不换行 */
  .header{height:56px !important;min-height:56px !important;padding:0 12px !important}
  .header .logo{font-size:15px !important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:160px}
  .header .nav{gap:2px !important;flex-wrap:nowrap}
  .header .nav a{padding:6px 8px !important;font-size:12.5px !important;white-space:nowrap}

  /* hero 紧凑：减少 padding/字号 */
  .about-hero{padding:48px 12px 12px !important;min-height:100vh !important}
  .about-hero-inner h1{font-size:22px !important;letter-spacing:2px !important;margin:0 0 6px !important}
  .about-hero-inner .lead{font-size:12px !important;margin:0 0 14px !important;letter-spacing:.5px !important}
  .about-hero-inner > h1{font-size:22px !important;letter-spacing:2px !important;margin:0 0 6px !important}

  .jf-tabs{gap:6px !important;margin:0 0 10px !important}
  .jf-tab{padding:6px 12px !important;font-size:12.5px !important}

  /* 面板与文字缩紧 */
  .jf-panel-wrap{padding:0 6px 6px !important}
  .jf-panel{padding:12px 14px !important;border-radius:8px !important;font-size:13.5px !important;line-height:1.7 !important}
  .jf-panel p{font-size:13.5px !important;margin-bottom:.6em !important;line-height:1.7 !important;padding-left:18px !important}
  .jf-panel p::before{font-size:9px !important;top:1px !important;left:0 !important}
  .jf-panel .biz-title{font-size:15px !important;padding-left:0 !important;margin-bottom:.6em !important}
  .jf-panel .jf-timeline li,
  .jf-panel .jf-culture li,
  .jf-panel .jf-partners li,
  .jf-panel .jf-awards li,
  .jf-panel .jf-news-list li{padding:4px 0 4px 18px !important;font-size:13px !important;line-height:1.7 !important}
  .jf-panel .jf-timeline li::before,
  .jf-panel .jf-culture li::before,
  .jf-panel .jf-partners li::before,
  .jf-panel .jf-awards li::before{font-size:9px !important;top:6px !important;left:0 !important}

  /* 首页联系条隐藏、footer 紧凑 */
  .home-contact{display:none !important}
  .footer{padding:6px 10px !important;font-size:11.5px !important;line-height:1.5 !important}
  .footer .container{padding:0 8px !important;gap:6px 10px !important}
  .footer .f-left, .footer .f-right{font-size:11.5px !important}
  .footer .f-left br{display:none}
  body{padding-bottom:0 !important}
  .footer{position:static !important;padding:8px 10px !important}

  /* news/join 等两栏卡片单列 */
  .jf-news-display{grid-template-columns:1fr !important;gap:10px !important;max-width:100% !important}
  .jf-news-col{padding:12px 14px !important;min-height:auto !important}
  .jf-news-col h3{font-size:15px !important;margin-bottom:8px !important;padding-bottom:6px !important}
  .info-cards{grid-template-columns:1fr !important;gap:12px !important;margin-top:14px !important}
  .info-card{padding:14px !important}
  .info-card h3{font-size:16px !important;margin-bottom:8px !important;padding-bottom:6px !important}
  .info-card .contact-line{font-size:13px !important;line-height:1.9 !important}

  /* 时间线/历程缩 */
  .tl{margin:6px 0 0 6px !important;padding-left:16px !important}
  .tl .y{font-size:11px !important;margin-right:6px !important}
  .tl .d{font-size:12.5px !important}
  .tl .it::before{left:-21px !important;top:6px !important;width:7px !important;height:7px !important}
}


/* ===== home-mob-fix-20260901 移动端首页 ===== */
@media (max-width:768px){
  /* header 始终显示，方便导航 */
  .home-header{transform:translateY(0) !important;height:52px !important;padding:0 12px !important;background:rgba(7,58,120,.92)!important}
  .home-header .logo{font-size:13px !important;max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}
  .home-header .nav{gap:0 !important}
  .home-header .nav a{padding:4px 5px !important;font-size:11px !important}
  .home-header .logo img,.home-header .logo img{display:none}
  .home-hint{display:none !important}

  /* 轮播图：cover 模式在窄屏裁切严重，把图往下偏，避开顶部天空，露出主体（湖面/标语） */
  .home-slide{background-position:center 40% !important;background-size:cover !important}
  .home-bg{min-height:100vh;min-height:100dvh}

  /* 移动端不要 100vh 100dvh 的精确差异，反正 cover 自然铺满 */
  .home-bg{height:auto;min-height:100vh;min-height:100dvh;padding-bottom:env(safe-area-inset-bottom,0)}
}