:root{
  --p-50: hsl(208,96%,97%); --p-100: hsl(208,96%,92%); --p-200: hsl(208,96%,84%); --p-300: hsl(208,96%,74%); --p-400: hsl(208,96%,64%); --p-500: hsl(208,96%,54%); --p-600: hsl(208,90%,46%); --p-700: hsl(208,84%,38%); --p-800: hsl(208,78%,32%); --p-900: hsl(208,74%,26%); --p-950: hsl(208,68%,14%); --p-500-a10: hsla(208,96%,54%,0.1); --p-500-a15: hsla(208,96%,54%,0.15); --p-500-a20: hsla(208,96%,54%,0.2); --p-500-a25: hsla(208,96%,54%,0.25); --p-500-a30: hsla(208,96%,54%,0.3); --p-500-a50: hsla(208,96%,54%,0.5); --p-950-a90: hsla(208,68%,14%,0.9); --p-h: 208; --p-s: 96; --p-l: 54;
}
::selection{background:var(--p-500);color:#fff}
::-webkit-scrollbar{width:6px}
::-webkit-scrollbar-track{background:#f1f5f9}
::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}
::-webkit-scrollbar-thumb:hover{background:#94a3b8}
.carousel-slide{transition:opacity .8s ease-in-out}
.page-section{display:none}
.page-section.active{display:block}
.tab-content{display:none}
.tab-content.active{display:block}
  .app-entry .icon-wrap { transition: all 0.3s ease; background-repeat: no-repeat; background-position: center center; background-size: contain; }

.app-entry .icon-wrap .iconify{transition:color .3s ease}
.app-entry:hover .icon-wrap .iconify{color:#fff!important}
.app-entry{transition:all .3s ease}
  .app-entry:hover { transform: translateY(-3px); background: url('/statics/bid020/bgt.png'); }

  .icon-url-1t{background-image: url('/statics/bid020/1t.png');}
  .icon-url-2t{background-image: url('/statics/bid020/2t.png');}
  .icon-url-3t{background-image: url('/statics/bid020/3t.png');}
  .icon-url-4t{background-image: url('/statics/bid020/4t.png');}
  .icon-url-5t{background-image: url('/statics/bid020/5t.png');}
  .app-entry:hover .icon-url-1t{background-image: url('/statics/bid020/1a.png');}
  .app-entry:hover .icon-url-2t{background-image: url('/statics/bid020/2a.png');}
  .app-entry:hover .icon-url-3t{background-image: url('/statics/bid020/3a.png');}
  .app-entry:hover .icon-url-4t{background-image: url('/statics/bid020/4a.png');}
  .app-entry:hover .icon-url-5t{background-image: url('/statics/bid020/5a.png');}
.hotspot-item{transition:all .2s ease}
.hotspot-item:hover{background:var(--p-50);border-color:var(--p-200)}
.news-list-item{transition:all .15s ease}
.news-list-item:hover{background:#f8fafc}
.friend-link{transition:color .2s ease}
.friend-link:hover{color:var(--p-500)}
.list-card{transition:all .3s ease}
.list-card:hover{border-color:var(--p-300);transform:translateY(-4px);box-shadow:0 14px 35px -8px var(--p-500-a15)}
.img-text-row{transition:all .2s ease}
.img-text-row:hover{background:#f8fafc;border-color:var(--p-300)}
.img-text-img{transition:transform .5s ease}
.img-text-row:hover .img-text-img,
.list-card:hover img{transform:scale(1.05)}
@keyframes fadeInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
.fade-in-up{animation:fadeInUp .6s ease forwards}
.nav-link{position:relative}
.nav-link::after{content:'';position:absolute;bottom:-2px;left:50%;width:0;height:2px;background:var(--p-500);transition:all .3s ease;transform:translateX(-50%);border-radius:1px}
.nav-link:hover::after,.nav-link.active::after{width:100%}
.mobile-menu{transform:translateX(100%);transition:transform .3s ease}
.mobile-menu.open{transform:translateX(0)}
.shadow-p-sm{box-shadow:0 4px 12px -2px var(--p-500-a15)}
.shadow-p-md{box-shadow:0 10px 30px -5px var(--p-500-a25)}
.shadow-p-lg{box-shadow:0 20px 40px -8px var(--p-500-a20)}




     /* ==================== 二级页子导航 ==================== */
    .sub-nav { border-bottom: 1px solid #ddd; background: #fff; }
    .sub-nav-inner { display: flex; align-items: center; padding: 0; }
    .sub-nav-list { display: inline-flex; gap: 32px; align-items: center; padding: 16px 0; position: relative; }
    .sub-nav-list a { padding: 6px 0; font-size: 14px; color: #333; transition: color 0.2s; position: relative; text-align:center; }
    .sub-nav-list a:hover, .sub-nav-list a.active { color: #1992fd; }
    .sub-nav-list a.active::after { content: ""; display: block; width: 100%; height: 3px; background: #1992fd; position: absolute; bottom: -16px; left: 0; }