:root{--brand:#e50113;--brand-dark:#b9000f;--ink:#111827;--muted:#6b7280;--soft:#f5f7fb;--line:#e5e7eb;--card:#fff;--shadow:0 12px 34px rgba(15,23,42,.08);--radius:18px}html{scroll-behavior:smooth}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",Arial,sans-serif!important;background:linear-gradient(180deg,#f7f9fc 0,#fff 360px,#f7f9fc 100%)!important;color:var(--ink)!important}a{transition:color .2s ease,background .2s ease,box-shadow .2s ease,transform .2s ease}img{max-width:100%;object-fit:cover}header{position:sticky;top:0;z-index:50;box-shadow:0 6px 20px rgba(15,23,42,.06)}header .top{background:#111827!important;color:#d1d5db!important;border-bottom:0!important}header .top a{color:#e5e7eb!important;font-size:13px!important}header .top a:hover{color:#fff!important}header .menu{background:rgba(255,255,255,.96);backdrop-filter:blur(12px)}header .menu .wrap{height:76px!important;display:flex!important;align-items:center!important;gap:24px}header .logo img{max-height:48px;width:auto!important}header .nav{flex:1}header .nav ul{display:flex;gap:8px;align-items:center}header .nav a{display:block;padding:10px 14px;border-radius:999px;font-weight:600;color:#263244!important}header .nav a:hover{background:#fff1f2;color:var(--brand)!important}header .menu .search{height:42px!important;width:240px!important;border:1px solid var(--line)!important;border-radius:999px!important;background:#fff!important;display:flex!important;align-items:center!important;padding:0 12px!important;box-shadow:0 4px 12px rgba(15,23,42,.04)}header .menu .search input{border:0!important;outline:0!important;background:transparent!important;flex:1;font-size:14px!important}header .menu .search img{width:18px;height:18px}.wrap{max-width:1200px;width:94%!important}.index .banner{min-height:410px!important;background:linear-gradient(135deg,rgba(15,23,42,.18),rgba(229,1,19,.10)),url(../images/banner-tzh-expo-hall-professional-20260705.jpg) center/cover no-repeat!important;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.index .banner:after{content:"";position:absolute;inset:auto -10% -35% -10%;height:220px;background:#f7f9fc;border-radius:50% 50% 0 0}.index .banner .search{position:relative;z-index:1;width:min(760px,92%);padding:36px 34px!important;background:rgba(255,255,255,.94);box-shadow:var(--shadow);border-radius:var(--radius);backdrop-filter:blur(10px);text-align:center}.index .banner .search .title{font-size:34px!important;line-height:1.25;font-weight:800;color:#111827!important;margin-bottom:22px!important;letter-spacing:.5px}.index .search_box{height:58px!important;border:2px solid transparent!important;border-radius:999px!important;background:#fff!important;display:flex!important;align-items:center!important;padding:0 18px 0 24px!important;box-shadow:0 14px 28px rgba(15,23,42,.12)}.index .search_box:focus-within{border-color:var(--brand)!important;box-shadow:0 18px 34px rgba(229,1,19,.14)}.index .search_box input{flex:1;border:0!important;outline:0!important;font-size:16px!important;color:#111827}.index .search_box img{width:28px!important;height:28px!important;padding:6px;background:var(--brand);border-radius:50%;box-sizing:content-box;filter:brightness(0) invert(1)}.hot_city{margin-top:18px!important;color:#4b5563!important;font-size:14px!important}.hot_city ul{display:inline-flex!important;gap:8px;flex-wrap:wrap;vertical-align:middle}.hot_city li{background:#fff1f2;color:var(--brand);border-radius:999px;padding:6px 12px!important;font-size:13px!important}.industry_category,.ad,.exhibit_list,.news,.latest_exhibition,.pavilion,.hot_category{max-width:1200px;width:94%!important;margin:28px auto!important}.industry_category{background:#fff;border-radius:var(--radius);box-shadow:var(--shadow);padding:26px!important}.industry_category>.title,.exhibit_list>.title{font-size:24px!important;font-weight:800!important;color:#111827!important;margin-bottom:18px!important;display:flex;align-items:center;gap:8px}.industry_category>div>ul{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px!important}.industry_category>div>ul>li{position:relative!important;background:linear-gradient(180deg,#fff,#fafafa);border:1px solid var(--line);border-radius:14px;padding:14px 16px!important;font-weight:700;color:#1f2937;box-shadow:0 6px 16px rgba(15,23,42,.04);cursor:pointer}.industry_category>div>ul>li:hover{transform:translateY(-2px);box-shadow:0 12px 24px rgba(229,1,19,.08);border-color:#fecdd3;color:var(--brand)}.industry_category .son{position:absolute!important;left:0;right:auto;top:100%;z-index:20;min-width:220px;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);padding:10px!important}.industry_category .son li a{display:block;padding:8px 10px;border-radius:8px;font-size:14px!important}.industry_category .son li a:hover{background:#fff1f2;color:var(--brand)}.exhibit_list .list{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px!important}.exhibit_list .item{background:var(--card)!important;border:1px solid var(--line);border-radius:var(--radius)!important;box-shadow:0 8px 22px rgba(15,23,42,.06);overflow:hidden;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.exhibit_list .item:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(15,23,42,.12);border-color:#fecdd3}.exhibit_list .item .logo{height:148px!important;background:#f3f4f6;display:flex;align-items:center;justify-content:center;overflow:hidden}.exhibit_list .item .logo img{width:100%!important;height:100%!important;object-fit:cover!important}.exhibit_list .item .abbr_title{padding:14px 14px 4px!important;color:var(--brand)!important;font-size:13px!important;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.exhibit_list .item .title{padding:0 14px!important;min-height:44px;font-size:16px!important;line-height:1.4!important;font-weight:800;color:#111827!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.exhibit_time,.countdown{margin:10px 14px!important;color:var(--muted)!important;font-size:13px!important}.countdown span{color:var(--brand)!important;font-weight:900;font-size:18px!important}.international_exhibit .list{grid-template-columns:repeat(2,minmax(0,1fr))!important}.international_exhibit .item{padding:16px!important}.international_exhibit .bg img{border-radius:14px;height:150px;width:100%}.international_exhibit .two{display:grid!important;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}.international_exhibit .one{background:#f9fafb;border-radius:14px;padding:12px!important;display:flex;gap:10px}.international_exhibit .one .logo{width:68px!important;height:68px!important;flex:none;border-radius:12px}.news .list,.latest_exhibition .list{display:grid;gap:14px}.news .item,.latest_exhibition .item{background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 6px 18px rgba(15,23,42,.05);transition:.2s;overflow:hidden}.news .item:hover,.latest_exhibition .item:hover{transform:translateY(-3px);box-shadow:var(--shadow)}button,.btn,a.more,.follow{border-radius:999px!important}.exhibition_detail .banner,.pavilion_detail .banner{background:linear-gradient(135deg,#172033,#9f1239)!important}.exhibition_detail .detail,.pavilion_detail .detail{border-radius:var(--radius)!important;box-shadow:var(--shadow)!important}.exhibition_detail .main,.pavilion_detail .main,.news .main{max-width:1200px;width:94%!important;margin:26px auto!important}.exhibition_detail .main>.left,.pavilion_detail .main>.left,.news .main>.detail{background:#fff;border-radius:var(--radius);box-shadow:var(--shadow);border:1px solid var(--line);padding:24px!important}.login_box .login{border-radius:20px!important;box-shadow:0 24px 60px rgba(15,23,42,.22)!important}@media (max-width:900px){header .menu .wrap{height:auto!important;flex-wrap:wrap;padding:12px 0}.header .nav ul,header .nav ul{flex-wrap:wrap}header .menu .search{width:100%!important}.index .banner{min-height:360px!important}.index .banner .search .title{font-size:25px!important}.industry_category>div>ul{grid-template-columns:repeat(2,minmax(0,1fr))}.exhibit_list .list{grid-template-columns:repeat(2,minmax(0,1fr))!important}.international_exhibit .list{grid-template-columns:1fr!important}}@media (max-width:560px){.wrap{width:92%!important}.index .banner .search{padding:24px 18px!important}.index .banner .search .title{font-size:22px!important}.industry_category>div>ul{grid-template-columns:1fr}.exhibit_list .list{grid-template-columns:1fr!important}.international_exhibit .two{grid-template-columns:1fr}header .nav a{padding:8px 10px;font-size:14px!important}}

/* PC 首页展会卡片紧凑优化 20260627 */
@media (min-width: 901px){
  .index .hot_exhibit,
  .index .international_exhibit,
  .index .domestic_exhibit{
    width: min(1180px, 94%) !important;
  }
  .index .hot_exhibit .list{
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 22px !important;
  }
  .index .hot_exhibit .item{
    min-height: 300px !important;
    border-radius: 18px !important;
  }
  .index .hot_exhibit .item .logo{
    height: 168px !important;
    margin: 0 !important;
    background: linear-gradient(180deg,#f8fafc,#eef2f7) !important;
  }
  .index .hot_exhibit .item .logo img{
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    border-radius: 0 !important;
  }
  .index .hot_exhibit .item .abbr_title{
    padding: 16px 16px 4px !important;
    font-size: 14px !important;
    line-height: 1.2 !important;
  }
  .index .hot_exhibit .item .title{
    padding: 0 16px !important;
    min-height: 46px !important;
    font-size: 17px !important;
    line-height: 1.38 !important;
    -webkit-line-clamp: 2 !important;
  }
  .index .hot_exhibit .item .exhibit_time{
    margin: 12px 16px 4px !important;
    font-size: 13px !important;
  }
  .index .hot_exhibit .item .countdown{
    margin: 4px 16px 16px !important;
    text-align: right !important;
  }
  .index .hot_exhibit .item .countdown span{
    font-size: 22px !important;
  }
  .index .exhibit_list > .title{
    margin-bottom: 20px !important;
  }
}
@media (min-width: 1200px){
  .index .hot_exhibit .list{
    gap: 26px !important;
  }
}


/* 导航文字单行修复 20260627 */
header .nav ul,
header .nav li,
header .nav a{
  white-space: nowrap !important;
  word-break: keep-all !important;
}
@media (max-width: 900px){
  header .menu .wrap{
    gap: 10px !important;
  }
  header .nav{
    width: 100% !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch;
  }
  header .nav ul{
    flex-wrap: nowrap !important;
    justify-content: flex-start !important;
    gap: 6px !important;
    min-width: max-content;
  }
  header .nav a{
    font-size: 13px !important;
    padding: 8px 10px !important;
    line-height: 1 !important;
    min-width: auto !important;
  }
}
.mobile .footer a,
.mobile .footer div,
.footer a,
.footer div{
  white-space: nowrap !important;
  word-break: keep-all !important;
}
@media (max-width: 480px){
  .mobile .footer a,
  .footer a{
    font-size: 12px !important;
    line-height: 1.1 !important;
  }
}


/* PC 国际展会展示更多卡片 20260627 */
@media (min-width: 1100px){
  .index .international_exhibit .list{
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    gap: 18px !important;
  }
  .index .international_exhibit .item{
    min-height: 286px !important;
  }
  .index .international_exhibit .item .logo{
    height: 145px !important;
  }
  .index .international_exhibit .item .abbr_title{
    padding: 14px 14px 4px !important;
    font-size: 13px !important;
  }
  .index .international_exhibit .item .title{
    padding: 0 14px !important;
    min-height: 44px !important;
    font-size: 15px !important;
  }
  .index .international_exhibit .item .exhibit_time,
  .index .international_exhibit .item .countdown{
    margin-left: 14px !important;
    margin-right: 14px !important;
  }
}
@media (min-width: 901px) and (max-width: 1099px){
  .index .international_exhibit .list{
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}


/* PC 国内展会 hover 重叠修复 20260627 */
@media (min-width: 901px){
  .index .domestic_exhibit{
    position: relative !important;
    z-index: 1 !important;
    overflow: visible !important;
  }
  .index .domestic_exhibit .list{
    position: relative !important;
    z-index: 2 !important;
    overflow: visible !important;
  }
  .index .domestic_exhibit .item,
  .index .domestic_exhibit .one{
    position: relative !important;
    z-index: 1 !important;
    transform: none !important;
  }
  .index .domestic_exhibit .item:hover,
  .index .domestic_exhibit .one:hover{
    transform: none !important;
    z-index: 5 !important;
    box-shadow: 0 12px 28px rgba(15,23,42,.12) !important;
  }
  .index .domestic_exhibit .bg{
    position: relative !important;
    z-index: 0 !important;
    pointer-events: none !important;
  }
  .index .domestic_exhibit .two{
    position: relative !important;
    z-index: 3 !important;
  }
}


/* PC 国内展会城市图与卡片分离 20260627 */
@media (min-width: 901px){
  .index .domestic_exhibit .list{
    align-items: stretch !important;
    gap: 22px !important;
  }
  .index .domestic_exhibit .list .item{
    overflow: hidden !important;
    background: #fff !important;
    border: 1px solid rgba(226,232,240,.95) !important;
    border-radius: 18px !important;
    box-shadow: 0 10px 28px rgba(15,23,42,.08) !important;
  }
  .index .domestic_exhibit .list .item .bg{
    height: 128px !important;
    overflow: hidden !important;
    border-radius: 18px 18px 0 0 !important;
  }
  .index .domestic_exhibit .list .item .bg img{
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
  }
  .index .domestic_exhibit .list .item .two{
    margin-top: 0 !important;
    padding: 14px 12px 8px !important;
    background: #fff !important;
  }
  .index .domestic_exhibit .list .item .one{
    width: 100% !important;
    margin: 0 0 12px !important;
    border: 1px solid #eef2f7 !important;
    box-shadow: none !important;
  }
  .index .domestic_exhibit .list .item .one:hover{
    box-shadow: 0 10px 24px rgba(15,23,42,.10) !important;
  }
}

/* tqq-hot-exhibit-compact-spacing-20260705: 首页热门推荐展会区域减少空白 */
@media (min-width: 901px){
  .index .hot_exhibit{
    width: min(1200px, 94%) !important;
    margin-top: 34px !important;
  }
  .index .hot_exhibit .list{
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 18px !important;
    justify-content: initial !important;
    align-items: stretch !important;
  }
  .index .hot_exhibit .list .item,
  .index .hot_exhibit .item{
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    min-height: 286px !important;
    padding: 0 0 14px !important;
    border-radius: 16px !important;
  }
  .index .hot_exhibit .list .item .logo,
  .index .hot_exhibit .item .logo{
    width: 100% !important;
    height: 132px !important;
    margin: 0 !important;
  }
  .index .hot_exhibit .list .item .logo img,
  .index .hot_exhibit .item .logo img{
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    max-height: none !important;
    object-fit: cover !important;
  }
  .index .hot_exhibit .item .abbr_title{
    padding: 13px 16px 3px !important;
    font-size: 14px !important;
  }
  .index .hot_exhibit .item .title{
    padding: 0 16px !important;
    min-height: 40px !important;
    font-size: 15px !important;
    line-height: 1.35 !important;
  }
  .index .hot_exhibit .item .exhibit_time{
    margin: 10px 16px 2px !important;
    font-size: 12px !important;
  }
  .index .hot_exhibit .item .countdown{
    margin: 2px 16px 0 !important;
  }
  .index .hot_exhibit .item .countdown span{
    font-size: 18px !important;
  }
}
@media (min-width: 1280px){
  .index .hot_exhibit .list{
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    gap: 18px !important;
  }
}
@media (max-width: 900px){
  .index .hot_exhibit .list{
    gap: 12px !important;
  }
  .index .hot_exhibit .item{
    width: 100% !important;
  }
}

/* tqq-international-exhibit-compact-spacing-20260705: 国际展会即将开展区域减少空白 */
@media (min-width: 901px){
  .index .international_exhibit{
    width: min(1200px, 94%) !important;
    margin-top: 34px !important;
  }
  .index .international_exhibit .list{
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: flex-start !important;
    align-items: stretch !important;
    gap: 18px !important;
  }
  .index .international_exhibit .list .item,
  .index .international_exhibit .item{
    width: calc((100% - 36px) / 3) !important;
    max-width: none !important;
    min-width: 0 !important;
    min-height: 286px !important;
    padding: 0 0 14px !important;
    border-radius: 16px !important;
  }
  .index .international_exhibit .item .logo{
    width: 100% !important;
    height: 132px !important;
    margin: 0 !important;
  }
  .index .international_exhibit .item .logo img{
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    max-height: none !important;
    object-fit: cover !important;
  }
  .index .international_exhibit .item .abbr_title{
    padding: 13px 16px 3px !important;
    font-size: 14px !important;
  }
  .index .international_exhibit .item .title{
    padding: 0 16px !important;
    min-height: 40px !important;
    font-size: 15px !important;
    line-height: 1.35 !important;
  }
  .index .international_exhibit .item .exhibit_time{
    margin: 10px 16px 2px !important;
    font-size: 12px !important;
  }
  .index .international_exhibit .item .countdown{
    margin: 2px 16px 0 !important;
    text-align: right !important;
  }
  .index .international_exhibit .item .countdown span{
    font-size: 18px !important;
  }
}
@media (min-width: 1280px){
  .index .international_exhibit .list .item,
  .index .international_exhibit .item{
    width: calc((100% - 54px) / 4) !important;
  }
}
@media (max-width: 900px){
  .index .international_exhibit .list{
    gap: 12px !important;
  }
  .index .international_exhibit .item{
    width: 100% !important;
  }
}

/* tqq-domestic-exhibit-flat-cards-20260705: 国内展会区域取消叠层，改为清晰城市卡片 */
@media (min-width: 901px){
  .index .domestic_exhibit{
    width: min(1200px, 94%) !important;
    margin-top: 34px !important;
    overflow: visible !important;
  }
  .index .domestic_exhibit .list{
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 20px !important;
    align-items: stretch !important;
    overflow: visible !important;
  }
  .index .domestic_exhibit .list > .item,
  .index .domestic_exhibit .item{
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    overflow: hidden !important;
    display: flex !important;
    flex-direction: column !important;
    background: #fff !important;
    border: 1px solid rgba(226,232,240,.96) !important;
    border-radius: 18px !important;
    box-shadow: 0 10px 28px rgba(15,23,42,.08) !important;
    transform: none !important;
  }
  .index .domestic_exhibit .item:hover{
    transform: translateY(-2px) !important;
    box-shadow: 0 16px 36px rgba(15,23,42,.12) !important;
  }
  .index .domestic_exhibit .item .bg{
    position: relative !important;
    z-index: 1 !important;
    width: 100% !important;
    height: 128px !important;
    flex: 0 0 128px !important;
    overflow: hidden !important;
    border-radius: 18px 18px 0 0 !important;
    margin: 0 !important;
    pointer-events: none !important;
  }
  .index .domestic_exhibit .item .bg img{
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
  }
  .index .domestic_exhibit .item .two{
    position: static !important;
    z-index: auto !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 14px !important;
    background: #fff !important;
    transform: none !important;
  }
  .index .domestic_exhibit .item .two > a{
    display: block !important;
    width: 100% !important;
    color: inherit !important;
  }
  .index .domestic_exhibit .item .one{
    position: static !important;
    z-index: auto !important;
    width: 100% !important;
    height: auto !important;
    min-height: 112px !important;
    margin: 0 !important;
    padding: 12px !important;
    display: grid !important;
    grid-template-columns: 112px minmax(0,1fr) !important;
    gap: 12px !important;
    align-items: stretch !important;
    background: #f8fafc !important;
    border: 1px solid #eef2f7 !important;
    border-radius: 14px !important;
    box-shadow: none !important;
    transform: none !important;
  }
  .index .domestic_exhibit .item .one:hover{
    transform: none !important;
    box-shadow: 0 8px 20px rgba(15,23,42,.08) !important;
    background: #fff !important;
  }
  .index .domestic_exhibit .item .one .logo{
    width: 112px !important;
    height: 88px !important;
    min-width: 112px !important;
    display: block !important;
    border-radius: 10px !important;
    overflow: hidden !important;
    background: #eef2f7 !important;
  }
  .index .domestic_exhibit .item .one .logo img{
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
  }
  .index .domestic_exhibit .item .one .info{
    width: auto !important;
    min-width: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
  }
  .index .domestic_exhibit .item .one .abbr_title{
    padding: 0 !important;
    margin: 0 0 4px !important;
    font-size: 13px !important;
    line-height: 1.25 !important;
    color: var(--brand,#e50113) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }
  .index .domestic_exhibit .item .one .title{
    padding: 0 !important;
    margin: 0 !important;
    min-height: 36px !important;
    font-size: 14px !important;
    line-height: 1.35 !important;
    color: #111827 !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
  }
  .index .domestic_exhibit .item .one .exhibit_time{
    margin: 6px 0 0 !important;
    font-size: 12px !important;
    color: #64748b !important;
  }
  .index .domestic_exhibit .item .one .countdown{
    margin: 2px 0 0 !important;
    text-align: right !important;
    font-size: 12px !important;
    color: #64748b !important;
  }
  .index .domestic_exhibit .item .one .countdown span{
    font-size: 17px !important;
    color: var(--brand,#e50113) !important;
  }
}
@media (max-width: 900px){
  .index .domestic_exhibit .list{
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 14px !important;
  }
  .index .domestic_exhibit .item .two{
    margin-top: 0 !important;
    padding: 12px !important;
  }
  .index .domestic_exhibit .item .one{
    width: 100% !important;
    margin: 0 0 10px !important;
    transform: none !important;
  }
}

/* tqq-professional-pc-theme-20260705: PC 专业化视觉主题，仅调整样式不替换内容图片 */
@media (min-width: 901px){
  body{
    background: linear-gradient(180deg,#f6f8fb 0,#ffffff 420px,#f7f9fc 100%) !important;
    color: #111827 !important;
  }
  header{
    box-shadow: 0 8px 26px rgba(15,23,42,.08) !important;
  }
  header .top{
    height: 34px !important;
    background: linear-gradient(90deg,#0f172a,#111827) !important;
  }
  header .menu{
    border-bottom: 1px solid rgba(226,232,240,.92) !important;
  }
  header .menu .wrap{
    height: 72px !important;
  }
  header .nav ul{
    gap: 10px !important;
  }
  header .nav a{
    padding: 11px 18px !important;
    border-radius: 14px !important;
    font-size: 16px !important;
    letter-spacing: .2px !important;
  }
  header .nav a:hover{
    transform: translateY(-1px) !important;
    box-shadow: 0 8px 18px rgba(229,1,19,.08) !important;
  }
  header .menu .search{
    height: 44px !important;
    width: 250px !important;
    box-shadow: 0 8px 22px rgba(15,23,42,.06) !important;
  }
  .index .banner{
    border-bottom: 1px solid rgba(226,232,240,.9) !important;
  }
  .industry_category,
  .index .exhibit_list,
  .index .news,
  .hot_category{
    margin-top: 38px !important;
  }
  .industry_category,
  .index .exhibit_list .item,
  .news .item,
  .latest_exhibition .item,
  .hot_category{
    border-color: rgba(226,232,240,.95) !important;
  }
  .industry_category>.title,
  .index .exhibit_list>.title,
  .news .title,
  .hot_category>.title{
    position: relative !important;
    font-size: 24px !important;
    line-height: 1.3 !important;
    letter-spacing: .2px !important;
    padding-left: 16px !important;
    color: #0f172a !important;
  }
  .industry_category>.title:before,
  .index .exhibit_list>.title:before,
  .news .title:before,
  .hot_category>.title:before{
    content: '' !important;
    display: block !important;
    position: absolute !important;
    left: 0 !important;
    top: 50% !important;
    width: 4px !important;
    height: 22px !important;
    margin: 0 !important;
    transform: translateY(-50%) !important;
    border-radius: 999px !important;
    background: linear-gradient(180deg,#e50113,#f59e0b) !important;
  }
  .index .exhibit_list .item,
  .news .item,
  .latest_exhibition .item{
    transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease !important;
  }
  .index .exhibit_list .item:hover,
  .news .item:hover,
  .latest_exhibition .item:hover{
    border-color: rgba(229,1,19,.22) !important;
  }
  .index .exhibit_list .item .abbr_title,
  .index .exhibit_list .item .title,
  .news .item .news_title,
  .latest_exhibition .item .news_title{
    letter-spacing: .1px !important;
  }
  .index .exhibit_list .item .countdown span,
  .exhibition .exhibition_list .item .right .countdown span{
    color: #e50113 !important;
  }
  .hot_category .category ul li,
  .industry_category>div>ul>li{
    border-radius: 16px !important;
    background: linear-gradient(180deg,#fff,#fbfdff) !important;
  }
  .hot_category .list ul li{
    border-radius: 12px !important;
    transition: color .18s ease, background .18s ease !important;
  }
  .hot_category .list ul li:hover{
    color: #e50113 !important;
    background: #fff1f2 !important;
  }
  footer{
    margin-top: 44px !important;
  }
}

/* tqq-expo-hall-professional-hero-20260705: 首屏使用原创专业展会大厅背景，轻遮罩，无第三方Logo */
.index .banner{
  background-image: linear-gradient(135deg,rgba(15,23,42,.16),rgba(229,1,19,.08)), url(../images/banner-tzh-expo-hall-professional-20260705.jpg) !important;
  background-position: center center !important;
  background-size: cover !important;
}

/* tqq-header-search-overlap-fix-20260705: PC头部导航与搜索框防重叠 */
@media (min-width: 901px){
  header .menu .wrap{
    width: min(1200px, 94%) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 22px !important;
    min-width: 0 !important;
  }
  header .menu .wrap .logo,
  header .logo{
    flex: 0 0 156px !important;
    width: 156px !important;
    min-width: 156px !important;
  }
  header .menu .wrap .logo img,
  header .logo img{
    width: 156px !important;
    max-width: 156px !important;
    height: auto !important;
  }
  header .menu .wrap .nav,
  header .nav{
    flex: 1 1 auto !important;
    width: auto !important;
    min-width: 0 !important;
    overflow: visible !important;
  }
  header .menu .wrap .nav ul,
  header .nav ul{
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: clamp(12px, 2.2vw, 30px) !important;
    flex-wrap: nowrap !important;
    min-width: 0 !important;
  }
  header .menu .wrap .nav ul li,
  header .nav li{
    margin-right: 0 !important;
    flex: 0 0 auto !important;
  }
  header .menu .wrap .nav ul li a,
  header .nav a{
    display: block !important;
    padding: 10px 10px !important;
    font-size: 15px !important;
    line-height: 1.2 !important;
    white-space: nowrap !important;
  }
  header .menu .wrap .search,
  header .menu .search{
    flex: 0 0 220px !important;
    width: 220px !important;
    min-width: 220px !important;
    margin-left: 0 !important;
    position: relative !important;
  }
  header .menu .wrap .search input,
  header .menu .search input{
    width: 100% !important;
    max-width: 100% !important;
    padding-right: 38px !important;
    box-sizing: border-box !important;
  }
  header .menu .wrap .search img,
  header .menu .search img{
    right: 14px !important;
  }
}
@media (min-width: 901px) and (max-width: 1080px){
  header .menu .wrap{
    gap: 14px !important;
  }
  header .menu .wrap .logo,
  header .logo{
    flex-basis: 138px !important;
    width: 138px !important;
    min-width: 138px !important;
  }
  header .menu .wrap .logo img,
  header .logo img{
    width: 138px !important;
    max-width: 138px !important;
  }
  header .nav ul{
    gap: 10px !important;
  }
  header .nav a{
    font-size: 14px !important;
    padding: 9px 7px !important;
  }
  header .menu .search{
    flex-basis: 190px !important;
    width: 190px !important;
    min-width: 190px !important;
  }
}

/* tqq-login-modal-beautify-20260705: 登录/注册弹窗现代化美化 */
.login_box{
  position: fixed !important;
  inset: 0 !important;
  width: 100vw !important;
  height: 100vh !important;
  align-items: center !important;
  justify-content: center !important;
  z-index: 10020 !important;
  padding: 24px !important;
  box-sizing: border-box !important;
}
.mask{
  position: fixed !important;
  inset: 0 !important;
  width: 100vw !important;
  height: 100vh !important;
  z-index: 10010 !important;
  background: rgba(15,23,42,.62) !important;
  opacity: 1 !important;
  backdrop-filter: blur(7px) saturate(120%) !important;
}
.login{
  width: min(430px, calc(100vw - 40px)) !important;
  min-height: auto !important;
  padding: 34px 34px 28px !important;
  border-radius: 24px !important;
  background: linear-gradient(180deg,rgba(255,255,255,.98),rgba(248,250,252,.98)) !important;
  border: 1px solid rgba(255,255,255,.9) !important;
  box-shadow: 0 30px 80px rgba(15,23,42,.32), 0 2px 0 rgba(255,255,255,.8) inset !important;
  position: relative !important;
  z-index: 10030 !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
}
.login:before{
  content: '' !important;
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  top: 0 !important;
  height: 5px !important;
  background: linear-gradient(90deg,#e50113,#ff9933,#2563eb) !important;
}
.login:after{
  content: '' !important;
  position: absolute !important;
  width: 180px !important;
  height: 180px !important;
  right: -78px !important;
  top: -82px !important;
  border-radius: 50% !important;
  background: radial-gradient(circle,rgba(255,153,51,.20),rgba(255,153,51,0) 68%) !important;
  pointer-events: none !important;
}
.login .logo-img{
  margin: 0 0 18px !important;
  text-align: center !important;
}
.login .logo-img img{
  height: 38px !important;
  width: auto !important;
  object-fit: contain !important;
}
.login .title{
  margin: 0 0 24px !important;
  text-align: center !important;
  font-size: 20px !important;
  line-height: 1.35 !important;
  font-weight: 800 !important;
  color: #0f172a !important;
  letter-spacing: .3px !important;
}
.login div{
  margin-bottom: 12px !important;
}
.login div input{
  width: 100% !important;
  height: 48px !important;
  padding: 0 15px !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 14px !important;
  background: #fff !important;
  color: #0f172a !important;
  font-size: 14px !important;
  outline: none !important;
  transition: border-color .18s ease, box-shadow .18s ease, background .18s ease !important;
  box-sizing: border-box !important;
}
.login div input::placeholder{
  color: #94a3b8 !important;
}
.login div input:focus{
  border-color: #ff9933 !important;
  box-shadow: 0 0 0 4px rgba(255,153,51,.16) !important;
  background: #fff !important;
}
.login div button{
  width: 100% !important;
  height: 50px !important;
  margin-top: 4px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: linear-gradient(135deg,#ff9933,#f97316) !important;
  color: #fff !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  letter-spacing: .4px !important;
  cursor: pointer !important;
  box-shadow: 0 14px 26px rgba(249,115,22,.28) !important;
  transition: transform .18s ease, box-shadow .18s ease, filter .18s ease !important;
}
.login div button:hover{
  transform: translateY(-1px) !important;
  box-shadow: 0 18px 34px rgba(249,115,22,.34) !important;
  filter: brightness(1.02) !important;
}
.login div button:active{
  transform: translateY(0) !important;
}
.login .change{
  margin: 20px 0 0 !important;
  display: flex !important;
  justify-content: center !important;
  gap: 4px !important;
  color: #64748b !important;
  font-size: 14px !important;
}
.login .change a{
  color: #e50113 !important;
  font-weight: 700 !important;
  font-size: 14px !important;
}
.login .change a:hover{
  text-decoration: underline !important;
}
.login .close{
  position: absolute !important;
  top: 12px !important;
  right: 12px !important;
  width: 34px !important;
  height: 34px !important;
  margin: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 50% !important;
  background: #f8fafc !important;
  border: 1px solid #e2e8f0 !important;
  cursor: pointer !important;
  transition: background .18s ease, transform .18s ease, border-color .18s ease !important;
  z-index: 2 !important;
}
.login .close:hover{
  background: #fff1f2 !important;
  border-color: #fecdd3 !important;
  transform: rotate(90deg) !important;
}
.login .close img{
  width: 16px !important;
  height: 16px !important;
  opacity: .72 !important;
}
.login .vcode{
  position: relative !important;
}
.login .vcode input{
  padding-right: 112px !important;
}
.login .vcode a{
  right: 14px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  color: #e50113 !important;
  font-weight: 700 !important;
}
.login .policy{
  color: #64748b !important;
}
@media (max-width: 560px){
  .login_box{
    padding: 16px !important;
  }
  .login{
    width: calc(100vw - 28px) !important;
    padding: 30px 20px 24px !important;
    border-radius: 20px !important;
  }
  .login .title{
    font-size: 18px !important;
  }
}