/* tzh AI Expo Theme 20260806 — loads after beautify.css */
/* fonts: no Google @import (CN network); use local display stacks */

:root{
  --brand:#e50113;
  --brand-dark:#b9000f;
  --ai-cyan:#1fbfa5;
  --ai-cyan-bright:#3ee0c4;
  --ai-ink:#07111f;
  --ai-panel:rgba(7,17,31,.55);
  --ink:#0f172a;
  --muted:#64748b;
  --soft:#f3f6fa;
  --line:#e2e8f0;
  --card:#fff;
  --shadow:0 18px 50px rgba(7,17,31,.14);
  --radius:16px;
}

html{scroll-behavior:smooth}
body{
  font-family:"PingFang SC","HarmonyOS Sans SC","Microsoft YaHei UI","Microsoft YaHei",sans-serif!important;
  background:
    radial-gradient(1200px 480px at 12% -10%,rgba(31,191,165,.10),transparent 60%),
    radial-gradient(900px 420px at 90% 0,rgba(229,1,19,.06),transparent 55%),
    linear-gradient(180deg,#eef3f8 0,#f8fafc 280px,#eef3f8 100%)!important;
  color:var(--ink)!important;
}

/* Header — tech expo bar */
header .top{
  background:linear-gradient(90deg,#07111f,#0f2740)!important;
  border-bottom:1px solid rgba(62,224,196,.18)!important;
}
header .menu{
  background:rgba(255,255,255,.92)!important;
  border-bottom:1px solid rgba(226,232,240,.9);
}
header .nav a{
  border-radius:10px!important;
  font-family:"Avenir Next","Segoe UI Variable","PingFang SC","Microsoft YaHei UI",sans-serif!important;
  letter-spacing:.02em;
}
header .nav a:hover{
  background:rgba(31,191,165,.10)!important;
  color:#0f766e!important;
}
header .menu .search{
  border-color:rgba(31,191,165,.35)!important;
  box-shadow:0 0 0 3px rgba(31,191,165,.06)!important;
}

/* ===== Hero: brand-first AI expo ===== */
.index .banner.ai-expo-hero,
.index .banner{
  min-height:min(78vh,620px)!important;
  height:auto!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  position:relative!important;
  overflow:hidden!important;
  border-bottom:0!important;
  background:
    linear-gradient(105deg,rgba(7,17,31,.65) 0%,rgba(7,17,31,.42) 42%,rgba(7,17,31,.28) 100%),
    url(../images/banner-tzh-hall-clean-20260807e.jpg) center/cover no-repeat!important;
}
.index .banner:before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  background-image:
    linear-gradient(rgba(62,224,196,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(62,224,196,.035) 1px,transparent 1px);
  background-size:56px 56px;
  mask-image:radial-gradient(ellipse at 50% 40%,#000 20%,transparent 75%);
  animation:aiGridDrift 28s linear infinite;
}
.index .banner:after{
  content:"";
  position:absolute;
  inset:auto 0 0 0;
  height:120px;
  background:linear-gradient(180deg,transparent,rgba(238,243,248,.98));
  border-radius:0!important;
  z-index:0;
}
@keyframes aiGridDrift{
  from{background-position:0 0,0 0}
  to{background-position:56px 56px,56px 56px}
}

.index .banner .search,
.index .banner .ai-hero-panel{
  position:relative!important;
  z-index:2!important;
  width:min(820px,92%)!important;
  padding:0!important;
  margin:0 auto!important;
  background:transparent!important;
  box-shadow:none!important;
  border-radius:0!important;
  backdrop-filter:none!important;
  text-align:left!important;
  animation:aiHeroIn .9s cubic-bezier(.22,1,.36,1) both;
}
@keyframes aiHeroIn{
  from{opacity:0;transform:translateY(22px)}
  to{opacity:1;transform:none}
}

.index .banner .ai-brand{
  font-family:"Avenir Next","Segoe UI Variable","PingFang SC","Microsoft YaHei UI",sans-serif!important;
  font-size:clamp(42px,6vw,68px)!important;
  font-weight:800!important;
  line-height:1!important;
  letter-spacing:.04em!important;
  color:#fff!important;
  margin:0 0 14px!important;
  text-shadow:0 10px 40px rgba(0,0,0,.35);
}
.index .banner .ai-brand span{
  color:var(--ai-cyan-bright);
}

.index .banner .search .title,
.index .banner .ai-hero-panel .title{
  font-family:"Avenir Next","Segoe UI Variable","PingFang SC","Microsoft YaHei UI",sans-serif!important;
  font-size:clamp(22px,3.2vw,34px)!important;
  font-weight:700!important;
  line-height:1.25!important;
  color:#f8fafc!important;
  margin:0 0 10px!important;
  letter-spacing:.02em!important;
  max-width:18em;
}

.index .banner .ai-sub{
  font-size:16px!important;
  line-height:1.55!important;
  color:rgba(226,232,240,.88)!important;
  margin:0 0 28px!important;
  max-width:28em;
  font-weight:400!important;
}

.index .search_box{
  height:60px!important;
  border:1px solid rgba(62,224,196,.35)!important;
  border-radius:14px!important;
  background:rgba(255,255,255,.96)!important;
  box-shadow:0 20px 50px rgba(0,0,0,.28)!important;
  padding:0 16px 0 22px!important;
  transition:box-shadow .25s ease,border-color .25s ease,transform .25s ease;
}
.index .search_box:focus-within{
  border-color:var(--ai-cyan-bright)!important;
  box-shadow:0 0 0 4px rgba(31,191,165,.22),0 22px 54px rgba(0,0,0,.3)!important;
  transform:translateY(-1px);
}
.index .search_box input{
  font-size:16px!important;
  color:#0f172a!important;
}
.index .search_box input::placeholder{color:#94a3b8!important}

.index .banner .hot_city{
  margin-top:18px!important;
  color:rgba(226,232,240,.75)!important;
  font-size:14px!important;
  display:flex!important;
  align-items:center!important;
  flex-wrap:wrap!important;
  gap:8px 4px!important;
}
.index .banner .hot_city ul{
  display:inline-flex!important;
  flex-wrap:wrap!important;
  gap:8px!important;
  margin:0!important;
  padding:0!important;
}
.index .banner .hot_city li{
  color:#fff!important;
  background:rgba(255,255,255,.08)!important;
  border:1px solid rgba(62,224,196,.28)!important;
  border-radius:999px!important;
  padding:5px 14px!important;
  cursor:pointer!important;
  transition:background .2s ease,border-color .2s ease,transform .2s ease;
}
.index .banner .hot_city li:hover{
  background:rgba(31,191,165,.22)!important;
  border-color:var(--ai-cyan-bright)!important;
  transform:translateY(-1px);
}

/* Sections */
.industry_category>.title,
.index .exhibit_list>.title,
.index .news>.title,
.hot_category>.title{
  font-family:"Avenir Next","Segoe UI Variable","PingFang SC","Microsoft YaHei UI",sans-serif!important;
  font-weight:800!important;
  letter-spacing:.01em;
}
.industry_category>.title:before,
.index .exhibit_list>.title:before,
.index .news>.title:before{
  background:linear-gradient(180deg,var(--ai-cyan),var(--brand))!important;
}

.industry_category>div>ul>li,
.index .exhibit_list .item,
.news .item,
.latest_exhibition .item,
.hot_category{
  border-radius:14px!important;
  border-color:rgba(226,232,240,.95)!important;
  transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease;
}
.industry_category>div>ul>li:hover,
.index .exhibit_list .item:hover{
  transform:translateY(-3px);
  box-shadow:0 16px 36px rgba(7,17,31,.10)!important;
  border-color:rgba(31,191,165,.35)!important;
}

.index .exhibit_list .countdown span,
.index .exhibit_list .abbr_title,
a.more,
.follow{
  color:var(--brand)!important;
}

button,.btn,a.more,.follow,
.login div button{
  background:linear-gradient(135deg,var(--brand),#ff4d3a)!important;
}
.login .vcode a{color:var(--ai-cyan)!important}

.exhibition_detail .banner,
.pavilion_detail .banner{
  background:
    linear-gradient(135deg,rgba(7,17,31,.92),rgba(15,39,64,.75)),
    linear-gradient(135deg,#07111f,#134e4a)!important;
}

footer,.footer{
  background:#07111f!important;
  color:#cbd5e1!important;
}
footer a,.footer a{color:#e2e8f0!important}
footer a:hover,.footer a:hover{color:var(--ai-cyan-bright)!important}

@media (max-width:900px){
  .index .banner{min-height:420px!important}
  .index .banner .ai-brand{font-size:40px!important}
  .index .banner .search .title{font-size:22px!important}
  .index .banner .search,
  .index .banner .ai-hero-panel{text-align:left!important}
}
@media (max-width:560px){
  .index .banner{min-height:380px!important;padding:28px 0 48px!important}
  .index .banner .ai-brand{font-size:34px!important}
  .index .banner .ai-sub{font-size:14px!important;margin-bottom:20px!important}
  .index .search_box{height:52px!important;border-radius:12px!important}
}

/* real-photo-20260806 */

/* real-photo-bright-20260806b */
.index .banner.ai-expo-hero,
.index .banner{
  min-height:min(72vh,580px)!important;
  background:
    linear-gradient(100deg,rgba(7,17,31,.58) 0%,rgba(7,17,31,.32) 48%,rgba(7,17,31,.18) 100%),
    url(../images/banner-tzh-hall-clean-20260807e.jpg) center 35%/cover no-repeat!important;
}
.index .banner:before{
  opacity:.35!important;
}

/* hero-hall-real-20260806c */
.index .banner.ai-expo-hero,
.index .banner{
  background:
    linear-gradient(100deg,rgba(7,17,31,.55) 0%,rgba(7,17,31,.28) 50%,rgba(7,17,31,.16) 100%),
    url(../images/banner-tzh-hall-clean-20260807e.jpg) center 40%/cover no-repeat!important;
}
.index .banner:before{opacity:.25!important;}

/* empty-no-people-20260807 */
.index .banner.ai-expo-hero,
.index .banner{
  background:
    linear-gradient(100deg,rgba(7,17,31,.52) 0%,rgba(7,17,31,.28) 48%,rgba(7,17,31,.16) 100%),
    url(../images/banner-tzh-hall-clean-20260807e.jpg) center 40%/cover no-repeat!important;
}
.index .banner:before{opacity:.22!important;}

/* expo-scenery-20260807b */
.index .banner.ai-expo-hero,
.index .banner{
  background:
    linear-gradient(100deg,rgba(7,17,31,.62) 0%,rgba(7,17,31,.30) 42%,rgba(7,17,31,.12) 100%),
    url(../images/banner-tzh-hall-clean-20260807e.jpg) center 30%/cover no-repeat!important;
}
.index .banner:before{opacity:.15!important;}

/* FORCE-CLEAN-HALL-20260807e */
.index .banner.ai-expo-hero,
.index .banner{
  background-image:
    linear-gradient(100deg,rgba(7,17,31,.58) 0%,rgba(7,17,31,.28) 46%,rgba(7,17,31,.12) 100%),
    url(../images/banner-tzh-hall-clean-20260807e.jpg) !important;
  background-position: center 35% !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
}



/* tzh-back-main 20260807seo1 */
header .top ul li a.tzh-back-main{
  display:inline-flex;align-items:center;gap:4px;
  color:#ffb14a!important;font-weight:600;
  padding:2px 10px;border:1px solid rgba(255,177,74,.55);
  border-radius:999px;line-height:20px;
}
header .top ul li a.tzh-back-main:hover{
  color:#fff!important;background:rgba(255,153,51,.92);border-color:transparent;
}