/* ===== 轮播 Banner ===== */
 .hero { height: 540px; position: relative; overflow: hidden; }
 .carousel { width: 100%; height: 100%; position: relative; }
 .slide { position: absolute; z-index: 0; width: 100%; height: 100%; background-size: cover; background-position: center; opacity: 0; transition: opacity 1s ease; }
 .slide.active { opacity: 1;z-index: 9; }
 .hero-overlay {
   position: absolute; inset: 0;
   background: linear-gradient(180deg, rgba(0,0,0,.50) 0%, rgba(0,0,0,.20) 40%, rgba(0,0,0,.62) 100%);
   display: flex; flex-direction: column; justify-content: flex-end;
  
 }
 .banner-content {   width: 1280px;
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   -webkit-transform: translate(-50%, -50%);}
 .banner-content .tag {
   display: inline-block;
   background: rgba(210,166,105,.20); color: var(--gold);
   font-size: 11.5px; font-weight: 700;
   padding: 3px 14px; border-radius: 20px;
   border: 1px solid rgba(210,166,105,.25);
   margin-bottom: 14px; letter-spacing: 1.2px;
 }
 .banner-content h1 { font-size: 46px; font-weight: 800; color: #fff; line-height: 1.15; letter-spacing: -.5px; margin-bottom: 14px; text-shadow: 0 2px 12px rgba(0,0,0,.35); }
 .banner-content p { font-size: 16px; color: rgba(255,255,255,.76); line-height: 1.6; }
 .banner-content a{text-decoration: none;}
 /* ===== 内容 ===== */
 .container { max-width: 1280px; margin: 0 auto;  }

 /* 区块统一间距 + 背景交替 */
 section { padding: 78px 0; }
 section:nth-of-type(odd) { background: var(--white); }
 section:nth-of-type(even) { background: var(--bg); }

 .sec-head { text-align: center; margin-bottom: 48px; }
 .sec-head h2 { font-size: 34px; font-weight: 800; letter-spacing: -.4px; margin-bottom: 8px;
   background: #3a3a3a, var(--gold) 100%);
  
 }
 .sec-head .underline { display: block; width: 50px; height: 3px; background: #D2A669; margin: 0 auto 12px auto ; border-radius: 2px; }
 .sec-head p { color: var(--text-muted); font-size: 15px;  }

 /* ===== 最新动态 ===== */
 .news-wrap { position: relative; }
 .news-grid {
   display: flex; flex-wrap: nowrap; gap: 22px;
   overflow-x: auto; scroll-behavior: smooth;
   padding: 8px 0;
   scrollbar-width: none; -ms-overflow-style: none;
 }
 .news-grid::-webkit-scrollbar { display: none; }
 .news-card {
   flex: 0 0 calc((100% - 44px) / 3);
   min-width: 320px;
   background: var(--bg-card); border-radius: var(--radius);
   overflow: hidden;
   box-shadow: var(--shadow-sm);
   transition: all .35s cubic-bezier(.25,.46,.45,.94);
   border: 1px solid var(--border);
 }
 .news-card a{
	 text-decoration: none;
 }
 .news-card:hover { transform: translateY(-4px); }
 .news-card img { width: 100%; height: 200px; object-fit: cover; }
 .news-card-body { padding: 22px 24px; }
 .news-card h3 { font-size: 18px; margin-bottom: 8px; line-height: 1.5; color: var(--primary); font-weight: 700; }
 .news-card p { color: var(--text-muted); font-size: 15px; line-height: 1.7; }
 .news-card .news-date { color: #B0A898; font-size: 13px; margin-top: 14px; display: flex; align-items: center; gap: 6px; }
 .news-card .news-date::before { content: ''; display: inline-block; width: 5px; height: 5px; background: var(--gold); border-radius: 50%; }

 .news-arrow {
   position: absolute; top: 50%; transform: translateY(-50%);
   background: var(--bg-card); border: 1px solid var(--border);
   border-radius: 50%; width: 46px; height: 46px;
   font-size: 18px; color: var(--primary); cursor: pointer;
   z-index: 5; transition: all .25s;
   display: flex; align-items: center; justify-content: center;
   box-shadow: var(--shadow-md);
 }
 .news-arrow:hover { background: var(--primary); color: var(--gold); border-color: var(--primary); }
 .news-arrow.prev { left: -58px; }
 .news-arrow.next { right: -58px; }

 /* 自动滚动指示器 */
 .news-dots { display: flex; justify-content: center; gap: 8px; margin-top: 35px; }
 .news-dots .dot { width: 8px; height: 8px; border-radius: 50%; background: var(--border); transition: all .3s; cursor: pointer; }
 .news-dots .dot.active { background: var(--gold); width: 24px; border-radius: 4px; }

 /* ===== 核心模块 —— 强制 2 排 × 3 列 ===== */
 .modules {
   display: grid;
   grid-template-columns: repeat(3, 1fr);
   gap: 20px;
 }

 .module-card {
   background: var(--bg-card);
   border-radius: var(--radius);
   padding: 34px 26px;
   text-align: center;
   box-shadow: var(--shadow-sm);
   transition: all .35s cubic-bezier(.25,.46,.45,.94);
   border: 1px solid var(--border);
   cursor: pointer;
   position: relative;
   overflow: hidden;
 }
 .module-card::after {
   content: '';
   position: absolute; bottom: 0; left: 50%; transform: translateX(-50%);
   width: 40px; height: 2px; background: var(--gold);
   border-radius: 2px;
   opacity: 0; transition: all .35s;
 }
 .module-card:hover::after { opacity: 1; width: 80px; }
 .module-card:hover { transform: translateY(-4px); box-shadow: var(--shadow-lg); }

 /* 图标 —— 保留渐变 + 白色 SVG */
 .module-icon {
   width: 64px; height: 64px;
   border-radius: 16px;
   display: inline-flex;
   align-items: center;
   justify-content: center;
   margin-bottom: 16px;
   font-size: 0;
   transition: transform .3s, box-shadow .3s;
 }
 .module-card:hover .module-icon { transform: scale(1.05); }

 /* 六个不同渐变底 */
/* .module-card:nth-child(3) .module-icon { background: linear-gradient(135deg, #6366F1, #8B5CF6); box-shadow: 0 4px 18px rgba(99,102,241,.22); }
 .module-card:nth-child(2) .module-icon { background: linear-gradient(135deg, #06B6D4, #3B82F6); box-shadow: 0 4px 18px rgba(6,182,212,.22); }
 .module-card:nth-child(1) .module-icon { background: linear-gradient(135deg, #10B981, #14B8A6); box-shadow: 0 4px 18px rgba(16,185,129,.22); }
 .module-card:nth-child(4) .module-icon { background: linear-gradient(135deg, #F59E0B, #EF4444); box-shadow: 0 4px 18px rgba(245,158,11,.22); }
 .module-card:nth-child(5) .module-icon { background: linear-gradient(135deg, #8B5CF6, #EC4899); box-shadow: 0 4px 18px rgba(139,92,246,.22); }
 .module-card:nth-child(6) .module-icon { background: linear-gradient(135deg, #3B82F6, #2DD4BF); box-shadow: 0 4px 18px rgba(59,130,246,.22); */}

 .module-icon svg { width: 30px; height: 30px; }
 .module-card h3 { margin-bottom: 6px; color: var(--primary); font-size: 18px; font-weight: 700; }
 .module-card p { color: var(--text-muted); font-size: 15px; }

 /* ===== 生态联盟 ===== */
 .alliance-wrap {
   background: var(--bg-card);
   border-radius: var(--radius);
   padding: 28px;
   box-shadow: var(--shadow-sm);
   border: 1px solid var(--border);
 }
 .alliance-logos {
   display: grid;
   grid-template-columns: repeat(3, 1fr);
   gap: 18px;
 }
 @media (max-width: 900px) { .alliance-logos { grid-template-columns: repeat(2, 1fr); } }
 @media (max-width: 560px) { .alliance-logos { grid-template-columns: 1fr; } }
 .alliance-item {
   display: flex; align-items: center; gap: 14px;
   padding: 18px 20px;
   border-radius: var(--radius-sm);
   background: var(--bg);
   border: 1px solid transparent;
   text-decoration: none;
   transition: all .28s cubic-bezier(.25,.46,.45,.94);
 }
 .alliance-item:hover {
   background: var(--bg-card);
   border-color: var(--gold);
   box-shadow: 0 6px 20px rgba(210,166,105,.10);
   transform: translateY(-2px);
 }
 .alliance-logo {
   width: 65px; height: 65px;
   border-radius: var(--radius-sm);
   overflow: hidden;
   flex-shrink: 0;
   display: flex; align-items: center; justify-content: center;
   background: var(--bg-card);
 }
 .alliance-logo img { width: 100%; height: 100%; object-fit: contain; }
 .alliance-info { flex: 1; min-width: 0; }
 .alliance-name { font-size: 16px; font-weight: 700; color: var(--primary); line-height: 1.3; }
 .alliance-desc { font-size: 13px; color: var(--text-muted); margin-top: 3px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
 .alliance-arrow { color: var(--text-muted); font-size: 16px; flex-shrink: 0; transition: all .2s; opacity: 0; }
 .alliance-item:hover .alliance-arrow { color: var(--gold); opacity: 1; transform: translateX(2px); }

 @media (max-width: 768px) {
   .hero { height: 380px; }
   .hero-overlay { padding: 0 20px 40px; }
   .banner-content h1 { font-size: 28px; }
   .news-card { flex: 0 0 88vw; min-width: 260px; }
   .modules { grid-template-columns: 1fr 1fr; }
   .news-arrow { display: none; }
   section { padding: 1rem 0; }
   .container { padding: 0 16px; }
   .sec-head h2 {
       font-size: 20px;
   }
   .sec-head {
       margin-bottom: 20px;
   }
 }
 @media (max-width: 480px) {
   .modules { grid-template-columns: 1fr; }
   .alliance-logos { grid-template-columns: 1fr; }
 }
 </style>