
/* ===== 2026-11-06 品牌头部 / 导航升级 (chaoyouji) =====
   ⚠️ 本文件作为独立文件 /template/news_05_v2/css/brand-header.css 部署，
      绝不可再 `cat >> main.css`。2026-11-09 曾因 main.css 第 792 行
      .agri-events-head 缺 } 导致追加在末尾的整段样式被吞、头部全错位。
      模板通过 headerStatic.html / so.html 的第二个 <link> 引入。 */
/* 1. 浏览器默认 a{text-decoration:underline}：全站基线去掉，头部/导航/页脚强制 */
a, a:link, a:visited, a:hover, a:focus { text-decoration: none; }
.mipjz-header-top a, .mipjz-header-top a:hover,
.mipjz-header-nav a, .mipjz-header-nav a:hover,
.mipui-footer a, .mipui-footer a:hover,
.mip-footer a, .mip-footer a:hover { text-decoration: none !important; }

/* 2. 品牌区：图形标 + 中文站名 + 英文副标 */
.mipjz-header-top { height: 82px; border-bottom: 1px solid #e8f0e2; }
.mipjz-header-top .header-top-flex { display: flex; align-items: center; justify-content: space-between; gap: 20px; height: 82px; }
.cy-brand, .cy-brand:hover { display: flex; align-items: center; gap: 11px; flex: 0 0 auto; color: #1b5e20 !important; }
.cy-brand-mark { width: 52px; height: 52px; display: block; transition: transform .25s; }
.cy-brand:hover .cy-brand-mark { transform: rotate(-7deg); }
.cy-brand-txt { display: block; }
.cy-brand-cn { display: block; font-size: 28px; font-weight: 800; letter-spacing: 3px; line-height: 1.08; color: #1b5e20; }
.cy-brand-en { display: block; margin-top: 5px; font: 600 9px/1.3 Arial, Helvetica, sans-serif; letter-spacing: 2.1px; color: #5b8c3e; white-space: nowrap; }

/* 3. 头部快捷入口（原来无样式，被 70px 固定高度压住） */
.header-promo { display: flex; align-items: center; justify-content: flex-end; gap: 8px; flex: 1 1 auto; min-width: 0; }
.header-promo .promo-item { display: block; min-width: 118px; padding: 7px 11px; border: 1px solid #e4efe0; border-radius: 8px; background: #fbfdf9; transition: .18s; }
.header-promo .promo-item:hover { background: #eff7ea; border-color: #a5d6a7; transform: translateY(-2px); }
.header-promo .promo-t { display: block; font-size: 12px; font-weight: 700; line-height: 1.5; color: #2e7d32 !important; }
.header-promo .promo-item:hover .promo-t { color: #1b5e20 !important; }
.header-promo .promo-d { display: block; font-size: 10px; line-height: 1.5; color: #8a9a84; white-space: nowrap; }

/* 4. 主导航：去掉 emoji、精简为 9 项、次要栏目入「更多」 */
.mipjz-header-nav { height: 48px; }
.mipjz-header-nav .nav-warp { height: 48px; }
.mipjz-header-nav .nav-list { height: 48px; align-items: center; }
.mipjz-header-nav .nav-item .nav-item-link { padding-left: 14px; padding-right: 14px; line-height: 48px; font-size: 14px; letter-spacing: .2px; transition: background-color .18s, color .18s; }
.mipjz-header-nav .nav-item .nav-item-link.active,
.mipjz-header-nav .nav-item .nav-item-link:hover { color: #fff !important; background-color: #1b5e20 !important; }
.mipjz-header-nav .nav-caret { font-size: 10px; margin-left: 3px; opacity: .75; }
.mipjz-header-nav .nav-item-has-child .nav-dropdown { top: 48px; min-width: 180px; background-color: #256d28; border-top: 2px solid #f9a825; border-radius: 0 0 6px 6px; overflow: hidden; }
.mipjz-header-nav .nav-item-has-child .nav-dropdown li a { padding: 9px 15px; font-size: 13px; color: #eaf7ea !important; }
.mipjz-header-nav .nav-item-has-child .nav-dropdown li a:hover,
.mipjz-header-nav .nav-item-has-child .nav-dropdown li a:focus { background-color: #1b5e20; color: #fff !important; }
.mipjz-header-nav .nav-item-has-child:focus-within .nav-dropdown { display: block; }
.mipjz-header-nav .nav-item-more .nav-dropdown { left: auto; right: 0; min-width: 164px; }
.mipjz-header-nav .nav-dropdown-sep { border-top: 1px solid rgba(255,255,255,.16); margin-top: 5px; padding-top: 5px; }

/* 5. 响应式 */
@media (max-width: 1100px) {
  .header-promo .promo-item { min-width: 0; padding: 6px 9px; }
  .header-promo .promo-d { display: none; }
  .mipjz-header-nav .nav-item .nav-item-link { padding-left: 10px; padding-right: 10px; font-size: 13px; }
}
@media (max-width: 767px) {
  .mipjz-header-top, .mipjz-header-top .header-top-flex { height: 66px; }
  .mipjz-header-top .header-top-flex { justify-content: center; }
  .header-promo { display: none; }
  .cy-brand-mark { width: 44px; height: 44px; }
  .cy-brand-cn { font-size: 24px; }
}

/* ===== 2026-11-09 稳健兜底：优先保证头部不塌 ===== */
.mipjz-header-top .header-top-flex{flex-wrap:nowrap;}
.mipjz-header-top .cy-brand-txt{flex:0 0 auto;}
.mipjz-header-top .header-promo{overflow:hidden;}
.mipjz-header-nav .nav-list{flex-wrap:nowrap;}
.mipjz-header-nav .nav-item{position:relative;}
.mipjz-header-nav .nav-item-has-child .nav-dropdown{display:none;position:absolute;z-index:99;}
.mipjz-header-nav .nav-item-has-child:hover .nav-dropdown,
.mipjz-header-nav .nav-item-has-child:focus-within .nav-dropdown{display:block;}

/* ===== 2026-11-09 恢复：首页展会预告 + 工具箱 CTA =====
   源：/tmp/main.css（2026-10-23 完整备份，括号 220/220）。
   10 月底一次 main.css 重写把 .agri-events-head 之后到旧头部导流之前的
   整段截断丢弃，导致首页展会卡片竖排错位、CTA 横幅裸奔。
   ⚠️ 只恢复到「旧版头部快捷入口」注释之前；那段 .promo-item 旧样式
      会被 11-06 的新卡片样式取代，恢复回来反而覆盖新头部。 */
.agri-events-preview {
    background: #fff;
    border: 1px solid rgba(46,125,50,.2);
    border-radius: 14px;
    padding: 18px 20px 22px;
    margin-bottom: 15px;
    box-shadow: 0 4px 14px rgba(46,125,50,.08);
}
.agri-events-head {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    margin-bottom: 14px;
    border-left: 4px solid #2e7d32;
    padding-left: 10px;
}
.agri-events-head h2 {
    color: #1b5e20;
    font-size: 20px;
    margin: 0;
}
.agri-events-head a {
    color: #ef6c00;
    font-weight: 700;
    font-size: 14px;
}
.agri-events-grid-4 {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 14px;
}
.agri-event-card {
    display: flex;
    flex-direction: column;
    gap: 6px;
    background: #f7faf3;
    border: 1px solid #e0eecf;
    border-radius: 10px;
    padding: 14px;
    color: #1b5e20;
    text-decoration: none;
    transition: .2s;
}
.agri-event-card:hover {
    background: #fff;
    border-color: #2e7d32;
    box-shadow: 0 6px 16px rgba(46,125,50,.12);
    transform: translateY(-2px);
}
.agri-event-card .agri-event-date {
    align-self: flex-start;
    background: #2e7d32;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    padding: 3px 10px;
    border-radius: 999px;
}
.agri-event-card h4 {
    margin: 0;
    font-size: 15px;
    line-height: 1.35;
    color: #1b5e20;
}
.agri-event-card p {
    margin: 0;
    font-size: 13px;
    color: #555;
    line-height: 1.5;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
@media (max-width: 991px) {
    .agri-events-grid-4 { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 575px) {
    .agri-events-grid-4 { grid-template-columns: 1fr; }
    .agri-events-head { flex-direction: column; gap: 6px; }
}

/* ===== 首页工具箱入口 CTA (2026-10-12) ===== */
.gongju-cta { background:linear-gradient(135deg,#2e7d32 0%,#43a047 100%); border-radius:14px; padding:22px 26px; margin-bottom:18px; box-shadow:0 6px 18px rgba(46,125,50,.18); }
.gongju-cta-inner { display:flex; align-items:center; justify-content:space-between; gap:18px; flex-wrap:wrap; }
.gongju-cta-text { flex:1 1 240px; }
.gongju-cta-text h3 { margin:0 0 6px; color:#fff; font-size:20px; font-weight:800; }
.gongju-cta-text p { margin:0; color:#eaf7ea; font-size:14px; line-height:1.65; }
.gongju-cta-btn { display:inline-block; background:#f9a825; color:#3e2723; font-weight:700; padding:11px 24px; border-radius:30px; text-decoration:none; white-space:nowrap; box-shadow:0 3px 10px rgba(0,0,0,.15); transition:.2s; }
.gongju-cta-btn:hover { background:#ffb74d; color:#3e2723; transform:translateY(-1px); }
@media (max-width:991.98px){ .gongju-cta-inner{ flex-direction:column; align-items:flex-start; } }
