/* ===== 基础重置 & 全局 ===== */
*{ margin:0; padding:0; box-sizing:border-box; }
body{ font:14px/1.5 "Microsoft YaHei","PingFang SC",sans-serif; color:#333; background:#fff; overflow-x:hidden; }
a{ text-decoration:none; color:#333; }
img{ max-width:100%; }
li{ list-style:none; }
.layui-text ul li{ list-style-type:none!important; }
/* ===== Smoove 入场动画 ===== */
.smoove{-webkit-transition:all 1s ease,opacity 1.5s ease;transition:all 1s ease,opacity 1.5s ease}

/* ===== 顶部导航（layui-nav改造）===== */
.header{ width:100%; position:relative; z-index:99; background:#fff; box-shadow:0 1px 4px rgba(0,0,0,.06); }
.header .head{ height:68px; display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; }
.header .logo img{ height:46px; display:block; }
.header .logo .img-white{ display:none; }
.header .logo .img-blue{ display:block; }

/* 导航容器 - 复用layui-nav基础 */
.nav-wrap{ display:flex;align-items:center;background:transparent; }
.nav-wrap.layui-nav{ padding:0; }
.nav-wrap .layui-nav-item{ margin:0;line-height:68px; }
.nav-wrap .layui-nav-item>a{ color:#333;font-size:15px;padding:0 18px;position:relative; }
.nav-wrap .layui-nav-item>a:after{ content:'';position:absolute;left:0;bottom:0;width:0;height:2px;background:#01a2ff;transition:all .3s; }
.nav-wrap .layui-nav-item.layui-this>a:after,
.nav-wrap .layui-nav-item>a:hover:after{ width:100%;background:#01a2ff; }
.nav-wrap .layui-nav .layui-this:after{ background:#01a2ff; }
.nav-wrap .layui-nav-item.layui-this>a{ color:#01a2ff !important;background:transparent !important; }
.nav-wrap .layui-nav-item>a:hover{ color:#01a2ff; }
.nav-wrap .layui-nav-child{ background:#f7f7f7;border:none;padding:10px;min-width:140px; }
.nav-wrap .layui-nav-child dd{ margin:0; }
.nav-wrap .layui-nav-child a{ color:#333;font-size:13px;padding:0 15px;height:32px;line-height:32px;background:#fff;margin-top:8px;text-align:center; }
.nav-wrap .layui-nav-child a:hover{ background:#01a2ff;color:#fff; }

/* 移动端汉堡按钮 */
.nav-toggle{ display:none;font-size:26px;color:#333;cursor:pointer;padding:8px; }
.nav-toggle-input{ display:none; }

/* ===== 通用区块标题 ===== */
.sec-title{ width:90%; max-width:1400px; margin:auto auto 40px; display:flex; align-items:flex-end; }
.sec-title .left{ flex:1; position:relative; height:80px; }
.sec-title .left strong{ font-size:48px; line-height:56px; opacity:.1; position:absolute; left:0; top:0; font-weight:bold; }
.sec-title .left b{ font-size:32px; line-height:1; padding-top:34px; display:block; position:relative; z-index:3; color:#333; }
.sec-title .left .bar{ width:60px; height:8px; position:absolute; left:0; bottom:0; background:#01a2ff; }
.sec-title .right{ padding:0 24px; height:38px; line-height:36px; border:1px solid #01a2ff; color:#01a2ff; border-radius:20px; font-size:15px; transition:all .3s; white-space:nowrap; }
.sec-title .right:hover{ background:#01a2ff; color:#fff; }
/* FAQ 板块标题居中 */
.faq-section .sec-title{ justify-content:center; }
.faq-section .sec-title .left{ flex:none; text-align:center; }
.faq-section .sec-title .left strong{ left:50%; transform:translateX(-50%); white-space:nowrap; font-size:38px; line-height:48px; }
.faq-section .sec-title .left .bar{ left:50%; transform:translateX(-50%); }

/* ===== Banner ===== */
.banner-section{ width:100%; position:relative; z-index:1; }
.carousel-wrap{ width:100%; height:41.32vw; position:relative; overflow:visible; }
#homeBanner,
#homeBanner .layui-carousel-main,
#homeBanner [carousel-item],
#homeBanner [carousel-item]>*{ background:transparent !important; }
#homeBanner{ background:linear-gradient(135deg, #003d6b 0%, #0066a8 50%, #01a2ff 100%) !important; }
#homeBanner .layui-carousel-main{ overflow:hidden; }

.carousel-wrap .layui-carousel-main,
.carousel-wrap [carousel-item],
.carousel-wrap [carousel-item]>*{ height:100% !important; }
.carousel-wrap .banner-img{ width:100%; height:100% !important; object-fit:cover; display:block; }

/* 液冷风格加载动画 - 复用layui的[carousel-item]::before */
#homeBanner>[carousel-item]::before{
  content:''; position:absolute; top:50%; left:50%; z-index:2;
  width:56px; height:56px; margin:-28px 0 0 -28px;
  border:3px solid rgba(255,255,255,.08);
  border-top-color:#00d4ff; border-right-color:#01a2ff;
  border-radius:50%;
  animation: coolSpin 1s linear infinite;
  box-shadow:0 0 20px rgba(1,162,255,.3), inset 0 0 20px rgba(1,162,255,.05);
  background:none !important;
}
@keyframes coolSpin{ 100%{transform:rotate(360deg)} }
/* 液面脉冲 */
#homeBanner>[carousel-item]::after{
  content:''; position:absolute; top:calc(50% + 40px); left:50%; z-index:2;
  width:100px; transform:translateX(-50%);
  height:4px; background:linear-gradient(90deg, transparent, rgba(0,212,255,.4), rgba(1,162,255,.6), rgba(0,212,255,.4), transparent);
  border-radius:2px;
  animation: pulse 1.5s ease-in-out infinite;
}
@keyframes pulse{ 0%,100%{ opacity:.3; } 50%{ opacity:.8; } }
#homeBanner.loaded>[carousel-item]::before,
#homeBanner.loaded>[carousel-item]::after{ display:none; }

/* Banner 指示器 */
#homeBanner .layui-carousel-ind{ top:auto !important; bottom:5%; left:50% !important; transform:translateX(-50%); width:auto !important; z-index:5; }
#homeBanner .layui-carousel-ind ul{ display:inline-flex !important; gap:6px; padding:6px 14px; background:rgba(0,0,0,.3); border-radius:12px; }
#homeBanner .layui-carousel-ind li{ width:16px !important; height:4px; background:rgba(255,255,255,.35); border-radius:2px; margin:0; transition:all .4s; }
#homeBanner .layui-carousel-ind li.layui-this{ width:32px; background:#fff; }
#homeBanner .layui-carousel-arrow{ z-index:5; opacity:0; transition:opacity .3s; }
#homeBanner:hover .layui-carousel-arrow{ opacity:1; }
#homeBanner .layui-carousel-arrow[lay-type=prev]{ left:16px; }
#homeBanner .layui-carousel-arrow[lay-type=next]{ right:16px; }

/* ===== 展会介绍 ===== */
.intro-section{ width:100%; padding:70px 0 80px; background:#fff url(/uploadfile/2026/0716/20260716082808813.jpg) no-repeat center bottom; background-size:contain; }
.intro-section .container{ width:90%; max-width:1400px; margin:auto; display:flex; gap:40px; align-items:flex-start; }
.intro-section .intro-text{ flex:1; padding-top:10px; min-width:0; }
.intro-section .intro-text h2{ font-size:34px; margin-bottom:8px; color:#1a1a2e; }
.intro-section .intro-text h2 b{ color:#01a2ff; font-weight:900; }
.intro-section .intro-text .sub{ font-size:18px; color:#666; margin:12px 0 8px; letter-spacing:2px; font-weight:600; }
.intro-divider{ width:50px; height:4px; background:#01a2ff; border-radius:2px; margin:8px 0 14px; }
.intro-cn{ color:#01a2ff; font-size:18px; font-weight:bold; margin:0 0 18px; }

/* 亮点卡片网格 */
.intro-highlights{ display:grid; grid-template-columns:repeat(2,1fr); gap:14px; margin-bottom:22px; }
.ih-card{ display:flex; gap:14px; padding:18px; background:#f7fafd; border-radius:10px; border:1px solid #eef2f7; transition:all .3s; align-items:flex-start; }
.ih-card:hover{ border-color:#d0dff0; box-shadow:0 2px 12px rgba(0,0,0,.04); }
.ih-card .ih-icon{ width:42px; height:42px; border-radius:10px; background:#e8f4fd; display:flex; align-items:center; justify-content:center; flex-shrink:0; }
.ih-card .ih-body strong{ display:block; font-size:15px; color:#1a1f2e; margin-bottom:4px; }
.ih-card .ih-body p{ font-size:12px; color:#789; line-height:1.7; margin:0; }

.intro-section .intro-data{ display:flex; flex-wrap:wrap; margin-bottom:16px;  padding-top:18px; }
.intro-section .intro-data .d-item{ flex:1; min-width:80px; text-align:center; padding:4px 16px; border-right:1px solid #e0e8f0; }
.intro-section .intro-data .d-item:last-child{ border-right:none; }
.intro-section .intro-data .d-item .d-num{ font-size:30px; color:#01a2ff; font-weight:900; line-height:1.1; }
.intro-section .intro-data .d-item .d-num sup{ font-size:14px; font-weight:700; vertical-align:super; color:#555; }
.intro-section .intro-data .d-item .d-unit{ display:inline; font-size:16px; color:#01a2ff; font-weight:700; margin-left:2px; }
.intro-section .intro-data .d-item span{ display:block; font-size:11px; color:#888; margin-top:3px; letter-spacing:1px; }

/* 查看更多 */
.intro-more{ display:inline-block; font-size:13px; color:#999; transition:all .25s; }
.intro-more:hover{ color:#01a2ff; }

/* 右侧快捷操作卡 */
.intro-section .intro-visual{ width:280px; flex-shrink:0; }
.intro-section .intro-visual .iv-card-wrap{ border-radius:10px; padding:24px; }
.intro-section .intro-visual .iv-row{ display:flex; align-items:center; gap:10px; padding:16px 18px; border-radius:8px; font-size:15px; font-weight:700; letter-spacing:1px; text-decoration:none; transition:all .3s; }
.intro-section .intro-visual .iv-row+.iv-row{ margin-top:18px; }
.intro-section .intro-visual .iv-row i{ font-size:17px; }
.intro-section .intro-visual .iv-row.iv-apply{ background:#01a2ff; color:#fff; }
.intro-section .intro-visual .iv-row.iv-apply:hover{ background:#0090e6; box-shadow:0 4px 14px rgba(1,162,255,.3); }
.intro-section .intro-visual .iv-row.iv-visit{ background:#fff; color:#01a2ff; border:1.5px solid #dce8f5; }
.intro-section .intro-visual .iv-row.iv-visit:hover{ border-color:#01a2ff; background:#f0f8ff; }

/* ===== 参展领域 ===== */
.theme-section{ width:100%; padding:80px 0; background:#f7f7f7; }
.scope-grid{ width:90%; max-width:1400px; margin:30px auto 0; }
.s-card{ display:block; background:#fff; border-radius:8px; padding:32px 24px; text-align:center; transition:all .3s; }
.s-card:hover{ transform:translateY(-4px); box-shadow:0 8px 24px rgba(0,0,0,.08); }
.s-card .s-icon{ width:56px; height:56px; margin:0 auto 14px; border-radius:14px; display:flex; align-items:center; justify-content:center; }
.s-card .s-icon svg{ width:28px; height:28px; }
.s-card h4{ font-size:16px; color:#333; margin:0 0 8px; }
.s-card p{ font-size:12px; color:#aaa; line-height:1.6; margin:0; }
.s-card .s-line{ width:30px; height:3px; border-radius:2px; margin:12px auto 0; transition:width .3s; }
.s-card:hover .s-line{ width:50px; }

/* ===== 论坛与活动 ===== */
.forum-section{ width:100%; padding:50px 0; background:#f7f7f7; }
.forum-grid{ width:90%; max-width:1400px; margin:30px auto 0; }
.forum-grid .f-item{ background:#fff; border-radius:8px; overflow:hidden; }
.forum-grid .f-item .f-img{ width:100%; padding-top:62.5%; position:relative; }
.forum-grid .f-item .f-img img{ position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover; }
.forum-grid .f-item .f-date{ width:80px; height:80px; margin:-40px auto 0; position:relative; z-index:3; background:#01a2ff; display:flex; flex-direction:column; justify-content:center; align-items:center; color:#fff; }
.forum-grid .f-item .f-date b{ font-size:30px; line-height:1; }
.forum-grid .f-item .f-date span{ font-size:13px; margin-top:4px; }
.forum-grid .f-item .f-info{ padding:20px; text-align:center; }
.forum-grid .f-item .f-info h4{ font-size:17px; margin-bottom:16px; }
.forum-grid .f-item .f-info .layui-btn{ border-radius:25px; padding:0 28px; }
.forum-grid .f-item .f-info .layui-btn:hover{ background:#01a2ff !important; }
.forum-grid .f-item .f-info .f-sub{ font-size:13px; color:#999; margin-bottom:12px; }

/* ===== 展会资讯 ===== */
.news-section{ width:100%; padding:80px 0; background:#01a2ff; }
.news-section .sec-title .left strong,.news-section .sec-title .left b{ color:#fff; }
.news-section .sec-title .left .bar{ background:#13cf5e; }
.news-section .sec-title .right{ border-color:#fff; color:#fff; }
.news-section .sec-title .right:hover{ background:#fff; color:#01a2ff; }
.news-grid{ width:90%; max-width:1400px; margin:30px auto 0; }
.news-grid .n-item{ position:relative; }
.news-grid .n-item .n-img{ width:100%; padding-top:68.75%; position:relative; overflow:hidden; border-radius:6px; }
.news-grid .n-item .n-img img{ position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover; transition:transform .5s; }
.news-grid .n-item:hover .n-img img{ transform:scale(1.04); }
.news-grid .n-item .n-date{ position:absolute; right:10px; bottom:10px; background:rgba(19,207,94,.9); padding:6px 10px; text-align:center; }
.news-grid .n-item .n-date b{ display:block; font-size:18px; color:#333; line-height:1; }
.news-grid .n-item .n-date span{ font-size:11px; color:#333; }
.news-grid .n-item h4{ margin-top:14px; font-size:18px; color:#fff; line-height:1.4; }
.news-grid .n-item h4 a{ color:#fff; }
.news-grid .n-item .n-desc{ font-size:13px; color:rgba(255,255,255,.75); line-height:1.8; margin-top:6px; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; }
.news-grid .n-item .layui-btn{ margin-top:14px; }
.news-grid .n-item .layui-btn:hover{ background:rgba(255,255,255,.2) !important; }
.news-grid .n-item .n-img .n-placeholder{ opacity:.5; }

/* ===== 品牌展示 & 媒体支持（共用样式） ===== */
.brand-section,.media-section{ width:100%; padding:80px 0; background:#fff; }
.brand-wrap,.media-slider-wrap{ width:90%; max-width:1400px; margin:0 auto; overflow:hidden; height:360px; position:relative; }

/* PC端项目基础样式 */
.brand-wrap .b-page,.media-slider-wrap .media-slider-page{ margin-top:40px; font-size:0; }
.brand-wrap .b-item,.media-slider-wrap .m-item{ display:inline-flex; align-items:center; justify-content:center; vertical-align:top; width:calc((100% - 96px) / 5); height:90px; margin-right:24px; margin-bottom:24px; padding:12px; border:1px solid #e8e8e8; border-radius:12px; background:#fff; transition:all .4s ease; }
.brand-wrap .b-item:nth-child(5n),.media-slider-wrap .m-item:nth-child(5n){ margin-right:0; }
.brand-wrap .b-item img,.media-slider-wrap .m-item img{ max-width:100%; max-height:100%; transition:all .4s; }
.brand-wrap .b-item:empty,.media-slider-wrap .m-item:empty{ visibility:hidden; border-color:transparent; background:transparent; }
.brand-wrap .b-item:hover,.media-slider-wrap .m-item:hover{ border-color:#01a2ff; transform:translateY(-6px); box-shadow:0 12px 30px rgba(1,162,255,.12); }
.brand-wrap .b-item:hover img,.media-slider-wrap .m-item:hover img{ transform:scale(1.08); }

/* 隐藏carousel默认背景/伪元素 */
.brand-wrap>[carousel-item]::before,
.media-slider-wrap>[carousel-item]::before{ display:none !important; }
.brand-wrap.layui-carousel,
.media-slider-wrap.layui-carousel,
.brand-wrap>[carousel-item]>*,
.media-slider-wrap>[carousel-item]>*{ background-color:transparent !important; }

/* 媒体介绍区 */
.media-intro{ width:90%; max-width:1400px; margin:auto; }
.media-intro-title{ color:#01a2ff; font-size:22px; font-weight:bold; text-align:center; margin-bottom:8px; }
.media-intro-desc{ text-align:center; color:#666; font-size:14px; margin-bottom:24px; }

/* 品牌/媒体 carousel 指示器 */
.brand-wrap .layui-carousel-ind,
.media-slider-wrap .layui-carousel-ind{ position:absolute; top:0; bottom:auto; left:50%; transform:translateX(-50%); width:auto; z-index:2; }
.brand-wrap .layui-carousel-ind ul,
.media-slider-wrap .layui-carousel-ind ul{ display:inline-flex; gap:6px; padding:6px 14px; border-radius:20px; background:rgba(0,0,0,.12); }
.brand-wrap .layui-carousel-ind li,
.media-slider-wrap .layui-carousel-ind li{ width:6px; height:6px; background:rgba(255,255,255,.5); border-radius:50%; margin:0; transition:all .4s; }
.brand-wrap .layui-carousel-ind li.layui-this,
.media-slider-wrap .layui-carousel-ind li.layui-this{ width:24px; background:#fff; border-radius:3px; }


/* ============================
   响应式 - 移动端 (≤768px)
   ============================ */
@media (max-width:768px){

  /* 导航 - 移动端折叠 */
  .header .head{ height:48px; padding:0 14px; }
  .header .logo img{ height:24px; }
  .nav-toggle{ display:block; }
  .nav-wrap{ display:none;flex:100%;flex-direction:column;background:#fff;border-top:1px solid #eee; }
  .nav-toggle-input:checked ~ .nav-wrap{ display:flex; }
  .nav-wrap .layui-nav-item{ line-height:42px;width:100%; }
  .nav-wrap .layui-nav-item>a{ padding:0 14px;font-size:14px; }
  .nav-wrap .layui-nav-child{ position:static;box-shadow:none;padding:0 14px 8px; }
  .nav-wrap .layui-nav-child a{ margin-top:4px;height:28px;line-height:28px;text-align:left; }

  /* 标题 */
  .sec-title{ margin-bottom:20px; align-items:center; width:94%; }
  .sec-title .left{ flex:1; height:56px; }
  .sec-title .left strong{ font-size:30px; line-height:44px; top:-13px; left:2px; opacity:.08; white-space:normal;word-break:break-all;overflow:hidden; }
  .sec-title .left b{ font-size:17px; padding-top:18px; }
  .sec-title .left .bar{ height:4px; width:36px; bottom:0; }
  .sec-title .right{ font-size:12px; height:32px; line-height:30px; padding:0 14px; border-radius:16px; flex-shrink:0; }

  /* Banner指示器 */
  #homeBanner .layui-carousel-ind{ bottom:15% !important; }
  #homeBanner img{height: 100%;}
  #homeBanner .layui-carousel-ind li{ width:8px !important; height:3px; }
  #homeBanner .layui-carousel-ind li.layui-this{ width:16px !important; }
  #homeBanner .layui-carousel-arrow{ display:none !important; }

  /* 展会介绍 */
  .intro-section .container{ flex-direction:column; gap:24px; }
  .intro-section .intro-text h2{ font-size:20px; line-height:1.3; margin-bottom:6px; }
  .intro-section .intro-text .sub{ font-size:13px; letter-spacing:1px; margin:8px 0 4px; }
  .intro-cn{ font-size:15px; margin-bottom:14px; }
  .intro-highlights{ grid-template-columns:1fr; gap:10px; }
  .ih-card{ padding:14px; gap:10px; }
  .ih-card .ih-icon{ width:36px; height:36px; border-radius:8px; }
  .ih-card .ih-icon svg{ width:18px; height:18px; }
  .ih-card .ih-body strong{ font-size:13px; margin-bottom:2px; }
  .ih-card .ih-body p{ font-size:11px; line-height:1.6; }
  .intro-divider{ margin:6px 0 12px; }
  .intro-section .intro-data{ display:grid; grid-template-columns:repeat(2,1fr); gap:10px; margin-top:18px; margin-bottom:14px; padding-top:14px; }
  .intro-section .intro-data .d-item{ padding:14px 10px; border:none; border-radius:8px; background:#f5f9fc; }
  .intro-section .intro-data .d-item .d-num{ font-size:24px; }
  .intro-section .intro-data .d-item .d-unit{ font-size:13px; }
  .intro-section .intro-data .d-item span{ font-size:11px;color:#888; }
  .intro-more{ font-size:12px; }
  .intro-section .intro-visual{ width:100%; }
  .intro-section .intro-visual .iv-card-wrap{ padding:0px; border-radius:8px; }
  .intro-section .intro-visual .iv-row{ padding:14px 16px; font-size:14px; border-radius:6px; }
  .intro-section .intro-visual .iv-row+.iv-row{ margin-top:18px; }
  .intro-section .intro-visual .iv-row i{ font-size:15px; }

  /* 参展领域 - grid等高 */
  .scope-grid{ display:grid;grid-template-columns:repeat(2,1fr);gap:12px; }
  .scope-grid:before,.scope-grid:after{ display:none !important; }
  .scope-grid>*{ padding:0 !important;width:100% !important;max-width:none !important; }
  .scope-grid .layui-col-xs6{ float:none; }
  .s-card{ padding:18px 12px; border-radius:6px; height:100%; }
  .s-card .s-icon{ width:44px; height:44px; margin:0 auto 10px; border-radius:10px; }
  .s-card .s-icon svg{ width:22px; height:22px; }
  .s-card h4{ font-size:13px; margin-bottom:4px; }
  .s-card p{ font-size:11px; line-height:1.5; }
  .s-card .s-line{ margin:8px auto 0; }

  /* 论坛 */
  .forum-grid .f-item .f-img{ padding-top:56%; }
  .forum-grid .f-item .f-date{ width:54px; height:54px; margin:-27px auto 0; border-radius:10px; }
  .forum-grid .f-item .f-date b{ font-size:20px; }
  .forum-grid .f-item .f-date span{ font-size:11px; }
  .forum-grid .f-item .f-info{ padding:14px 12px 16px; }
  .forum-grid .f-item .f-info h4{ font-size:14px; margin-bottom:10px; line-height:1.4; }
  .forum-grid .f-item .f-info .f-sub{ font-size:12px; margin-bottom:10px; }
  .forum-grid .f-item .f-info .layui-btn{ height:30px;line-height:30px;padding:0 20px;font-size:12px;border-radius:18px; }

  /* 展会资讯 */
  .news-grid .n-item .n-date{ right:8px; bottom:8px; padding:4px 8px; }
  .news-grid .n-item .n-date b{ font-size:15px; }
  .news-grid .n-item .n-date span{ font-size:10px; }
  .news-grid .n-item h4{ margin-top:10px; font-size:15px; line-height:1.4; }
  .news-grid .n-item .n-desc{ font-size:12px; line-height:1.7; margin-top:4px; -webkit-line-clamp:2; }
  .news-grid .n-item .layui-btn{ margin-top:10px;font-size:12px;height:30px;line-height:30px;padding:0 18px;border-radius:18px; }
  .news-grid .n-item .n-more{ margin-top:10px; padding:6px 18px; font-size:12px; border-radius:18px; }

  /* 移动端降低栅格间距（论坛/资讯沿用layui浮层） */
  .forum-grid.layui-col-space24>*,
  .news-grid.layui-col-space24>*{ padding:8px !important; }

  .scope-grid,.forum-grid,.news-grid{ width:94%; }

  /* 品牌展示 & 媒体支持 */
  .brand-wrap,.media-slider-wrap{ height:200px !important;width:94%; padding: 0 8px;margin:0 auto;overflow:hidden;touch-action:none;pointer-events:none; }
  .brand-wrap .b-page,.media-slider-wrap .media-slider-page{ margin-top:28px; white-space:normal; }
  .brand-wrap .b-item,.media-slider-wrap .m-item{ width:calc((100% - 48px) / 5); height:48px; border-radius:6px; margin-right:12px; margin-bottom:10px; padding:8px; }
  .brand-wrap .b-item:nth-child(5n),.media-slider-wrap .m-item:nth-child(5n){ margin-right:0; }
  .media-intro-title{ font-size:17px; margin-bottom:6px; }
  .media-intro-desc{ font-size:12px; line-height:1.6; margin-bottom:18px; padding:0 8px; }

  /* 全局区块内边距 */
  .brand-section,.media-section,.intro-section,.theme-section,.forum-section,.news-section{ padding:36px 0 !important; }
  .brand-section{ padding-bottom:16px !important; }
}

/* ===== 底部 ===== */
.footer{ width:100%; background:#01a2ff; color:#fff; padding:40px 0 0; }
.footer .footer-box{ width:90%; max-width:1400px; margin:auto; display:flex; gap:30px; flex-wrap:wrap; }
.footer .footer-col{ flex:1; min-width:140px; }
.footer .footer-col h4{ font-size:17px; margin-bottom:10px; }
.footer .footer-col a,.footer .footer-col p{ display:block; font-size:13px; color:rgba(255,255,255,.8); margin:6px 0; }
.footer .footer-col a:hover{ text-decoration:underline; }
.footer .footer-qr{ width:100px; }
.footer .footer-qr img{ width:50%; border-radius:4px; }
.footer .footer-bottom{ width:100%; margin-top:24px; padding:14px 0; background:#0088d4; text-align:center; font-size:12px; color:rgba(255,255,255,.7); }
.footer .footer-bottom a{ color:rgba(255,255,255,.7); }
@media (max-width:768px){
  .footer{ padding:24px 0 0; }
  .footer .footer-box{ display:grid; grid-template-columns:repeat(2,1fr); gap:16px 14px; padding:0 16px 20px; }
  .footer .footer-col{ min-width:0; padding-bottom:10px; border-bottom:1px solid rgba(255,255,255,.1); }
  .footer .footer-col:nth-last-child(-n+2){ border-bottom:none; }
  .footer .footer-col:nth-last-child(2){ border-bottom:1px solid rgba(255,255,255,.1); }
  .footer .footer-col h4{ font-size:13px; margin-bottom:6px; }
  .footer .footer-col a,.footer .footer-col p{ font-size:11px; margin:3px 0; line-height:1.7; }
  .footer .footer-col.footer-qr{ grid-column:1/-1; width:100%; text-align:center; border-bottom:none; }
  .footer .footer-col.footer-qr img{ width:90px; height:90px; }
  .footer .footer-bottom{ font-size:10px; padding:10px 14px; }
}

/* ===== 展会日程卡 ===== */
.expo-schedule-card{ width:100%; max-width:860px; margin:0 auto; background:#fff; border-radius:14px; box-shadow:0 4px 28px rgba(0,20,60,.08); overflow:hidden; font-family:"Microsoft YaHei","PingFang SC",sans-serif; }
/* 地点 banner - 白色调 */
.expo-schedule-card .sc-venue{ background:#fff; color:#1a1f2e; padding:28px 32px; display:flex; align-items:center; gap:18px; border-bottom:1px solid #eef2f7; }
.expo-schedule-card .sc-venue .scv-icon{ width:52px; height:52px; border-radius:14px; background:#eaf2fb; display:flex; align-items:center; justify-content:center; flex-shrink:0; }
.expo-schedule-card .sc-venue .scv-icon svg{ width:24px; height:24px; }
.expo-schedule-card .sc-venue h3{ font-size:20px; font-weight:700; margin:0 0 4px; color:#0d2f5e; }
.expo-schedule-card .sc-venue p{ font-size:13px; color:#8899aa; margin:0; }
/* 主体三列 */
.expo-schedule-card .sc-body{ display:grid; grid-template-columns:repeat(3,1fr); background:#f6f8fb; gap:1px; }
.expo-schedule-card .sc-phase{ background:#fff; padding:32px 26px; position:relative; transition:background .25s; }
.expo-schedule-card .sc-phase:hover{ background:#fcfdff; }
.expo-schedule-card .sc-phase .scp-num{ font-size:40px; font-weight:900; line-height:1; margin-bottom:6px; font-family:"Georgia","Times New Roman",serif; }
.sc-phase.setup .scp-num{ color:#1768ac; }.sc-phase.show .scp-num{ color:#0a68c2; }.sc-phase.moveout .scp-num{ color:#4890c5; }
.expo-schedule-card .sc-phase .scp-label{ font-size:12px; font-weight:700; letter-spacing:2px; text-transform:uppercase; margin-bottom:10px; display:block; }
.sc-phase.setup .scp-label{ color:#5a8dc7; }.sc-phase.show .scp-label{ color:#0a68c2; }.sc-phase.moveout .scp-label{ color:#6ea8d4; }
.expo-schedule-card .sc-phase h4{ font-size:17px; font-weight:700; color:#1a1f2e; margin:0 0 16px; padding-bottom:14px; border-bottom:1px solid #eef2f7; }
.expo-schedule-card .sc-phase .scp-row{ display:flex; align-items:flex-start; gap:10px; padding:10px 0; border-bottom:1px dashed #f0f3f8; font-size:13px; color:#555; }
.expo-schedule-card .sc-phase .scp-row:last-child{ border-bottom:none; }
.expo-schedule-card .sc-phase .scp-row .scpr-tag{ font-size:10px; font-weight:700; padding:2px 8px; border-radius:3px; white-space:nowrap; flex-shrink:0; margin-top:2px; }
.scpr-tag.blue{ background:#eaf2fb; color:#1768ac; }.scpr-tag.dark{ background:#e6edf5; color:#0a68c2; }.scpr-tag.light{ background:#edf4fa; color:#4890c5; }
.expo-schedule-card .sc-phase .scp-row b{ color:#1a1f2e; font-size:14px; font-weight:700; }
.expo-schedule-card .sc-phase .scp-note{ margin-top:14px; padding:10px 14px; border-radius:6px; font-size:12px; line-height:1.7; }
.sc-phase.moveout .scp-note{ background:#f5f9fc; color:#5a8db5; border-left:3px solid #4890c5; }
@media (max-width:768px){
  .expo-schedule-card .sc-venue{ padding:20px; gap:14px; }
  .expo-schedule-card .sc-venue .scv-icon{ width:40px; height:40px; border-radius:10px; }
  .expo-schedule-card .sc-venue .scv-icon svg{ width:18px; height:18px; }
  .expo-schedule-card .sc-venue h3{ font-size:16px; }
  .expo-schedule-card .sc-venue p{ font-size:12px; }
  .expo-schedule-card .sc-body{ grid-template-columns:1fr; }
  .expo-schedule-card .sc-phase{ padding:22px 18px; }
  .expo-schedule-card .sc-phase .scp-num{ font-size:32px; }
  .expo-schedule-card .sc-phase h4{ font-size:15px; margin-bottom:12px; }
}

/* ===== 展商登记 ===== */
.exhibitor-form-wrap{ width:100%; padding:50px 0 60px; }
.exhibitor-form-inner{ width:100%; margin:0; }
.exhibitor-form-inner .form-card{ background:transparent; padding:0 32px; }
.form-card .form-title{ display:flex; align-items:center; gap:16px; margin-bottom:40px; padding-bottom:24px; border-bottom:1px solid #edf1f7; position:relative; }
.form-card .form-title::after{ content:''; position:absolute; left:0; bottom:-1px; width:60px; height:3px; border-radius:2px; background:#01a2ff; }
.form-card .form-title .title-icon{ width:48px; height:48px; border-radius:12px; background:#01a2ff; display:flex; align-items:center; justify-content:center; flex-shrink:0; }
.form-card .form-title .title-icon svg{ width:22px; height:22px; }
.form-card .form-title .title-text h3{ font-size:20px; color:#1a1a2e; font-weight:700; margin:0; }
.form-card .form-title .title-text small{ font-size:13px; color:#999; }
/* 使用layui表单类的覆盖 */
.exhibitor-form-inner .layui-form-label{ width:90px !important; padding:0 0 8px 0; float:none; display:block; text-align:left; font-size:13px; font-weight:600; color:#444; background:none; }
.exhibitor-form-inner .layui-input-block{ margin-left:0 !important; }
.exhibitor-form-inner .layui-form-item{ margin-bottom:22px; }
.exhibitor-form-inner .layui-input,.exhibitor-form-inner .layui-textarea{ width:100%; height:46px; padding:0 14px; font-size:15px; border:1.5px solid #e0e5ec; border-radius:8px; }
.exhibitor-form-inner .layui-input:focus,.exhibitor-form-inner .layui-textarea:focus{ border-color:#01a2ff; box-shadow:0 0 0 3px rgba(1,162,255,.08); }
.exhibitor-form-inner .layui-textarea{ height:100px; padding:12px 14px; resize:vertical; line-height:1.8; }
.exhibitor-form-inner select.layui-input{ appearance:none; cursor:pointer; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23999' stroke-width='2.5' stroke-linecap='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E"); background-repeat:no-repeat; background-position:right 14px center; padding-right:40px; }
.exhibitor-form-inner .form-row-2{ display:flex; gap:24px; margin-bottom:22px; }
.exhibitor-form-inner .form-row-2 .form-col{ flex:1; min-width:0; }
.exhibitor-form-inner .required{ color:#e74c3c; }
.form-btn-area{ margin-top:32px; padding-top:24px; border-top:1px solid #f0f3f8; }
.form-btn-row{ display:flex; gap:16px; align-items:center; }
.form-btn-row .btn-submit{ flex:1; height:50px;line-height:50px;padding:0; background:#01a2ff; color:#fff; border:none; border-radius:10px; font-size:16px; font-weight:700; letter-spacing:2px; cursor:pointer; transition:.25s; }
.form-btn-row .btn-submit:hover{ background:#0088d4; transform:translateY(-1px); }
.form-btn-row .btn-reset{ height:50px;line-height:48px;padding:0 36px;background:#fff;color:#888;border:1.5px solid #e0e5ec;border-radius:10px;font-size:14px;cursor:pointer;transition:.25s;white-space:nowrap; }
.form-btn-row .btn-reset:hover{ border-color:#01a2ff; color:#01a2ff; }
.form-bottom-tip{ margin-top:18px; font-size:12px; color:#aaa; text-align:center; line-height:1.8; }
.form-with-contact{ display:flex; gap:40px; align-items:flex-start; }
.form-with-contact .form-main{ flex:1; min-width:0; }
.form-with-contact .contact-side{ width:320px; flex-shrink:0; }
.contact-card{ background:#fff; border-radius:12px; padding:28px 24px; border:1px solid #eef2f7; box-shadow:0 2px 12px rgba(0,0,0,.03); }
.contact-card .contact-title{ font-size:17px; font-weight:700; color:#1a1a2e; margin-bottom:20px; padding-bottom:14px; border-bottom:1px solid #f0f3f8; display:flex; align-items:center; gap:8px; }
.contact-card .contact-title svg{ width:20px; height:20px; color:#01a2ff; }
.contact-card .qr-wrap{ text-align:center; margin-bottom:20px; }
.contact-card .qr-wrap img{ width:160px; height:160px; border-radius:8px; border:1px solid #f0f0f0; }
.contact-card .qr-wrap p{ font-size:12px; color:#aaa; margin-top:6px; }
.contact-card .contact-group{ margin-bottom:16px; }
.contact-card .contact-group .c-label{ font-size:13px; font-weight:700; color:#01a2ff; margin-bottom:8px; padding-left:10px; border-left:3px solid #01a2ff; }
.contact-card .contact-group .c-item{ font-size:13px; color:#555; line-height:2; padding-left:13px; }
.contact-card .contact-group .c-item b{ color:#333; }
.contact-card .contact-addr{ font-size:12px; color:#999; line-height:1.8; margin-top:16px; padding-top:14px; border-top:1px dashed #eee; }

/* ===== 参展注意事项 ===== */
.expo-notes{ background:#fff; border-radius:12px; padding:28px 30px; box-shadow:0 2px 12px rgba(0,0,0,.04); margin-top:32px; }
.expo-notes .en-header{ display:flex; align-items:center; gap:10px; margin-bottom:20px; padding-bottom:14px; border-bottom:1px solid #f0f3f8; }
.expo-notes .en-header .en-icon{ width:40px; height:40px; border-radius:10px; background:#fef0f0; display:flex; align-items:center; justify-content:center; flex-shrink:0; }
.expo-notes .en-header .en-icon svg{ width:20px; height:20px; stroke:#e74c3c; }
.expo-notes .en-header h4{ font-size:17px; color:#1a1a2e; font-weight:700; margin:0; }
.expo-notes .en-list{ list-style:none; padding:0; margin:0; }
.expo-notes .en-list li{ display:flex; gap:14px; padding:14px 0; border-bottom:1px solid #f5f6f8; font-size:14px; color:#555; line-height:1.9; }
.expo-notes .en-list li:last-child{ border-bottom:none; padding-bottom:0; }
.expo-notes .en-list li .en-num{ width:26px; height:26px; border-radius:50%; background:#e74c3c; color:#fff; font-size:13px; font-weight:700; display:flex; align-items:center; justify-content:center; flex-shrink:0; margin-top:2px; }
@media (max-width:768px){
  .expo-notes{ padding:18px 16px; border-radius:10px; margin-top:24px; }
  .expo-notes .en-header{ margin-bottom:14px; padding-bottom:10px; gap:8px; }
  .expo-notes .en-header .en-icon{ width:34px; height:34px; border-radius:8px; }
  .expo-notes .en-header .en-icon svg{ width:16px; height:16px; }
  .expo-notes .en-header h4{ font-size:15px; }
  .expo-notes .en-list li{ font-size:13px; line-height:1.8; gap:10px; padding:12px 0; }
  .expo-notes .en-list li .en-num{ width:22px; height:22px; font-size:12px; }
}

/* ===== 核心群体 & VIP ===== */
.audience-section{ width:100%; padding:70px 0; background:#f7f9fc; }
.audience-section .as-inner{ width:90%; max-width:1200px; margin:0 auto; }

/* 区块标题 */
.as-head{ text-align:center; margin-bottom:50px; }
.as-head .ash-en{ font-size:15px; color:#8aa0b6; letter-spacing:3px; text-transform:uppercase; margin-bottom:6px; }
.as-head h2{ font-size:32px; color:#0d2f5e; margin:0; font-weight:800; }
.as-head h2 span{ color:#01a2ff; }
.as-head .ash-bar{ width:50px; height:3px; background:#01a2ff; margin:14px auto 0; border-radius:2px; }

/* 六宫格 */
.as-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }
.as-group-card{ background:#fff; border-radius:12px; padding:28px 24px; text-align:center; transition:all .35s; border:1px solid #eef2f7; position:relative; overflow:hidden; }
.as-group-card::after{ content:''; position:absolute; top:0; left:0; right:0; height:3px; border-radius:0 0 2px 2px; }
.as-group-card:nth-child(1)::after{ background:linear-gradient(90deg,#01a2ff,#00d4ff); }
.as-group-card:nth-child(2)::after{ background:linear-gradient(90deg,#1768ac,#5a8dc7); }
.as-group-card:nth-child(3)::after{ background:linear-gradient(90deg,#13cf5e,#7ed8a0); }
.as-group-card:nth-child(4)::after{ background:linear-gradient(90deg,#f6a623,#f7d774); }
.as-group-card:nth-child(5)::after{ background:linear-gradient(90deg,#7c3aed,#a78bfa); }
.as-group-card:nth-child(6)::after{ background:linear-gradient(90deg,#e74c3c,#f39c12); }
.as-group-card:hover{ transform:translateY(-5px); box-shadow:0 10px 30px rgba(0,0,0,.08); }
.as-group-card .asgc-icon{ width:52px; height:52px; margin:0 auto 14px; border-radius:14px; display:flex; align-items:center; justify-content:center; }
.as-group-card .asgc-icon svg{ width:24px; height:24px; }
.as-group-card h4{ font-size:15px; color:#1a1f2e; margin:0 0 8px; font-weight:700; }
.as-group-card p{ font-size:12px; color:#8899aa; line-height:1.8; margin:0; }
.asgc-icon.gov    { background:#e8f4fd; } .asgc-icon.gov svg    { stroke:#01a2ff; }
.asgc-icon.compute{ background:#e6edf5; } .asgc-icon.compute svg{ stroke:#1768ac; }
.asgc-icon.user   { background:#e8faf0; } .asgc-icon.user svg   { stroke:#13cf5e; }
.asgc-icon.supply { background:#fef9f3; } .asgc-icon.supply svg { stroke:#f6a623; }
.asgc-icon.invest { background:#f3eafa; } .asgc-icon.invest svg { stroke:#7c3aed; }
.asgc-icon.edu    { background:#fef0f0; } .asgc-icon.edu svg    { stroke:#e74c3c; }

/* VIP 条 */
.as-vip{ margin-top:44px; border-radius:10px; background:#fff; border:1px solid #e0ecf5; padding:20px 28px; display:flex; align-items:center; gap:14px; }
.as-vip svg{ width:22px; height:22px; flex-shrink:0; }
.as-vip p{ font-size:13px; color:#556; line-height:1.9; margin:0; }
.as-vip p b{ color:#0a68c2; }

/* ===== 论坛内页卡片 ===== */
.forum-inner-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:24px; }
.fi-card{ background:#fff; border-radius:10px; overflow:hidden; border:1px solid #eef2f7; transition:all .3s; }
.fi-card:hover{ box-shadow:0 8px 28px rgba(0,0,0,.06); transform:translateY(-3px); }
.fi-card .fic-img{ position:relative; padding-top:62%; overflow:hidden; }
.fi-card .fic-img img{ position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover; transition:transform .5s; }
.fi-card:hover .fic-img img{ transform:scale(1.05); }
.fi-card .fic-date{ position:absolute; left:16px; bottom:-20px; width:60px; height:60px; background:#01a2ff; color:#fff; display:flex; flex-direction:column; align-items:center; justify-content:center; border-radius:10px; box-shadow:0 4px 12px rgba(1,162,255,.3); z-index:2; }
.fi-card .fic-date b{ font-size:22px; line-height:1; }
.fi-card .fic-date small{ font-size:11px; opacity:.8; }
.fi-card .fic-body{ padding:32px 20px 20px; }
.fi-card .fic-body h4{ font-size:16px; color:#1a1a2e; line-height:1.5; margin-bottom:8px; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.fi-card .fic-body p{ font-size:13px; color:#999; margin-bottom:14px; }
.fi-card .fic-body a{ display:inline-block; font-size:13px; color:#01a2ff; font-weight:600; text-decoration:none; transition:all .25s; }
.fi-card .fic-body a:hover{ color:#0090e6; padding-left:4px; }

@media (max-width:768px){
  .forum-inner-grid{ grid-template-columns:1fr; gap:20px; }
  .fi-card .fic-date{ width:48px; height:48px; left:12px; bottom:-16px; border-radius:8px; }
  .fi-card .fic-date b{ font-size:18px; }
  .fi-card .fic-body{ padding:26px 14px 16px; }
  .fi-card .fic-body h4{ font-size:14px; }
  .fi-card .fic-body p{ font-size:12px; }
}


@media (max-width:768px){
  .audience-section{ padding:36px 0; }
  .audience-section .as-inner{ width:94%; }
  .as-head{ margin-bottom:28px; }
  .as-head .ash-en{ font-size:13px; letter-spacing:2px; }
  .as-head h2{ font-size:22px; }
  .as-grid{ grid-template-columns:repeat(2,1fr); gap:10px; }
  .as-group-card{ padding:18px 12px; border-radius:10px; }
  .as-group-card .asgc-icon{ width:40px; height:40px; border-radius:10px; margin-bottom:10px; }
  .as-group-card .asgc-icon svg{ width:18px; height:18px; }
  .as-group-card h4{ font-size:13px; margin-bottom:4px; }
  .as-group-card p{ font-size:11px; line-height:1.6; }
  .as-vip{ padding:16px; gap:10px; align-items:flex-start; }
  .as-vip svg{ margin-top:2px; }
  .as-vip p{ font-size:12px; }
}

@media (max-width:768px){
  .exhibitor-form-wrap{ padding:24px 0 40px; }
  .exhibitor-form-inner .form-card{ padding:0 12px; }
  .exhibitor-form-inner .form-row-2{ flex-direction:column; gap:14px; }
  .exhibitor-form-inner .form-row-2 .form-col{ margin-bottom:0; }
  .exhibitor-form-inner .form-row-1{ margin-bottom:16px; }
  .exhibitor-form-inner .layui-form-label{ float:none;display:block;text-align:left;width:auto !important;padding:0 0 6px 2px;font-size:13px;margin-bottom:0; }
  .exhibitor-form-inner .layui-input-block{ margin-left:0 !important; }
  .exhibitor-form-inner .layui-form-item{ margin-bottom:14px; }
  .exhibitor-form-inner .layui-input,.exhibitor-form-inner .layui-textarea{ height:44px; font-size:14px; border-radius:6px;padding:0 12px; }
  .exhibitor-form-inner .layui-textarea{ height:88px;padding:10px 12px; }
  .exhibitor-form-inner select.layui-input{ padding-right:36px; }
  .form-card .form-title{ margin-bottom:20px; padding-bottom:12px; gap:10px;align-items:center; }
  .form-card .form-title .title-icon{ width:36px; height:36px; border-radius:8px;flex-shrink:0; }
  .form-card .form-title .title-icon svg{ width:16px; height:16px; }
  .form-card .form-title .title-text h3{ font-size:16px;margin-bottom:2px; }
  .form-card .form-title .title-text small{ font-size:11px;line-height:1.4; }
  .form-card .form-title::after{ width:40px;height:2.5px; }
  .form-btn-area{ margin-top:20px; padding-top:14px; }
  .form-btn-row{ flex-direction:column; gap:10px; }
  .form-btn-row .btn-submit{ height:48px;line-height:48px;font-size:16px;letter-spacing:2px;border-radius:8px;width:100%;padding:0; }
  .form-btn-row .btn-reset{ height:42px;line-height:42px;font-size:13px;border-radius:8px;width:100%;padding:0; }
  .form-bottom-tip{ font-size:11px; margin-top:12px; }
  .form-with-contact{ flex-direction:column; gap:24px; }
  .form-with-contact .contact-side{ width:100%; }
  .contact-card{ padding:18px 16px; border-radius:8px; }
  .contact-card .contact-title{ font-size:15px; margin-bottom:14px; padding-bottom:10px; gap:6px; }
  .contact-card .contact-title svg{ width:17px; height:17px; }
  .contact-card .qr-wrap{ margin-bottom:14px; }
  .contact-card .qr-wrap img{ width:130px; height:130px; border-radius:6px; }
  .contact-card .qr-wrap p{ font-size:11px; margin-top:4px; }
  .contact-card .contact-group{ margin-bottom:12px; }
  .contact-card .contact-group .c-label{ font-size:12px; margin-bottom:5px; padding-left:8px; border-left-width:2.5px; }
  .contact-card .contact-group .c-item{ font-size:12px; line-height:1.9; padding-left:11px; }
  .contact-card .contact-addr{ font-size:11px; margin-top:12px; padding-top:10px; line-height:1.7; }
  /* 验证码弹窗 */
  .captcha-popup{ padding:12px 14px; }
  .captcha-popup .captcha-code-box{ gap:8px; }
  .captcha-popup .captcha-code-box img{ width:110px;height:42px; }
  .captcha-popup .captcha-input-row{ gap:8px; }
  .captcha-popup .captcha-input-row input{ height:38px;font-size:14px; }
  .captcha-popup .captcha-input-row .captcha-btn{ height:38px;padding:0 18px;font-size:13px; }
}

/* ===== 参展范围详情 ===== */
.detail-scope{ width:100%; background:#fff; }
.detail-scope .ds-grid{ width:100%; max-width:1400px; margin:auto; display:grid; grid-template-columns:repeat(2,1fr); gap:24px; }
.detail-scope .ds-card{ background:#fafcfd; border-radius:12px; overflow:hidden; transition:all .3s; border:1px solid #eef2f7; }
.detail-scope .ds-card:hover{ box-shadow:0 6px 24px rgba(0,0,0,.08); transform:translateY(-3px); }
.detail-scope .ds-head{ padding:20px 24px; display:flex; align-items:center; gap:12px; border-bottom:1px solid #eef2f7; }
.detail-scope .ds-head .ds-icon{ width:44px; height:44px; border-radius:10px; display:flex; align-items:center; justify-content:center; flex-shrink:0; }
.detail-scope .ds-head .ds-icon svg{ width:22px; height:22px; }
.detail-scope .ds-head h3{ font-size:17px; color:#333; margin:0; flex:1; }
.detail-scope .ds-body{ padding:20px 24px 24px; }
.detail-scope .ds-body .ds-sub{ margin-bottom:14px; }
.detail-scope .ds-body .ds-sub:last-child{ margin-bottom:0; }
.detail-scope .ds-body .ds-sub .ds-label{ font-size:13px; font-weight:700; display:inline-block; padding:2px 10px; border-radius:4px; margin-bottom:6px; }
.detail-scope .ds-body .ds-sub .ds-text{ font-size:13px; color:#666; line-height:2; }
.detail-scope .ds-hover-line{ width:0; height:3px; border-radius:2px; transition:width .4s; margin-top:-1px; }
.detail-scope .ds-card:hover .ds-hover-line{ width:60px; }
@media (max-width:768px){ .detail-scope .ds-grid{ grid-template-columns:1fr; gap:14px; } .detail-scope .ds-card{ border-radius:8px; } .detail-scope .ds-head{ padding:14px 16px; gap:10px; } .detail-scope .ds-head .ds-icon{ width:36px; height:36px; border-radius:8px; } .detail-scope .ds-head .ds-icon svg{ width:18px; height:18px; } .detail-scope .ds-head h3{ font-size:15px; } .detail-scope .ds-body{ padding:14px 16px 18px; } .detail-scope .ds-body .ds-sub .ds-label{ font-size:12px; padding:2px 8px; margin-bottom:4px; } .detail-scope .ds-body .ds-sub .ds-text{ font-size:12px; line-height:1.9; } }

/* ===== 文章详情页 ===== */
.article-wrap{ width:100%; padding:40px 0 60px; }
.article-wrap .article-inner{ max-width:900px; margin:0 auto; padding:0 24px; }
.article-wrap h2{ font-size:24px; font-weight:700; color:#1a1a2e; margin:48px 0 8px; padding-bottom:12px; border-bottom:2px solid #f0f3f8; position:relative; }
.article-wrap h2::after{ content:''; position:absolute; left:0; bottom:-2px; width:50px; height:3px; background:#01a2ff; border-radius:2px; }
.article-wrap h2:first-child{ margin-top:0; }
.article-wrap h3{ font-size:18px; font-weight:700; color:#01a2ff; margin:28px 0 10px; padding-left:12px; border-left:3px solid #01a2ff; }
.article-wrap h4{ font-size:16px; font-weight:700; color:#333; margin:22px 0 6px; }
.article-wrap p{ font-size:15px; color:#444; line-height:2; margin:0 0 14px; text-indent:2em; }
.article-wrap p.lead{ font-size:16px; color:#555; }
.article-wrap .highlight-box{ background:#f8fafd; border-radius:10px; padding:20px 24px; margin:16px 0; border:1px solid #eef2f7; font-size:14px; color:#555; line-height:2.2; }
.article-wrap .highlight-box .hl-label{ font-size:13px; font-weight:700; color:#01a2ff; margin-bottom:6px; display:block; }
.article-wrap .highlight-box .rc-grid{ display:grid; grid-template-columns:1fr 1fr; gap:8px 30px; }
.article-wrap .highlight-box .rc-grid .rc-grid-item{ font-size:14px; color:#555; line-height:2; padding:2px 0; }
.article-wrap .img-block{ text-align:center; margin:20px 0; }
.article-wrap .img-block img{ max-width:100%; border-radius:10px; box-shadow:0 2px 12px rgba(0,0,0,.06); }
.article-wrap .note{ font-size:13px; color:#aaa; text-align:center; margin:8px 0 24px; font-style:italic; }
.article-wrap .end-line{ text-align:center; color:#ccc; margin:40px 0 0; letter-spacing:8px; }
@media (max-width:768px){
  .article-wrap{ padding:30px 0 44px; }
  .article-wrap .article-inner{ padding:0 14px; }
  .article-wrap h2{ font-size:19px; margin:32px 0 6px; padding-bottom:10px; }
  .article-wrap h3{ font-size:15px; margin:22px 0 8px; }
  .article-wrap h4{ font-size:14px; margin:18px 0 5px; }
  .article-wrap p{ font-size:13px; line-height:1.9; margin-bottom:12px; }
  .article-wrap p.lead{ font-size:14px; }
  .article-wrap .highlight-box{ padding:14px 16px; border-radius:8px; font-size:13px; line-height:2; }
  .article-wrap .highlight-box .hl-label{ font-size:12px; }
  .article-wrap .highlight-box .rc-grid{ grid-template-columns:1fr; }
  .article-wrap .img-block{ margin:16px 0; }
  .article-wrap .img-block img{ border-radius:6px; }
}

/* 验证码弹出层 */
.captcha-popup{ text-align:center; padding:14px 18px 18px; }
.captcha-popup .captcha-subtitle{ font-size:13px; color:#999; margin-bottom:14px; }
.captcha-popup .captcha-code-box{ display:inline-flex; align-items:center; gap:10px; background:#f8fafd; border-radius:10px; padding:8px; margin-bottom:6px; }
.captcha-popup .captcha-code-box img{ border-radius:6px; cursor:pointer; border:1.5px solid #e0e5ec; background:#fff; }
.captcha-popup .captcha-code-box img:hover{ border-color:#01a2ff; }
.captcha-popup .captcha-refresh-icon{ width:34px; height:34px; display:flex; align-items:center; justify-content:center; border-radius:50%; cursor:pointer; color:#01a2ff; transition:.25s; }
.captcha-popup .captcha-refresh-icon:hover{ background:#01a2ff; color:#fff; }
.captcha-popup .captcha-refresh-icon svg{ width:16px; height:16px; }
.captcha-popup .captcha-input-row{ display:flex; gap:10px; margin-top:14px; }
.captcha-popup .captcha-input-row input{ flex:1; height:42px; padding:0 14px; border:1.5px solid #e0e5ec; border-radius:8px; font-size:15px; text-align:center; letter-spacing:5px; outline:none; transition:.25s; }
.captcha-popup .captcha-input-row input:focus{ border-color:#01a2ff; box-shadow:0 0 0 3px rgba(1,162,255,.06); }
.captcha-popup .captcha-input-row .captcha-btn{ height:42px; padding:0 24px; background:#01a2ff; color:#fff; border:none; border-radius:8px; font-size:14px; font-weight:600; cursor:pointer; white-space:nowrap; transition:.25s; }
.captcha-popup .captcha-input-row .captcha-btn:hover{ opacity:.9; }
.captcha-popup .captcha-error{ color:#e74c3c; font-size:12px; margin-top:4px; min-height:18px; }

/* ===== 展会信息区块 ===== */
.expo-info-container{ display:grid; grid-template-columns:1fr; gap:20px; }
.expo-card{ background:#fff; }
.expo-card .card-header{ display:flex; align-items:center; gap:10px; margin-bottom:16px; padding-bottom:14px; border-bottom:1px solid #f0f3f8; }
.expo-card .card-header .card-icon{ width:38px; height:38px; border-radius:10px; display:flex; align-items:center; justify-content:center; flex-shrink:0; background:#01a2ff; }
.expo-card .card-header .card-icon.orange{ background:#f6a623; }
.expo-card .card-header .card-icon.green{ background:#13cf5e; }
.expo-card .card-header .card-icon svg{ width:18px; height:18px; }
.expo-card .card-header h3{ font-size:16px; color:#1a1f2e; font-weight:700; margin:0; line-height:38px; }
.expo-card:last-child{ grid-column:1/-1; }
.venue-banner{ border-radius:8px; overflow:hidden; margin-bottom:14px; }
.venue-banner img{ width:100%; display:block; }
.venue-info{ font-size:13px; color:#555; line-height:2; }
.venue-info .v-line{ display:flex; gap:8px; padding:8px 0; border-bottom:1px solid #f5f7fa; }
.venue-info .v-line:last-child{ border-bottom:none; }
.venue-info .v-label{ color:#01a2ff; font-weight:700; white-space:nowrap; }
.venue-info .v-label::after{ content:"："; }
.schedule-list{ list-style:none; padding:0; margin:0; display:grid; grid-template-columns:repeat(3,1fr); gap:10px; }
.schedule-list li{ padding:14px; background:#f8fafd; border-radius:8px; border-left:3px solid #01a2ff; text-align:center; }
.schedule-list li:last-child{ grid-column:1/-1; border-left:0; background:#fef9f3; border:1px dashed #f0c78e; text-align:left; }
.schedule-list .s-day{ font-size:15px; font-weight:700; color:#1a1f2e; margin-bottom:4px; }
.schedule-list .s-time{ font-size:14px; color:#01a2ff; font-weight:600; }
.schedule-list .s-tip{ font-size:11px; color:#999; margin-top:2px; }
.schedule-list .s-notice{ font-size:12px; color:#b8731b; line-height:1.8; padding:0; }
.transport-list{ list-style:none; padding:0; margin:0; display:grid; grid-template-columns:repeat(4,1fr); gap:10px; }
.transport-list li{ padding:14px 16px; background:#f8fafd; border-radius:8px; font-size:12px; color:#666; line-height:2; }
.transport-list li .t-type{ display:flex; align-items:center; gap:7px; font-size:13px; font-weight:700; color:#1a1f2e; margin-bottom:4px; }
.transport-list li .t-type .t-dot{ width:9px; height:9px; border-radius:50%; flex-shrink:0; }
.t-dot.blue{ background:#01a2ff; }.t-dot.orange{ background:#f6a623; }.t-dot.green{ background:#13cf5e; }.t-dot.purple{ background:#9b59b6; }
.expo-info-container>div:last-child{ grid-column:1/-1; }

@media (max-width:768px){
  .expo-info-container{ grid-template-columns:1fr; gap:12px; }
  .expo-card{ padding:18px 14px; border-radius:8px; }
  .expo-card .card-header{ margin-bottom:12px; padding-bottom:10px; }
  .expo-card .card-header .card-icon{ width:32px; height:32px; border-radius:8px; }
  .expo-card .card-header .card-icon svg{ width:15px; height:15px; }
  .expo-card .card-header h3{ font-size:14px; }
  .venue-info{ font-size:12px; }
  .venue-banner img{ border-radius:6px; }
  .schedule-list{ grid-template-columns:repeat(3,1fr); gap:6px; }
  .schedule-list li{ padding:10px 6px; }
  .schedule-list .s-day{ font-size:13px; }
  .schedule-list .s-time{ font-size:12px; }
  .transport-list{ grid-template-columns:1fr; gap:8px; }
  .transport-list li{ padding:10px 12px; font-size:11px; }
  .expo-card:last-child,.expo-info-container>div:last-child{ grid-column:auto; }
}

/* ===== 参展流程时间轴 ===== */
.expo-steps-section{ width:100%; padding:70px 0; background:#f7f9fc; }
.expo-steps-section .steps-inner{ width:90%; max-width:1100px; margin:0 auto; }
.expo-steps-section .steps-head{ text-align:center; margin-bottom:50px; }
.expo-steps-section .steps-head .sh-en{ font-size:15px; color:#8aa0b6; letter-spacing:3px; text-transform:uppercase; margin-bottom:6px; }
.expo-steps-section .steps-head h2{ font-size:32px; color:#0d2f5e; margin:0; font-weight:800; }
.expo-steps-section .steps-head h2 span{ color:#01a2ff; }
.expo-steps-section .steps-head .sh-bar{ width:50px; height:3px; background:#01a2ff; margin:14px auto 0; border-radius:2px; }

/* 时间轴容器 */
.expo-steps{ position:relative; padding-left:64px; }
.expo-steps::before{ content:''; position:absolute; left:27px; top:10px; bottom:10px; width:2px; background:#e0e5ec; border-radius:1px; }

/* 单条时间轴项 */
.expo-steps .step-item{ position:relative; margin-bottom:32px; }
.expo-steps .step-item:last-child{ margin-bottom:0; }

/* 步骤编号圆圈 */
.expo-steps .step-num{ position:absolute; left:-64px; top:2px; width:56px; height:56px; border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:22px; font-weight:700; z-index:2; background:#fff; color:#01a2ff; border:2px solid #01a2ff; transition:all .35s; }
.expo-steps .step-item:hover .step-num{ background:#01a2ff; color:#fff; }

/* 步骤卡片 */
.expo-steps .step-card{ background:#fff; border-radius:12px; padding:24px 30px 24px 28px; border:1px solid #eef2f7; transition:all .35s; position:relative; }
.expo-steps .step-card:hover{ box-shadow:0 4px 20px rgba(0,0,0,.06); }

/* 卡片头部 */
.expo-steps .step-card .sc-header{ display:flex; align-items:center; gap:12px; margin-bottom:10px; }
.expo-steps .step-card .sc-header .sc-icon{ width:40px; height:40px; border-radius:10px; display:flex; align-items:center; justify-content:center; flex-shrink:0; background:#e8f4fd; }
.expo-steps .step-card .sc-header .sc-icon svg{ width:20px; height:20px; stroke:#01a2ff; }
.expo-steps .step-card .sc-header h3{ font-size:18px; font-weight:700; color:#1a1a2e; margin:0; }

/* 卡片正文 */
.expo-steps .step-card p{ font-size:14px; color:#666; line-height:1.9; margin:0; padding-left:52px; }

/* 卡片按钮 */
.expo-steps .step-card .sc-actions{ margin-top:14px; display:flex; gap:12px; padding-left:52px; }
.expo-steps .step-card .sc-actions a,
.expo-steps .step-card .sc-actions button{ display:inline-block; height:38px; line-height:36px; padding:0 24px; border-radius:6px; font-size:13px; border:1px solid #d0d6e0; background:#fff; color:#555; cursor:pointer; transition:all .25s; text-decoration:none; }
.expo-steps .step-card .sc-actions a:hover,
.expo-steps .step-card .sc-actions button:hover{ border-color:#01a2ff; color:#01a2ff; background:#f4f9ff; }
.expo-steps .step-card .sc-actions a.primary,
.expo-steps .step-card .sc-actions button.primary{ background:#01a2ff; color:#fff; border-color:#01a2ff; }
.expo-steps .step-card .sc-actions a.primary:hover,
.expo-steps .step-card .sc-actions button.primary:hover{ background:#008ed9; border-color:#008ed9; color:#fff; }

@media (max-width:768px){
  .expo-steps-section{ padding:40px 0; }
  .expo-steps-section .steps-inner{ width:94%; }
  .expo-steps-section .steps-head{ margin-bottom:30px; }
  .expo-steps-section .steps-head .sh-en{ font-size:13px; letter-spacing:2px; }
  .expo-steps-section .steps-head h2{ font-size:22px; }
  .expo-steps{ padding-left:50px; }
  .expo-steps::before{ left:21px; }
  .expo-steps .step-num{ left:-50px; width:42px; height:42px; font-size:17px; }
  .expo-steps .step-card{ padding:16px 14px; border-radius:8px; }
  .expo-steps .step-card .sc-header h3{ font-size:15px; }
  .expo-steps .step-card .sc-header .sc-icon{ width:32px; height:32px; border-radius:8px; }
  .expo-steps .step-card .sc-header .sc-icon svg{ width:16px; height:16px; }
  .expo-steps .step-card p{ font-size:13px; padding-left:0; }
  .expo-steps .step-card .sc-actions{ flex-wrap:wrap; padding-left:0; }
  .expo-steps .step-card .sc-actions a,
  .expo-steps .step-card .sc-actions button{ height:34px; line-height:32px; padding:0 18px; font-size:12px; }
}

/* ===== 内页标题（独立于首页 sec-title）===== */
.page-sec-title{ margin-bottom:44px; position:relative; padding-bottom:22px; }
.page-sec-title::after{ content:''; position:absolute; left:0; bottom:0; width:100%; height:1px; background:#ecf0f4; }
.page-sec-title .pst-en{ font-size:13px; color:#01a2ff; letter-spacing:4px; text-transform:uppercase; display:block; margin-bottom:10px; font-weight:600; line-height:1; }
.page-sec-title h2{ font-size:32px; color:#0d1f36; font-weight:800; margin:0 0 16px; line-height:1.15; letter-spacing:1px; }
.page-sec-title .pst-bar{ width:56px; height:4px; background:#01a2ff; border-radius:2px; position:relative; }
.page-sec-title .pst-bar::after{ content:''; position:absolute; left:64px; top:0; width:4px; height:4px; background:#01a2ff; border-radius:50%; opacity:.35; }
@media (max-width:768px){
  .page-sec-title{ margin-bottom:28px; padding-bottom:16px; }
  .page-sec-title .pst-en{ font-size:11px; letter-spacing:3px; margin-bottom:6px; }
  .page-sec-title h2{ font-size:22px; margin-bottom:10px; }
  .page-sec-title .pst-bar{ width:40px; height:3px; }
  .page-sec-title .pst-bar::after{ left:46px; width:3px; height:3px; }
}

/* ===== 内页侧边导航 ===== */
.page-sidebar{ background:#fff; border-radius:12px; overflow:hidden; border:1px solid #eef2f7; box-shadow:0 2px 12px rgba(0,0,0,.04); }
.page-sidebar .ps-header{ background:#01a2ff; color:#fff; padding:16px 22px; font-size:16px; font-weight:700; text-align:center; letter-spacing:1px; display:flex; align-items:center; justify-content:center; gap:8px; }
.page-sidebar .ps-body{ padding:4px 0; }
.page-sidebar .ps-item{ display:flex; align-items:center; gap:10px; padding:13px 22px; color:#555; font-size:14px; transition:all .25s; position:relative; border-bottom:1px solid #f5f6f8; text-decoration:none; }
.page-sidebar .ps-item:last-child{ border-bottom:none; }
.page-sidebar .ps-item::before{ content:''; position:absolute; left:0; top:9px; bottom:9px; width:3px; background:#01a2ff; border-radius:0 2px 2px 0; opacity:0; transition:opacity .25s; }
.page-sidebar .ps-item:hover{ color:#01a2ff; background:#f8fafe; }
.page-sidebar .ps-item.active{ color:#01a2ff; font-weight:700; background:#f4f9ff; }
.page-sidebar .ps-item.active::before{ opacity:1; }
.page-sidebar .ps-arrow{ margin-left:auto; font-size:12px; opacity:0; transition:opacity .25s; }
.page-sidebar .ps-item.active .ps-arrow{ opacity:1; }
@media (max-width:768px){
  .page-sidebar{ border-radius:8px; margin-bottom:24px; }
  .page-sidebar .ps-header{ padding:14px 16px; font-size:14px; }
  .page-sidebar .ps-item{ padding:11px 16px; font-size:13px; }
}

/* ===== 内页正文卡片 ===== */
.page-content-card{ background:#fff; border-radius:12px; border:1px solid #eef2f7; box-shadow:0 2px 12px rgba(0,0,0,.04); padding:36px 40px; }
.page-content-card .layui-text{ font-size:15px; line-height:2.2; color:#444; }
.page-content-card .layui-text p{ margin-bottom:18px;  }
.page-content-card .layui-text h2{ font-size:22px; color:#1a1a2e; margin:36px 0 16px; padding-bottom:12px; border-bottom:1px solid #f0f3f8; position:relative; }
.page-content-card .layui-text h2::after{ content:''; position:absolute; left:0; bottom:-1px; width:50px; height:3px; background:#01a2ff; border-radius:2px; }
.page-content-card .layui-text h3{ font-size:18px; color:#1a1a2e; }
.page-content-card .layui-text h4{ font-size:16px; color:#333;  }
.page-content-card .layui-text img{ max-width:100%; border-radius:8px;display:block; }
.page-content-card .layui-text ol{ margin:12px 0 12px 20px; }
.page-content-card .layui-text ul li,
.page-content-card .layui-text ol li{ margin-bottom:8px; line-height:2; }
@media (max-width:768px){
  .page-content-card{ padding:20px 16px; border-radius:8px; }
  .page-content-card .layui-text{ font-size:14px; line-height:2; }
  .page-content-card .layui-text h2{ font-size:18px; margin:24px 0 12px; }
  .page-content-card .layui-text h3{ font-size:15px; margin:20px 0 10px; }
  .page-content-card .layui-text img{ border-radius:6px; margin:12px 0; }
}

/* ===== 参展咨询 ===== */
.inquiry-wrap{ padding:40px 0 60px; }
.inquiry-cards{ display:flex; gap:24px; align-items:flex-start; flex-wrap:wrap; }
.inquiry-cards .ic-left{ flex:1; min-width:340px; }

/* 咨询卡片基底 */
.inquiry-card{ background:#f8fafd; border-radius:10px; padding:24px 26px; margin-bottom:20px; }
.inquiry-card:last-child{ margin-bottom:0; }
.inquiry-card.ic-contact{ border-left:3px solid #01a2ff; display:flex; gap:28px; align-items:center; }
.inquiry-card.ic-market{ border-left:3px solid #f6a623; }
.inquiry-card.ic-address{ display:flex; align-items:flex-start; gap:12px; }

/* 卡片头部 */
.inquiry-card .ic-header{ font-size:16px; font-weight:700; color:#1a1a2e; margin-bottom:16px; display:flex; align-items:center; gap:8px; }
.inquiry-card .ic-header svg{ width:18px; height:18px; flex-shrink:0; }
.inquiry-card.ic-contact .ic-header svg{ stroke:#01a2ff; }
.inquiry-card.ic-market .ic-header svg{ stroke:#f6a623; }

/* 卡片正文 */
.inquiry-card .ic-body{ font-size:14px; color:#555; line-height:2.4; }
.inquiry-card.ic-market .ic-body{ line-height:2.2; }
.inquiry-card .ic-body a{ color:#01a2ff; font-weight:700; text-decoration:none; }
.inquiry-card.ic-market .ic-body a{ color:#333; }
.inquiry-card .ic-body .ic-note{ font-size:13px; color:#999; }
.inquiry-card .ic-body .ic-email{ font-size:13px; color:#999; }

/* 电话复制 */
.inquiry-card .ic-tel{ position:relative; cursor:pointer; border-bottom:1px dashed transparent; transition:all .25s; }
.inquiry-card .ic-tel:hover{ border-bottom-color:#01a2ff; }

/* 地址专用 */
.inquiry-card.ic-address .ic-addr-icon{ flex-shrink:0; margin-top:3px; }
.inquiry-card.ic-address .ic-addr-icon svg{ width:18px; height:18px; stroke:#01a2ff; }
.inquiry-card.ic-address .ic-addr-label{ font-size:13px; font-weight:600; color:#1a1a2e; margin-bottom:4px; }
.inquiry-card.ic-address .ic-addr-text{ font-size:14px; color:#555; line-height:1.8; }

/* 二维码区域 */
.inquiry-card .ic-qr{ text-align:center; flex-shrink:0; }
.inquiry-card .ic-qr-img{ width:120px; height:120px; border-radius:10px; overflow:hidden; box-shadow:0 2px 12px rgba(0,0,0,.08); }
.inquiry-card .ic-qr-img img{ width:100%; height:100%; display:block; object-fit:cover; }
.inquiry-card .ic-qr-tip{ font-size:12px; color:#01a2ff; margin-top:8px; font-weight:600; }

/* 联系信息行 */
.inquiry-card .ic-row{ display:flex; align-items:center; gap:8px; }
.inquiry-card .ic-vtag{ font-size:11px; color:#999; background:#eef2f7; padding:1px 6px; border-radius:3px; }

@media (max-width:768px){
  .inquiry-wrap{ padding:24px 0 40px; }
  .inquiry-cards .ic-left{ min-width:0; }
  .inquiry-card{ padding:18px 16px; border-radius:8px; margin-bottom:14px; }
  .inquiry-card.ic-contact{ flex-direction:column; gap:18px; }
  .inquiry-card .ic-header{ font-size:14px; margin-bottom:12px; }
  .inquiry-card .ic-body{ font-size:13px; line-height:2.2; }
  .inquiry-card .ic-qr-img{ width:100px; height:100px; }
  .inquiry-card .ic-addr-text{ font-size:13px; }
}

/* ===== 页面通用 ===== */
.page-banner{ width:100%;height:auto;position:relative;overflow:hidden; }
.page-banner img{ width:100%;height:auto;display:block; }

.page-nav-item{ display:block;padding:13px 28px;border-bottom:1px solid #f0f0f0;transition:all .3s; }
.page-nav-item:hover{ background:rgba(18,135,205,.05);color:#1287cd !important; }
@media (max-width:768px){ .page-nav-item{ padding:11px 20px;font-size:14px; } }

/* ===== 文章列表（栏目页）===== */
.article-list-wrap{ width:90%; max-width:1400px; margin:30px auto 60px; }
.article-list-layout{ display:flex; gap:24px; align-items:flex-start; }
.article-list-layout .all-main{ flex:1; min-width:0; }

.article-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }
.article-card{ display:block; background:#fff; border-radius:10px; overflow:hidden; border:1px solid #eef2f7; transition:all .35s; text-decoration:none; }
.article-card:hover{ transform:translateY(-4px); box-shadow:0 8px 24px rgba(0,0,0,.08); border-color:#d0dff0; }
.article-card .ac-img{ width:100%; padding-top:56%; position:relative; overflow:hidden; background:#eef3f8; }
.article-card .ac-img img{ position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover; transition:transform .5s; }
.article-card:hover .ac-img img{ transform:scale(1.05); }
.article-card .ac-body{ padding:18px 20px; }
.article-card .ac-body h4{ font-size:15px; color:#1a1a2e; margin:0 0 8px; line-height:1.5; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; font-weight:700; }
.article-card .ac-body .ac-desc{ font-size:12px; color:#999; line-height:1.7; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; margin:0; }
.article-card .ac-footer{ display:flex; justify-content:space-between; align-items:center; margin-top:12px; padding-top:12px; border-top:1px solid #f0f3f8; }
.article-card .ac-footer .ac-date{ font-size:11px; color:#bbb; display:flex; align-items:center; gap:4px; }
.article-card .ac-footer .ac-more{ font-size:12px; color:#01a2ff; display:flex; align-items:center; gap:2px; font-weight:600; }
.article-pager{ text-align:center; margin:36px 0 0; }

@media (max-width:768px){
  .article-list-wrap{ width:94%; margin:20px auto 40px; }
  .article-list-layout{ flex-direction:column; }
  .article-grid{ grid-template-columns:1fr; gap:14px; }
  .article-card .ac-body{ padding:14px; }
  .article-card .ac-body h4{ font-size:14px; }
  .article-card .ac-footer{ margin-top:10px; padding-top:10px; }
  .article-pager{ margin:24px 0 0; }
}

/* ===== 酒店推荐卡片 ===== */
.hotel-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:24px; }
.hotel-card{ background:#fff; border-radius:12px; overflow:hidden; border:1px solid #eef2f7; transition:all .35s; }
.hotel-card:hover{ transform:translateY(-4px); box-shadow:0 8px 30px rgba(0,0,0,.08); border-color:#d0dff0; }
.hotel-card .hc-img{ width:100%; padding-top:60%; position:relative; overflow:hidden; background:#f0f3f8; }
.hotel-card .hc-img img{ position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover; transition:transform .5s; }
.hotel-card:hover .hc-img img{ transform:scale(1.05); }
.hotel-card .hc-body{ padding:18px 20px 20px; }
.hotel-card .hc-name{ font-size:16px; font-weight:700; color:#1a1a2e; margin:0 0 14px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.hotel-card .hc-row{ display:flex; align-items:center; gap:8px; padding:7px 0; font-size:13px; color:#666; border-bottom:1px dashed #f0f3f8; }
.hotel-card .hc-row:last-child{ border-bottom:none; }
.hotel-card .hc-label{ font-size:12px; color:#999; white-space:nowrap; flex-shrink:0;  }
.hotel-card .hc-price{ color:#e74c3c; font-size:18px; font-weight:700; }
.hotel-card .hc-price small{ font-size:12px; font-weight:400; color:#999; }
.hotel-card .hc-distance{ color:#01a2ff; font-weight:600;font-size:13px; }
.hotel-card .hc-tel{ color:#333; font-weight:600; }
@media (max-width:768px){
  .hotel-grid{ grid-template-columns:1fr; gap:16px; }
  .hotel-card .hc-body{ padding:14px; }
  .hotel-card .hc-name{ font-size:15px; margin-bottom:10px; }
  .hotel-card .hc-row{ font-size:12px; padding:6px 0; }
  .hotel-card .hc-price{ font-size:16px; }
}

.xj-backtop{ position:fixed;right:1%;bottom:10%;z-index:99; }
.xj-backtop-box{ width:64px;margin-bottom:16px; }
.xj-backtop-item{ width:100%;height:68px;background:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;border-bottom:1px solid #eee;cursor:pointer;position:relative;color:#666; }
.xj-backtop-pop{ display:none;position:absolute;right:74px;bottom:0;width:100px;padding:6px;background:#fff;border:1px solid #eee;border-radius:4px;box-shadow:0 2px 8px rgba(0,0,0,.1);text-align:center; }
.xj-backtop-pop img{ width:100%; }
.xj-backtop-item:hover .xj-backtop-pop{ display:block; }
.xj-backtop-top{ width:64px;height:68px;background:#1287cd;display:flex;flex-direction:column;justify-content:center;align-items:center;cursor:pointer; }

/* ===== 行业FAQ问答板块（layui 折叠面板）===== */
.faq-section{ width:100%; padding:70px 0 80px; background:#f7f7f7; }
.faq-section .faq-inner{ width:90%; max-width:1000px; margin:30px auto 0; }

/* 清除 layui 默认样式 */
.faq-collapse{ border:none; background:transparent; border-radius:0; }
.faq-collapse .layui-colla-item{ background:#fff; border:1px solid #eef2f7; border-radius:10px; margin-bottom:14px; transition:all .35s; }
.faq-collapse .layui-colla-item:last-child{ margin-bottom:0; }
.faq-collapse .layui-colla-item:hover{ transform:translateY(-2px); box-shadow:0 4px 16px rgba(0,0,0,.05); border-color:#d0dff0; }
.faq-collapse .layui-colla-item.layui-show{ border-color:rgba(1,162,255,.22); box-shadow:0 4px 18px rgba(1,162,255,.06); transform:none; }

/* 标题区 */
.faq-collapse .layui-colla-title{ position:relative; height:auto; line-height:1.5; padding:19px 60px 19px 24px; font-size:15px; color:#1a1f2e; font-weight:700; border:none; background:#fff; border-radius:10px; cursor:pointer; transition:background .2s; }
.faq-collapse .layui-colla-title:hover{ background:#f7fafe; }
.faq-collapse .layui-colla-item.layui-show .layui-colla-title{ background:#f4f8fd; border-radius:10px 10px 0 0; }
/* 隐藏 layui 默认图标，用 ::after 自定义箭头 */
.faq-collapse .layui-colla-icon{ display:none !important; }
.faq-collapse .layui-colla-title::after{ content:'▼'; position:absolute; right:24px; top:50%; transform:translateY(-50%); font-size:10px; color:#c0c8d4; transition:transform .35s, color .35s; }
.faq-collapse .layui-colla-item.layui-show .layui-colla-title::after{ transform:translateY(-50%) rotate(180deg); color:#01a2ff; }

/* Q 徽标 */
.faq-q-badge{ display:inline-flex; width:32px; height:32px; border-radius:8px; background:#e8f4fd; color:#01a2ff; font-size:15px; font-weight:800; align-items:center; justify-content:center; margin-right:14px; vertical-align:middle; transition:all .3s; flex-shrink:0; }
.faq-collapse .layui-colla-item.layui-show .faq-q-badge{ background:#01a2ff; color:#fff; }

/* 内容区 */
.faq-collapse .layui-colla-content{ padding:0 24px 24px 70px; font-size:14px; color:#555; line-height:2; border:none; background:#fff; border-radius:0 0 10px 10px; }
.faq-collapse .layui-colla-content a{ color:#01a2ff; font-weight:600; text-decoration:none; }
.faq-collapse .layui-colla-content a:hover{ text-decoration:underline; }
.faq-collapse .layui-colla-content ul{ padding-left:18px; margin:8px 0; }
.faq-collapse .layui-colla-content ul li{ margin-bottom:8px; list-style:disc; }
.faq-collapse .layui-colla-content p{ margin-bottom:12px; }
.faq-collapse .layui-colla-content p:last-child{ margin-bottom:0; }

/* 更多按钮 */
.faq-more{ text-align:center; margin-top:44px; }
.faq-more a{ display:inline-block; padding:14px 48px; background:#01a2ff; color:#fff; border-radius:30px; font-size:15px; font-weight:700; text-decoration:none; transition:all .3s; letter-spacing:1px; }
.faq-more a:hover{ background:#0088d4; transform:translateY(-2px); box-shadow:0 8px 24px rgba(1,162,255,.3); }

/* ========== 所有倒计时已融合到 intro-visual ========== */

/* intro-visual 倒计时 */
.intro-section .intro-visual .iv-countdown{ position:relative; background:linear-gradient(135deg, #e8f3fb, #f2f8fe); border:1px solid #d5e5f5; border-radius:10px; padding:24px 18px 20px; text-align:center; margin-bottom:18px; overflow:hidden; box-shadow:0 2px 10px rgba(1,162,255,.06); }
.intro-section .intro-visual .iv-countdown::after{ content:''; position:absolute; top:0; left:0; right:0; height:3px; background:linear-gradient(90deg, #003d6b, #01a2ff); }
.intro-section .intro-visual .iv-cd-label{ font-size:13px; color:#5a7590; letter-spacing:2px; margin-bottom:8px; font-weight:600; }
.intro-section .intro-visual .iv-cd-days{ font-size:60px; font-weight:900; line-height:1; color:#0077be; font-family:"Georgia","Times New Roman",serif; text-shadow:0 2px 4px rgba(0,119,190,.1); }
.intro-section .intro-visual .iv-cd-unit{ font-size:14px; color:#5a8db5; margin-top:6px; letter-spacing:1px; font-weight:600; }

@media (max-width:768px){
  .intro-section .intro-visual .iv-countdown{ padding:18px 14px; border-radius:8px; }
  .intro-section .intro-visual .iv-cd-label{ font-size:12px; letter-spacing:1px; margin-bottom:6px; }
  .intro-section .intro-visual .iv-cd-days{ font-size:44px; }
  .intro-section .intro-visual .iv-cd-unit{ font-size:12px; margin-top:4px; }
}

@media (max-width:768px){
  .faq-section{ padding:36px 0; }
  .faq-section .faq-inner{ width:94%; margin-top:20px; }
  .faq-collapse .layui-colla-item{ border-radius:8px; margin-bottom:10px; }
  .faq-collapse .layui-colla-title{ padding:14px 50px 14px 16px; font-size:13px; }
  .faq-collapse .layui-colla-title::after{ right:16px; }
  .faq-q-badge{ width:28px; height:28px; border-radius:6px; font-size:13px; margin-right:10px; }
  .faq-collapse .layui-colla-content{ padding:0 16px 18px 54px; font-size:13px; }

  .xj-backtop{ right:8px;bottom:8%; }
  .xj-backtop-box{ width:48px;margin-bottom:10px; }
  .xj-backtop-item{ height:52px; }
  .xj-backtop-item span{ display:none; }
  .xj-backtop-top{ width:48px;height:52px; }
  .xj-backtop-top span{ display:none; }
}