* {
      margin: 0;
      padding: 0;
      box-sizing: border-box;
    }
    body {
      font-family: "Microsoft YaHei", "PingFang SC", sans-serif;
      background: #f5f6f8;
      color: #333;
      line-height: 1.7;
      font-size: 15px;
    }
    a {
      text-decoration: none;
      color: inherit;
      transition: color 0.2s ease;
      cursor: pointer;
    }
    a:hover {
      color: #c4161c;
    }

    /* 通用模块样式 - 现代卡片设计 */
    .module {
      background: #fff;
      border-radius: 12px;
      box-shadow: 0 1px 3px rgba(0,0,0,0.04), 0 4px 16px rgba(0,0,0,0.06);
      margin-bottom: 20px;
      overflow: hidden;
      transition: all 0.3s ease;
    }
    .module:hover {
      box-shadow: 0 4px 20px rgba(0,0,0,0.1);
      transform: translateY(-1px);
    }
    .module-header {
      padding: 14px 18px;
      border-bottom: 1px solid #f0f0f0;
      display: flex;
      align-items: center;
      justify-content: space-between;
      position: relative;
    }
    .module-header::after {
      content: '';
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      height: 2px;
      background: linear-gradient(90deg, #c4161c 0%, rgba(196,22,28,0.15) 100%);
    }
    .module-title {
      display: flex;
      align-items: center;
      gap: 10px;
      font-size: 17px;
      font-weight: 600;
      color: #1a2a5e;
    }
    
.pagination-wrapper{
    text-align: center;
    clear: both;
    display: block;
}  
.clear{clear:both;display:block;width:100%;}

.adad{clear:both;display:block;width:100%;}
.adad .left{float:left;width:49%;}
.adad .right{float:right;width:49%;}
.adad img{clear:both;display:block;width:100%;}
.adad a span{position: absolute;
    right: 0;
    bottom: 0;
    padding: 0 5px;
    font-size: 12px;
    height: 20px !important;
    text-align: center;
    display: inline-block;
    line-height: 20px;
    color: #fff;
    background-color: rgba(0, 0, 0, .4);
    z-index: 1;
    border-radius: 8px 0 0 0;}
.adad a {position:relative;}
    
    .breadcrumb {
                font-size: 13px;
                color: #888;
                padding: 18px 0 0
            }

            .breadcrumb a {
                color: #666
            }

            .breadcrumb a:hover {
                color: #c4161c
            }  
    
   .hero {
                margin-top: 14px;
                border-radius: 14px;
                overflow: hidden;
                background: linear-gradient(135deg,rgba(26,42,94,.96),rgba(45,74,138,.88)),var(--hero);
                background-size: cover;
                background-position: center;
                box-shadow: 0 8px 28px rgba(26,42,94,.18);
                color: #fff;
                position: relative
            }

            .hero:after {
                content: '';
                position: absolute;
                right: -80px;
                top: -90px;
                width: 260px;
                height: 260px;
                border-radius: 50%;
                background: radial-gradient(circle,rgba(196,22,28,.35),transparent 68%)
            }

            .hero-inner {
                position: relative;
                z-index: 1;
                padding: 38px 42px;
                display: flex;
                justify-content: space-between;
                gap: 30px;
                align-items: flex-end
            }

            .hero h2 {
                font-size: 32px;
                font-weight: 600;
                letter-spacing: 1px;
                margin-bottom: 8px
            }

            .hero p {
                max-width: 760px;
                color: rgba(255,255,255,.82);
                font-size: 15px
            }

            .hero-meta {
                display: flex;
                gap: 12px;
                flex-shrink: 0
            }

            .hero-meta span {
                background: rgba(255,255,255,.12);
                border: 1px solid rgba(255,255,255,.18);
                padding: 6px 13px;
                border-radius: 18px;
                font-size: 13px;
                backdrop-filter: blur(8px)
            }
            
     .content-left {
                flex: 1;
                min-width: 0
            }

            .content-right {
                width: 280px;
                flex-shrink: 0
            }

            .module {
                background: #fff;
                border-radius: 12px;
                box-shadow: 0 1px 3px rgba(0,0,0,.04),0 4px 16px rgba(0,0,0,.06);
                margin-bottom: 20px;
                overflow: hidden;
                transition: all .3s ease
            }

            .module:hover {
                box-shadow: 0 4px 20px rgba(0,0,0,.1);
                transform: translateY(-1px)
            }

            .module-header {
                padding: 14px 18px;
                border-bottom: 1px solid #f0f0f0;
                display: flex;
                align-items: center;
                justify-content: space-between;
                position: relative
            }

            .module-header:after {
                content: '';
                position: absolute;
                bottom: 0;
                left: 0;
                right: 0;
                height: 2px;
                background: linear-gradient(90deg,#c4161c,rgba(196,22,28,.15))
            }

            .module-title {
                display: flex;
                align-items: center;
                gap: 10px;
                font-size: 17px;
                font-weight: 600;
                color: #1a2a5e
            }

            .module-title.red {
                color: #c4161c
            }

            .more-link {
                font-size: 13px;
                color: #999
            }

            .more-link:hover {
                color: #c4161c
            }

            .feature-grid {
                display: grid;
                grid-template-columns: repeat(3,1fr);
                gap: 16px;
                padding: 18px
            }

            .feature-card {
                border-radius: 12px;
                overflow: hidden;
                background: #fff;
                border: 1px solid #f0f1f4;
                box-shadow: 0 2px 10px rgba(0,0,0,.04);
                transition: .28s
            }

            .feature-card:hover {
                transform: translateY(-4px);
                box-shadow: 0 8px 22px rgba(0,0,0,.12)
            }

            .feature-img {
                height: 126px;
                background-size: cover;
                background-position: center;
                position: relative
            }

            .feature-img span {
                position: absolute;
                left: 12px;
                top: 12px;
                background: rgba(196,22,28,.9);
                color: #fff;
                font-size: 12px;
                padding: 4px 10px;
                border-radius: 4px
            }

            .feature-card h3 {
                font-size: 16px;
                color: #1a2a5e;
                padding: 13px 14px 4px;
                line-height: 1.45
            }

            .feature-card p {
                font-size: 13px;
                color: #777;
                padding: 0 14px 14px;
                line-height: 1.55
            }         
    
     .rank-num {
                width: 22px;
                height: 22px;
                border-radius: 6px;
                background: #eef0f4;
                color: #1a2a5e;
                display: flex;
                align-items: center;
                justify-content: center;
                font-size: 12px;
                font-weight: 600;
                flex-shrink: 0
            }

            .rank-item:nth-child(-n+3) .rank-num {
                background: #c4161c;
                color: #fff
            }

            .rank-item a {
                font-size: 13px;
                line-height: 1.5
            }

            .side-card {
                padding: 16px
            }

            .side-btn {
                display: block;
                margin-bottom: 10px;
                padding: 12px 14px;
                border-radius: 10px;
                background: linear-gradient(135deg,#f8f9fb,#eef0f4);
                border: 1px solid #e9ebef;
                color: #1a2a5e;
                font-weight: 600
            }

            .side-btn:hover {
                color: #c4161c;
                transform: translateX(3px)
            }

            .service-grid {
                display: grid;
                grid-template-columns: repeat(2,1fr);
                gap: 10px;
                padding: 16px
            }

            .service-grid a {
                padding: 13px;
                border-radius: 10px;
                background: #fafbfc;
                border: 1px solid #edf0f5;
                text-align: center;
                font-size: 13px
            }

            .service-grid a:hover {
                background: rgba(196,22,28,.05);
                border-color: rgba(196,22,28,.25);
                color: #c4161c
            }
    
    
    .module-title .icon {
      width: 22px;
      height: 22px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      flex-shrink: 0;
    }
    .module-title .icon svg {
      width: 20px;
      height: 20px;
      fill: #1a2a5e;
    }
    .module-title.red {
      color: #c4161c;
    }
    .module-title.red .icon svg {
      fill: #c4161c;
    }
    .more-link {
      font-size: 13px;
      color: #999;
      transition: color 0.2s ease;
      cursor: pointer;
    }
    .more-link:hover {
      color: #c4161c;
    }

    .container {
      max-width: 1200px;
      margin: 0 auto;
      padding: 0 15px;
    }

    /* 顶部深蓝通栏 */
    .top-bar {
      background: linear-gradient(180deg, #1e335f 0%, #1a2a5e 100%);
      color: #fff;
      font-size: 13px;
      line-height: 32px;
      position: relative;
      z-index: 1000;
    }
    .top-bar .container {
      display: flex;
      justify-content: space-between;
      align-items: center;
    }
    .top-bar-left span {
      margin-right: 20px;
    }
    .top-bar-left a {
      color: rgba(255,255,255,0.8);
      margin-right: 15px;
      white-space: nowrap;
      transition: color 0.2s ease;
    }
    .top-bar-left a:hover {
      color: #fff;
    }
    .top-bar-right a {
      color: rgba(255,255,255,0.8);
      margin-left: 15px;
      white-space: nowrap;
      transition: color 0.2s ease;
    }
    .top-bar-right a:hover {
      color: #fff;
    }

    /* 白色头部区域 */
    .header {
      background: #fff;
      padding: 18px 0;
      position: relative;
      z-index: 1000;
      box-shadow: 0 2px 12px rgba(0,0,0,0.06);
    }
    .header .container {
      display: flex;
      align-items: center;
      justify-content: space-between;
    }
    .logo {
      display: flex;
      align-items: center;
      gap: 12px;
    }
    .logo-icon {
      width: 52px;
      height: 52px;
      background: linear-gradient(135deg, #c4161c 0%, #a81017 100%);
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 26px;
      color: #fff;
      font-weight: bold;
      border-radius: 10px;
      box-shadow: 0 4px 12px rgba(196,22,28,0.3);
    }
    .logo-text {
      display: flex;
      flex-direction: column;
    }
    .logo-text h1 {
      font-size: 28px;
      font-weight: 600;
      color: #c4161c;
    }
    .logo-text span {
      font-size: 11px;
      color: #999;
      letter-spacing: 0.5px;
    }
    .search-box {
      display: flex;
      align-items: center;
    }
    .search-box input {
      width: 340px;
      height: 44px;
      border: 2px solid #e8e8e8;
      border-right: none;
      border-radius: 22px 0 0 22px;
      padding: 0 20px;
      font-size: 14px;
      outline: none;
      transition: all 0.25s ease;
    }
    .search-box input:focus {
      border-color: #c4161c;
      box-shadow: 0 0 0 3px rgba(196,22,28,0.12);
    }
    .search-box button {
      width: 64px;
      height: 44px;
      background: linear-gradient(135deg, #c4161c 0%, #a81017 100%);
      border: none;
      border-radius: 0 22px 22px 0;
      color: #fff;
      font-size: 18px;
      cursor: pointer;
      transition: all 0.25s ease;
      box-shadow: 0 2px 8px rgba(196,22,28,0.2);
    }
    .search-box button:hover {
      background: linear-gradient(135deg, #d41923 0%, #c4161c 100%);
      box-shadow: 0 4px 12px rgba(196,22,28,0.35);
      transform: translateY(-1px);
    }
    .hotline {
      background: linear-gradient(135deg, #c4161c 0%, #a81017 100%);
      color: #fff;
      padding: 12px 22px;
      border-radius: 22px;
      font-size: 14px;
      font-weight: 600;
      box-shadow: 0 4px 12px rgba(196,22,28,0.25);
    }

    /* 移动端菜单按钮 - 默认隐藏 */
    .mobile-menu-btn {
      display: none;
      width: 38px;
      height: 38px;
      background: #f5f5f5;
      border: 1px solid #ddd;
      border-radius: 6px;
      cursor: pointer;
      padding: 0;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      gap: 5px;
      transition: all 0.25s ease;
      position: relative;
      z-index: 1002;
    }
    .mobile-menu-btn span {
      display: block;
      width: 22px;
      height: 2.5px;
      background: #c4161c;
      border-radius: 2px;
      transition: all 0.3s ease;
      transform-origin: center;
    }
    .mobile-menu-btn.active {
      background: #c4161c;
      border-color: #c4161c;
    }
    .mobile-menu-btn.active span {
      background: #fff;
    }
    .mobile-menu-btn.active span:nth-child(1) {
      transform: translateY(7.5px) rotate(45deg);
    }
    .mobile-menu-btn.active span:nth-child(2) {
      opacity: 0;
    }
    .mobile-menu-btn.active span:nth-child(3) {
      transform: translateY(-7.5px) rotate(-45deg);
    }

    /* 移动端下拉菜单面板 —— fixed 全屏覆盖 */
    .mobile-nav-panel {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100vh;
      height: 100dvh;
      background: #fff;
      z-index: 999;
      overflow-y: auto;
      overflow-x: hidden;
      -webkit-overflow-scrolling: touch;
      opacity: 0;
      visibility: hidden;
      pointer-events: none;
      transition: opacity 0.3s ease, visibility 0.3s ease;
    }
    .mobile-nav-panel.open {
      opacity: 1;
      visibility: visible;
      pointer-events: auto;
    }
    .mobile-nav-panel .mobile-nav-inner {
      padding: 120px 16px 32px; /* 留出header+topbar空间 */
      display: flex;
      flex-direction: column;
      gap: 12px;
      min-height: 100%;
    }
    /* 下拉菜单内搜索栏 */
    .mobile-nav-search {
      display: flex;
      align-items: center;
      margin-bottom: 4px;
    }
    .mobile-nav-search input {
      flex: 1;
      height: 42px;
      border: 2px solid #e0e0e0;
      border-right: none;
      border-radius: 8px 0 0 8px;
      padding: 0 16px;
      font-size: 14px;
      outline: none;
    }
    .mobile-nav-search button {
      width: 56px;
      height: 42px;
      background: linear-gradient(135deg, #c4161c 0%, #a81017 100%);
      border: none;
      border-radius: 0 8px 8px 0;
      color: #fff;
      font-size: 16px;
      cursor: pointer;
    }
    /* 下拉菜单内热线 */
    .mobile-nav-hotline {
      background: linear-gradient(135deg, #c4161c 0%, #a81017 100%);
      color: #fff;
      padding: 10px 16px;
      border-radius: 8px;
      font-size: 14px;
      font-weight: 600;
      text-align: center;
    }
    .mobile-nav-panel .mobile-nav-group {
      display: flex;
      flex-direction: column;
    }
    .mobile-nav-panel .mobile-nav-label {
      font-size: 11px;
      color: #999;
      text-transform: uppercase;
      letter-spacing: 1px;
      padding: 6px 12px 4px;
      border-bottom: 1px solid #f0f0f0;
      margin-bottom: 4px;
    }
    .mobile-nav-panel .mobile-nav-group a {
      display: block;
      padding: 11px 16px;
      font-size: 15px;
      color: #333;
      border-radius: 6px;
      transition: all 0.2s ease;
      border-bottom: 1px solid #f5f5f5;
    }
    .mobile-nav-panel .mobile-nav-group a:last-child {
      border-bottom: none;
    }
    .mobile-nav-panel .mobile-nav-group a:hover,
    .mobile-nav-panel .mobile-nav-group a.active {
      color: #c4161c;
      background: rgba(196,22,28,0.05);
    }
    .mobile-nav-panel .mobile-nav-group a.nav-njzx {
      color: #1a2a5e;
      font-weight: 600;
    }

    /* 红色快讯栏 */
    .news-flash {
      background: linear-gradient(90deg, #c4161c 0%, #b8141a 50%, #c4161c 100%);
      color: #fff;
      height: 42px;
      display: flex;
      align-items: center;
      overflow: hidden;
      box-shadow: 0 2px 8px rgba(196,22,28,0.2);
    }
    .flash-label {
      background: linear-gradient(180deg, #8b0000 0%, #7a0000 100%);
      padding: 0 22px;
      height: 100%;
      display: flex;
      align-items: center;
      font-weight: 600;
      font-size: 14px;
      flex-shrink: 0;
      letter-spacing: 1px;
    }
    .flash-content {
      flex: 1;
      overflow: hidden;
      position: relative;
    }
    .flash-scroll {
      display: flex;
      animation: flashScroll 20s linear infinite;
      white-space: nowrap;
    }
    .flash-scroll span {
      margin-right: 80px;
      font-size: 14px;
    }
.flash-scroll span a:hover{color: #efe9ab;}
    
    
 .pagination-wrapper a, .pagination-wrapper span {
  display: inline-block;
  padding:3px 12px;
  margin: 0 4px;
  border: 1px solid #ddd;
  border-radius: 4px;
  text-decoration: none;
  color: #333;
  transition: all 0.3s;
}
.pagination-wrapper a:hover {
  border-color: #007bff;
  color: #007bff;
}
/* 高亮当前页 */
.page-num-current {
  background-color:#172853 !important;
  color: #fff !important;
  border-color: #172853 !important;
  cursor: default;
}
/* 禁用状态处理 */
.page-index[disabled], .page-pre[disabled], .page-next[disabled], .page-last[disabled] {
  opacity: 0.5;
  pointer-events: none;
}   
    
    
    
    
    
    @keyframes flashScroll {
      0% { transform: translateX(100%); }
      100% { transform: translateX(-100%); }
    }

    /* 两排导航栏 */
    .nav-bar {
      position: relative;
      z-index: 10;
      background: linear-gradient(180deg, #f8f9fb 0%, #eef0f4 100%);
      border-top: 3px solid #c4161c;
      border-bottom: 1px solid #d0d4dc;
      box-shadow: 0 2px 12px rgba(0,0,0,0.06);
    }
    /* 第一排：浅色浮雕 */
    .nav-row-primary {
      background: linear-gradient(180deg, #ffffff 0%, #f4f5f8 100%);
      display: flex;
      align-items: center;
      justify-content: center;
      position: relative;
      box-shadow: inset 0 1px 0 rgba(255,255,255,0.9), inset 0 -1px 0 rgba(0,0,0,0.06);
    }
    .nav-row-primary a {
      color: #333;
      font-size: 15px;
      padding: 13px 22px;
      display: block;
      white-space: nowrap;
      transition: all 0.3s ease;
      position: relative;
      letter-spacing: 0.5px;
    }
    /* 竖线分隔 */
    .nav-row-primary a::after {
      content: '';
      position: absolute;
      right: 0;
      top: 50%;
      transform: translateY(-50%);
      width: 1px;
      height: 18px;
      background: linear-gradient(180deg, transparent, rgba(0,0,0,0.12), transparent);
    }
    .nav-row-primary a:last-child::after {
      display: none;
    }
    /* hover特效 */
    .nav-row-primary a:hover {
      color: #c4161c;
      background: linear-gradient(180deg, rgba(196,22,28,0.06) 0%, rgba(196,22,28,0.02) 100%);
    }
    .nav-row-primary a:hover::before {
      content: '';
      position: absolute;
      bottom: 0;
      left: 50%;
      transform: translateX(-50%);
      width: 60%;
      height: 3px;
      background: #c4161c;
      border-radius: 3px 3px 0 0;
      animation: navSlide 0.3s ease;
    }
    @keyframes navSlide {
      from { width: 0; opacity: 0; }
      to { width: 60%; opacity: 1; }
    }
    .nav-row-primary a.active {
      background: linear-gradient(180deg, #c4161c 0%, #b0141a 100%);
      color: #fff;
      font-weight: 600;
      box-shadow: inset 0 1px 0 rgba(255,255,255,0.2), 0 2px 6px rgba(196,22,28,0.3);
    }
    .nav-row-primary a.active::after {
      background: rgba(255,255,255,0.2);
    }
    .nav-row-primary a.active::before {
      content: '';
      position: absolute;
      bottom: 0;
      left: 50%;
      transform: translateX(-50%);
      width: 60%;
      height: 3px;
      background: #fff;
      border-radius: 3px 3px 0 0;
    }
    /* 第二排：渐变浮雕 */
    .nav-row-secondary {
      background: linear-gradient(180deg, #f0f2f6 0%, #e8eaf0 100%);
      display: flex;
      align-items: center;
      justify-content: center;
      border-bottom: none;
      position: relative;
      box-shadow: inset 0 1px 0 rgba(255,255,255,0.7), inset 0 -1px 0 rgba(0,0,0,0.04);
    }
    .nav-row-secondary a {
      color: #333;
      font-size: 15px;
      padding: 13px 22px;
      display: block;
      white-space: nowrap;
      transition: all 0.3s ease;
      position: relative;
      letter-spacing: 0.5px;
    }
    /* 竖线分隔 */
    .nav-row-secondary a::after {
      content: '';
      position: absolute;
      right: 0;
      top: 50%;
      transform: translateY(-50%);
      width: 1px;
      height: 14px;
      background: linear-gradient(180deg, transparent, rgba(0,0,0,0.1), transparent);
    }
    .nav-row-secondary a.nav-btn-official::after {
      display: none;
    }
    .nav-row-secondary a:nth-last-child(2)::after {
      display: none;
    }
    /* hover特效：红色底部光条 + 颜色变化 */
    .nav-row-secondary a:hover {
      color: #c4161c;
    }
    .nav-row-secondary a:hover::before {
      content: '';
      position: absolute;
      bottom: 0;
      left: 50%;
      transform: translateX(-50%);
      width: 50%;
      height: 2px;
      background: #c4161c;
      border-radius: 2px 2px 0 0;
      animation: navSlide 0.3s ease;
    }
    .nav-row-secondary a.active {
      color: #c4161c;
      font-weight: 600;
    }
    .nav-row-secondary a.active::before {
      content: '';
      position: absolute;
      bottom: 0;
      left: 50%;
      transform: translateX(-50%);
      width: 50%;
      height: 2px;
      background: #c4161c;
      border-radius: 2px 2px 0 0;
    }
    .nav-row-secondary .nav-btn-official {
      display: inline-block;
      padding: 3px 12px;
      border: 1px solid #ccc;
      border-radius: 4px;
      color: #666;
      font-size: 12px;
      margin-left: 6px;
      vertical-align: middle;
      transition: all 0.3s ease;
    }
    .nav-row-secondary a.nav-njzx {
      display: flex;
      align-items: center;
      padding-right: 14px;
    }
    .nav-row-secondary a.nav-njzx:hover .nav-btn-official {
      border-color: #c4161c;
      color: #c4161c;
      background: rgba(196,22,28,0.05);
    }
    .nav-row-secondary .nav-btn-official::before,
    .nav-row-secondary .nav-btn-official::after {
      display: none;
    }

    /* 主体区域 */
    .main-content {
      display: flex;
      gap: 20px;
      padding:24px 0 4px 0;
    }
    .content-left {
      flex: 1;
      min-width: 0;
    }
    .content-right {
      width: 280px;
      flex-shrink: 0;
    }

    /* 幻灯片区域 */
    .slide-section {
      display: flex;
      gap: 16px;
      margin-bottom: 20px;
    }
    .slide-main {
      flex:60;
      position: relative;
      height: 310px;
      border-radius: 14px;
      overflow: hidden;
      box-shadow: 0 6px 24px rgba(0,0,0,0.15);
    }
    .slide-slides {
      position: absolute;
      inset: 0;
    }
    .slide-item {
      position: absolute;
      inset: 0;
      background-size: cover;
      background-position: center;
      opacity: 0;
      transition: opacity 0.8s ease;
    }
    .slide-item.active {
      opacity: 1;
    }
    .slide-item::after {
      content: '';
      position: absolute;
      inset: 0;
      background: linear-gradient(transparent 30%, rgba(0,0,0,0.65) 100%);
    }
    .slide-tag {
      position: absolute;
      top: 16px;
      left: 16px;
      background: linear-gradient(135deg, #c4161c 0%, #a81017 100%);
      color: #fff;
      padding: 6px 16px;
      font-size: 13px;
      font-weight: 600;
      border-radius: 4px;
      z-index: 3;
    }
    .slide-info {
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      padding:25px 15px 30px;
      background: linear-gradient(transparent, rgba(0,0,0,0.75));
      color: #fff;
      z-index: 2;
    }
    .slide-info h3 {
      font-size:15px;
      font-weight: 600;
      margin-bottom: 10px;
    }
    .slide-dots {
      position: absolute;
      bottom: 16px;
      right: 24px;
      display: flex;
      gap: 10px;
      z-index: 3;
    }
    .slide-dots span {
      width: 12px;
      height: 12px;
      background: rgba(255,255,255,0.45);
      border-radius: 50%;
      cursor: pointer;
      transition: all 0.3s ease;
    }
    .slide-dots span:hover {
      background: rgba(255,255,255,0.7);
      transform: scale(1.15);
    }
    .slide-dots span.active {
      background: #fff;
      transform: scale(1.1);
    }

    .slide-side {
      flex:60;
      background: linear-gradient(180deg, #1a2a5e 0%, #162550 100%);
      border-radius: 12px;
      padding: 0;
      display: flex;
      flex-direction: column;
      box-shadow: 0 4px 16px rgba(0,0,0,0.12);
      overflow: hidden;
    }
    .slide-side-header {
      background: linear-gradient(135deg, #c4161c 0%, #a81017 100%);
      color: #fff;
      padding: 12px 18px;
      font-size: 14px;
      font-weight: 600;
    }
    .slide-side-item {
      padding:13px 18px;
      border-bottom: 1px solid rgba(255,255,255,0.08);
      display: flex;
      align-items: flex-start;
      gap: 12px;
      color: #fff;
      transition: background 0.2s ease;
      cursor: pointer;
    }
    .slide-side-item:hover {
      background: rgba(255,255,255,0.05);
    }
.slide-section .slide-side a:last-child .slide-side-item{
      border-bottom: none;
    }
    .slide-side-item .dot {
      width: 8px;
      height: 8px;
      background: #c4161c;
      flex-shrink: 0;
      margin-top: 7px;
      border-radius: 2px;
    }
    .slide-side-item p {
      font-size: 14px;
      line-height: 1.55;
    }

    /* 两列新闻模块 */
    .two-col {
      display: flex;
      gap: 16px;margin-bottom:15px;
    }
    .two-col .module {
      flex: 1;
      margin-bottom: 0;
    }
    .news-list {
      padding:12px 18px 22px 18px;
    }
    .news-list li {
      list-style: none;
      padding: 12px 0;
      border-bottom: 1px solid rgba(0,0,0,0.04);
      display: flex;
      justify-content: space-between;
      align-items: flex-start;
      transition: padding-left 0.2s ease;
      cursor: pointer;
    }
    .news-list li:hover {
      padding-left: 4px;
    }
    .news-list li:last-child {
      border-bottom: none;
    }
    .news-list li a {
      flex: 1;
      font-size: 14px;
      line-height: 1.5;
      transition: color 0.2s ease;
    }
    .news-list li a:hover {
      color: #c4161c;
    }
    .news-list li .meta {
      font-size: 12px;
      color: #999;
      margin-left: 16px;
      white-space: nowrap;
    }

    /* 专栏模块 */
    /* 铁哥专栏 */
    .tiego-module {
      overflow: hidden;
    }
    .tiego-banner {
      background: linear-gradient(135deg, #1a2a5e 0%, #2d4a8a 60%, #1a2a5e 100%);
      padding: 24px 20px;
      display: flex;
      align-items: center;
      gap: 18px;
      position: relative;
      overflow: hidden;
    }
    .tiego-banner::before {
      content: '';
      position: absolute;
      top: -50%;
      right: -10%;
      width: 200px;
      height: 200px;
      background: radial-gradient(circle, rgba(196,22,28,0.15) 0%, transparent 70%);
      border-radius: 50%;
    }
    .tiego-banner::after {
      content: '';
      position: absolute;
      bottom: -30%;
      right: 20%;
      width: 120px;
      height: 120px;
      background: radial-gradient(circle, rgba(255,255,255,0.05) 0%, transparent 70%);
      border-radius: 50%;
    }
    .tiego-avatar-wrap {
      width: 64px;
      height: 64px;
      border-radius: 50%;
      background: linear-gradient(135deg, #c4161c, #e74c3c);
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 28px;
      flex-shrink: 0;
      box-shadow: 0 4px 14px rgba(196,22,28,0.4);
      position: relative;
      z-index: 1;
    }
    .tiego-banner-info {
      position: relative;
      z-index: 1;
    }
    .tiego-banner-info h3 {
      color: #fff;
      font-size: 20px;
      font-weight: 600;
      margin-bottom: 4px;
      letter-spacing: 1px;
    }
    .tiego-banner-info p {
      color: rgba(255,255,255,0.7);
      font-size: 13px;
      line-height: 1.4;
    }
    .tiego-tabs {
      display: flex;
      background: #fafbfc;
      border-bottom: 1px solid rgba(0,0,0,0.06);
      padding: 0 20px;
    }
    .tiego-tabs .tab {
      padding: 12px 22px;
      font-size: 14px;
      cursor: pointer;
      color: #888;
      transition: all 0.3s ease;
      position: relative;
      font-weight: 500;
    }
    .tiego-tabs .tab::after {
      content: '';
      position: absolute;
      bottom: -1px;
      left: 50%;
      transform: translateX(-50%);
      width: 0;
      height: 2px;
      background: #c4161c;
      border-radius: 2px;
      transition: width 0.3s ease;
    }
    .tiego-tabs .tab:hover {
      color: #c4161c;
    }
    .tiego-tabs .tab.active {
      color: #c4161c;
      font-weight: 600;
    }
    .tiego-tabs .tab.active::after {
      width: 60%;
    }
    .tiego-body {
      padding: 0;
    }
    .tiego-body .tab-panel {
      display: none;
    }
    .tiego-body .tab-panel.active {
      display: block;
    }
    .tiego-article {
      display: flex;
      align-items: flex-start;
      padding: 16px 20px;
      border-bottom: 1px solid rgba(0,0,0,0.04);
      gap: 14px;
      transition: all 0.2s ease;
      cursor: pointer;
    }
    .tiego-article:last-child {
      border-bottom: none;
    }
    .tiego-article:hover {
      background: rgba(196,22,28,0.02);
    }
    .tiego-article:hover .tiego-art-title {
      color: #c4161c;
    }
    .tiego-art-num {
      width: 26px;
      height: 26px;
      background: linear-gradient(135deg, #c4161c, #e74c3c);
      color: #fff;
      border-radius: 6px;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 12px;
      font-weight: 600;
      flex-shrink: 0;
      margin-top: 2px;
    }
#tiego-current a:nth-child(n+4) .tiego-art-num {background: #e8e8e8;color: #999;}
#tiego-weiyan a:nth-child(n+4) .tiego-art-num {background: #e8e8e8;color: #999;}    
    
    
    .tiego-art-content {
      flex: 1;
      min-width: 0;
    }
    .tiego-art-title {
      font-size: 15px;
      color: #333;
      line-height: 1.5;
      transition: color 0.2s;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      overflow: hidden;
    }
    .tiego-art-meta {
      display: flex;
      align-items: center;
      gap: 12px;
      margin-top: 6px;
      font-size: 12px;
      color: #aaa;padding-bottom: 1.7px;
    }
    .tiego-art-meta .tag {
      padding: 2px 8px;
      background: rgba(196,22,28,0.08);
      color: #c4161c;
      border-radius: 3px;
      font-size: 11px;
    }
    .tiego-art-desc {
      font-size: 13px;
      color: #888;
      line-height: 1.5;
      margin-top: 6px;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      overflow: hidden;
    }

    .column-tabs {
      display: flex;
      background: #f8f9fa;
      padding: 12px 18px 0;
      gap: 4px;
    }
    .column-tabs .tab {
      padding: 10px 18px;
      font-size: 13px;
      cursor: pointer;
      border-radius: 6px 6px 0 0;
      color: #666;
      transition: all 0.25s ease;
    }
    .column-tabs .tab:hover {
      color: #c4161c;
      background: rgba(196,22,28,0.06);
    }
    .column-tabs .tab.active {
      background: linear-gradient(135deg, #c4161c 0%, #a81017 100%);
      color: #fff;
      font-weight: 600;
    }
    .column-content {
      padding: 12px 18px;
    }
    .column-content .tab-panel {
      display: none;
    }
    .column-content .tab-panel.active {
      display: block;
    }
    .column-article {
      padding: 12px 0;
      border-bottom: 1px solid rgba(0,0,0,0.04);
      display: flex;
      align-items: center;
      gap: 12px;
    }
    .column-article:last-child {
      border-bottom: none;
    }
    .column-article .num {
      width: 22px;
      height: 22px;
      background: linear-gradient(135deg, #c4161c 0%, #a81017 100%);
      color: #fff;
      font-size: 12px;
      display: flex;
      align-items: center;
      justify-content: center;
      flex-shrink: 0;
      border-radius: 4px;
    }
    .column-article a {
      font-size: 14px;
      transition: color 0.2s ease;
    }
    .column-article a:hover {
      color: #c4161c;
    }

    /* 铁路专页4色块 */
    .rail-grid {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      gap: 16px;
      padding: 16px;
    }
    .rail-block {
      padding: 18px;
      border-radius: 10px;
      color: #fff;
      transition: all 0.3s ease;
      box-shadow: inset 0 1px 3px rgba(0,0,0,0.15);
    }
    .rail-block:hover {
      transform: translateY(-2px);
      box-shadow: inset 0 1px 3px rgba(0,0,0,0.15), 0 6px 20px rgba(0,0,0,0.2);
    }
    .rail-block h4 {
      font-size: 16px;
      font-weight: 600;
      margin-bottom: 12px;
      display: flex;
      align-items: center;
      gap: 10px;
    }
    .rail-block ul {
      list-style: none;
    }
    .rail-block li {
      font-size: 13px;
      padding:7.2px 0;
      opacity: 0.9;    z-index: 99999;
    position: relative;
    }
    .rail-block.blue { background: linear-gradient(135deg, #3498db 0%, #2980b9 100%); }
    .rail-block.orange { background: linear-gradient(135deg, #e67e22 0%, #d35400 100%); }
    .rail-block.green { background: linear-gradient(135deg, #2ecc71 0%, #27ae60 100%); }
    .rail-block.purple { background: linear-gradient(135deg, #9b59b6 0%, #8e44ad 100%); }

    /* Tab模块 */
    .tab-nav {
      display: flex;
      background: #f8f9fa;
      padding: 12px 18px 0;
      gap: 4px;
    }
    .tab-nav .tab {
      padding: 10px 18px;
      font-size: 13px;
      cursor: pointer;
      border-radius: 6px 6px 0 0;
      color: #666;
      transition: all 0.25s ease;
      border-bottom: 2px solid transparent;
      margin-bottom: -2px;
    }
    .tab-nav .tab:hover {
      color: #c4161c;
    }
    .tab-nav .tab.active {
      background: #fff;
      color: #c4161c;
      font-weight: 600;
      border-bottom-color: #c4161c;
    }
    .tab-body {
      padding: 16px;
    }
    .tab-body .tab-panel {
      display: none;
    }
    .tab-body .tab-panel.active {
      display: block;
    }
    .tab-article {
      display: flex;
      align-items: center;
      gap: 12px;
      padding: 12px 0;
      border-bottom: 1px solid rgba(0,0,0,0.04);
      transition: padding-left 0.2s ease;
      cursor: pointer;
    }
    .tab-article:hover {
      padding-left: 4px;
    }
    .tab-article:last-child {
      border-bottom: none;
    }
    .tab-article .bullet {
      width: 6px;
      height: 6px;
      background: #c4161c;
      flex-shrink: 0;
      border-radius: 50%;
    }
    .tab-article a {
      font-size: 14px;
      transition: color 0.2s ease;
    }
    .tab-article a:hover {
      color: #c4161c;
    }

    /* 视频网格 */
    .video-grid {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 16px;
      padding: 16px;
    }
    .video-card {
      position: relative;
      height: 150px;
      border-radius: 10px;
      overflow: hidden;
      display: flex;
      align-items: center;
      justify-content: center;
      color: #fff;
      transition: all 0.3s ease;
      cursor: pointer;
      box-shadow: 0 4px 12px rgba(0,0,0,0.15);
    }
    .video-card:hover {
      transform: translateY(-3px);
      box-shadow: 0 8px 24px rgba(0,0,0,0.22);
    }
#video-rail .video-grid a:nth-child(1) { background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); }
#video-rail .video-grid a:nth-child(2) { background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%); }
#video-rail .video-grid a:nth-child(3) { background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%); }
#video-rail .video-grid a:nth-child(4) { background: linear-gradient(135deg, #43e97b 0%, #38f9d7 100%); }
#video-rail .video-grid a:nth-child(5) { background: linear-gradient(135deg, #fa709a 0%, #fee140 100%); }
#video-rail .video-grid a:nth-child(6) { background: linear-gradient(135deg, #a18cd1 0%, #fbc2eb 100%); }
    .video-card .play-btn {
      width: 56px;
      height: 56px;
      background: rgba(255,255,255,0.3);
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 26px;
      margin-bottom: 12px;
      transition: all 0.3s ease;
    }
    .video-card:hover .play-btn {
      transform: scale(1.12);
      background: rgba(255,255,255,0.4);
    }
    .video-card h5 {
      font-size: 14px;
      font-weight: 500;
      text-align: center;
      padding: 0 10px;line-height: 1.2;
    }

    /* 右侧边栏模块 */
    .sidebar .module {
      margin-bottom: 20px;
    }
    .sidebar .module:last-child {
      margin-bottom: 0;
    }

    /* 图片入口 2x2 网格 */
    .entry-grid {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 8px;
      padding: 16px;
    }
    .entry-card {
      position: relative;
      border-radius: 10px;
      overflow: hidden;
      cursor: pointer;
      aspect-ratio: 1/1;
      transition: transform 0.3s ease, box-shadow 0.3s ease;
    }
    .entry-card:hover {
      transform: translateY(-2px);
      box-shadow: 0 4px 14px rgba(0,0,0,0.15);
    }
    .entry-card-bg {
      width: 100%;
      height: 100%;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      color: #fff;
      position: relative;
    }
    .entry-card-bg .entry-icon {
      width: 40px;
      height: 40px;
      border: 2px solid rgba(255,255,255,0.8);
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 18px;
      margin-bottom: 8px;
    }
    .entry-card-bg h5 {
      font-size: 14px;
      font-weight: 600;
      letter-spacing: 1px;
    }
    .entry-card-bg p {
      font-size: 10px;
      opacity: 0.8;
      margin-top: 2px;
    }
    .entry-card:nth-child(1) .entry-card-bg { background: linear-gradient(135deg, #c4161c, #e74c3c); }
    .entry-card:nth-child(2) .entry-card-bg { background: linear-gradient(135deg, #1a2a5e, #3a5a9e); }
    .entry-card:nth-child(3) .entry-card-bg { background: linear-gradient(135deg, #e67e22, #f5a623); }
    .entry-card:nth-child(4) .entry-card-bg { background: linear-gradient(135deg, #27ae60, #52c07a); }

    /* 热点新闻 */
    .hot-news-list {
      padding: 0 16px 16px;
    }
    .hot-news-item {
      display: flex;
      gap: 10px;
      padding: 10px 0;
      border-bottom: 1px solid rgba(0,0,0,0.04);
      cursor: pointer;
      transition: all 0.2s ease;
    }
    .hot-news-list a:last-child {
      border-bottom: none;
    }
    .hot-news-item:hover .hot-news-title {
      color: #c4161c;
    }
    .hot-news-index {
      width: 22px;
      height: 22px;
      background: #c4161c;
      color: #fff;
      border-radius: 4px;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 12px;
      font-weight: 600;
      flex-shrink: 0;
      margin-top: 1px;
    }
    .hot-news-list a:nth-child(n+4) .hot-news-index {
      background: #e0e0e0;
      color: #666;
    }
    .hot-news-title {
      font-size: 13px;
      color: #333;
      line-height: 1.5;
      transition: color 0.2s;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      overflow: hidden;
    }

    /* 广告位 */

    /* 咨询对接 */

    /* 二维码展示 */
    .qr-grid {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 12px;
      padding: 12px;
    }
    .qr-item {
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: 6px;
    }
    .qr-item img {
      width: 100%;
      aspect-ratio: 1;
      border-radius: 8px;
      border: 1px solid #eee;
      object-fit: cover;
      transition: all 0.3s ease;
    }
    .qr-item img:hover {
      transform: scale(1.05);
      box-shadow: 0 4px 12px rgba(0,0,0,0.1);
      border-color: #c62828;
    }
    .qr-item span {
      font-size: 12px;
      color: #666;
      font-weight: 500;
    }
    .consult-list {
      padding: 8px 12px;
    }
    .consult-item {
      border-radius: 8px;
      margin-bottom: 8px;
      overflow: hidden;
      border: 1px solid #eee;
      transition: all 0.3s ease;
    }
    .consult-item:last-child {
      margin-bottom: 0;
    }
    .consult-item:hover {
      border-color: #ddd;
      box-shadow: 0 2px 8px rgba(0,0,0,0.06);
    }
    .consult-header {
      display: flex;
      align-items: center;
      padding: 10px 12px;
      cursor: pointer;
      font-size: 13px;
      font-weight: 600;
      color: #333;
      background: #fafafa;
      transition: background 0.3s ease;
    }
    .consult-header:hover {
      background: #f0f0f0;
    }
    .consult-icon {
      margin-right: 8px;
      font-size: 16px;
    }
    .consult-arrow {
      margin-left: auto;
      font-size: 12px;
      color: #999;
      transition: transform 0.3s ease;
    }
    .consult-item.expanded .consult-arrow {
      transform: rotate(180deg);
    }
    .consult-body {
      max-height: 0;
      overflow: hidden;
      transition: max-height 0.3s ease;
      background: #fff;
    }
    .consult-item.expanded .consult-body {
      max-height: 200px;
    }
    .consult-body a {
      display: block;
      padding: 8px 12px 8px 36px;
      font-size: 12px;
      color: #666;
      text-decoration: none;
      transition: all 0.2s ease;
      border-top: 1px solid #f5f5f5;
    }
    .consult-body a:hover {
      color: #c62828;
      background: #fff8f8;
      padding-left: 40px;
    }

    .ad-slot {
      padding: 16px;
    }
    .ad-card {
      border-radius: 8px;
      overflow: hidden;
      position: relative;
      margin-bottom: 12px;
      cursor: pointer;
      transition: transform 0.3s ease, box-shadow 0.3s ease;
    }
    .ad-card:hover {
      transform: translateY(-2px);
      box-shadow: 0 4px 12px rgba(0,0,0,0.1);
    }
    .ad-card:last-child {
      margin-bottom: 0;
    }
    .ad-card-img {
      width: 100%;
      aspect-ratio: 16/10;
      background-size: cover;
      background-position: center;
      position: relative;
    }
    .ad-card-body {
      padding: 10px 12px;
      background: #fff;
    }
    .ad-card-body h5 {
      font-size: 13px;
      color: #333;
      line-height: 1.4;
      margin-bottom: 4px;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      overflow: hidden;
    }
    .ad-card-body p {
      font-size: 11px;
      color: #999;
    }
    .ad-label {
      position: absolute;
      top: 8px;
      right: 8px;
      background: rgba(0,0,0,0.55);
      color: #fff;
      font-size: 10px;
      padding: 2px 8px;
      border-radius: 3px;
      backdrop-filter: blur(4px);
    }

    /* 图片信息流 */
    .img-feed {
      background: #fff;
      border-radius: 12px;
      box-shadow: 0 1px 3px rgba(0,0,0,0.04), 0 4px 16px rgba(0,0,0,0.06);
      margin-bottom: 20px;
      overflow: hidden;
      transition: all 0.3s ease;
    }
    .img-feed:hover {
      box-shadow: 0 4px 20px rgba(0,0,0,0.1);
      transform: translateY(-1px);
    }
    .img-feed-header {
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 15px 20px;
      border-bottom: 1px solid #f0f0f0;
      position: relative;
    }
    .img-feed-header::after {
      content: '';
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      height: 2px;
      background: linear-gradient(90deg, #c4161c 0%, rgba(196,22,28,0.15) 100%);
    }
    .img-feed-title {
      display: flex;
      align-items: center;
      gap: 10px;
      font-size: 17px;
      font-weight: 600;
      color: #1a2a5e;
    }
    .img-feed-title .icon {
      width: 16px;
      height: 16px;
      background: linear-gradient(135deg, #c4161c 0%, #a81017 100%);
      border-radius: 4px;
    }
    .img-feed-more {
      color: #999;
      font-size: 12px;
      cursor: pointer;
      transition: color 0.2s ease;
    }
    .img-feed-more:hover {
      color: #c4161c;
    }
    .img-feed-grid {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 2px;
      padding: 2px;
      background: #f5f6f8;
    }
    .img-feed-card {
      position: relative;
      overflow: hidden;
      cursor: pointer;
      aspect-ratio: 4/3;
      border-radius: 8px;
      background: #fff;
    }
    .img-feed-card .feed-img {
      width: 100%;
      height: 100%;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 36px;
      transition: transform 0.4s ease;
    }
    .img-feed-card:hover .feed-img {
      transform: scale(1.08);
    }
    .img-feed-card .feed-overlay {
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      background: linear-gradient(transparent, rgba(0,0,0,0.8));
      padding: 30px 12px 10px;
    }
    .img-feed-card .feed-overlay span {
      color: #fff;
      font-size: 13px;
      line-height: 1.45;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      overflow: hidden;
    }
    .img-feed-card .feed-tag {
      position: absolute;
      top: 10px;
      left: 10px;
      background: linear-gradient(135deg, #c4161c 0%, #a81017 100%);
      color: #fff;
      font-size: 11px;
      padding: 3px 10px;
      border-radius: 4px;
      font-weight: 500;
    }

    /* 运费查询 */
    .freight-tabs {
      display: flex;
      gap: 6px;
      padding: 12px 16px;
    }
    .freight-tabs .tab {
      flex: 1;
      padding: 10px 6px;
      text-align: center;
      font-size: 12px;
      background: #f5f5f5;
      border-radius: 6px;
      cursor: pointer;
      transition: all 0.25s ease;
    }
    .freight-tabs .tab:hover {
      background: rgba(196,22,28,0.08);
    }
    .freight-tabs .tab.active {
      background: linear-gradient(135deg, #c4161c 0%, #a81017 100%);
      color: #fff;
      font-weight: 600;
    }
    .freight-form {
      padding: 16px;
    }
    .freight-form select,
    .freight-form input {
      width: 100%;
      padding: 12px;
      margin-bottom: 12px;
      border: 1px solid #e0e0e0;
      border-radius: 8px;
      font-size: 13px;
      transition: all 0.2s ease;
    }
    .freight-form select:focus,
    .freight-form input:focus {
      border-color: #c4161c;
      box-shadow: 0 0 0 3px rgba(196,22,28,0.1);
      outline: none;
    }
    .freight-form button {
      width: 100%;
      padding: 14px;
      background: linear-gradient(135deg, #c4161c 0%, #a81017 100%);
      color: #fff;
      border: none;
      border-radius: 8px;
      font-size: 15px;
      cursor: pointer;
      font-weight: 600;
      transition: all 0.25s ease;
      box-shadow: 0 4px 12px rgba(196,22,28,0.25);
    }
    .freight-form button:hover {
      background: linear-gradient(135deg, #d41923 0%, #c4161c 100%);
      box-shadow: 0 6px 16px rgba(196,22,28,0.35);
      transform: translateY(-1px);
    }

    /* 热门排行 */
    .rank-list {
      padding: 12px 18px;
    }
    .rank-item {
      display: flex;
      align-items: center;
      padding: 12px 0;
      border-bottom: 1px solid rgba(0,0,0,0.04);
      transition: padding-left 0.2s ease;
      cursor: pointer;
    }
    .rank-item:hover {
      padding-left: 4px;
    }
    .rank-item:last-child {
      border-bottom: none;
    }
    .rank-num {
      width: 24px;
      height: 24px;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 13px;
      font-weight: 600;
      margin-right: 12px;
      flex-shrink: 0;
    }
    .rank-num.top {
      background: linear-gradient(135deg, #c4161c 0%, #a81017 100%);
      color: #fff;
      border-radius: 4px;
    }
    .rank-num.normal {
      color: #999;
    }
    .rank-item a {
      font-size: 13px;
      line-height: 1.45;
      transition: color 0.2s ease;
    }
    .rank-item a:hover {
      color: #c4161c;
    }

    /* 数据卡片 */
    .data-grid {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      gap: 12px;
      padding: 16px;
    }
    .data-card {
      background: linear-gradient(135deg, #1a2a5e 0%, #2a4a8e 100%);
      padding: 18px 14px;
      border-radius: 10px;
      color: #fff;
      text-align: center;
      box-shadow: 0 4px 12px rgba(26,42,94,0.25);
    }
    .data-card h5 {
      font-size: 12px;
      opacity: 0.8;
      margin-bottom: 10px;
      font-weight: 500;
    }
    .data-card .value {
      font-size: 22px;
      font-weight: 600;
    }
    .data-card .unit {
      font-size: 12px;
      opacity: 0.8;
    }

    /* 专题卡片 */
    .topic-list {
      padding: 12px 18px;
    }
    .topic-card {
      display: flex;
      gap: 12px;
      padding: 12px 0;
      border-bottom: 1px solid rgba(0,0,0,0.04);
      transition: padding-left 0.2s ease;
      cursor: pointer;
    }
    .topic-card:hover {
      padding-left: 4px;
    }
    .topic-card:last-child {
      border-bottom: none;
    }
    .topic-img {
      width: 82px;
      height: 62px;
      background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
      border-radius: 8px;
      flex-shrink: 0;
      display: flex;
      align-items: center;
      justify-content: center;
      color: #fff;
      font-size: 26px;
    }
    .topic-info h5 {
      font-size: 14px;
      font-weight: 500;
      margin-bottom: 6px;
      line-height: 1.35;
      transition: color 0.2s ease;
    }
    .topic-info h5:hover {
      color: #c4161c;
    }
    .topic-info span {
      font-size: 11px;
      color: #999;
    }

    /* 友情链接 */
    .link-list {
      padding: 12px 18px;
      display: flex;
      flex-wrap: wrap;
      gap: 10px;
    }
    .link-list a {
      padding: 6px 14px;
      background: #f5f5f5;
      border-radius: 16px;
      font-size: 12px;
      color: #666;
      transition: all 0.25s ease;
    }
    .link-list a:hover {
      background: linear-gradient(135deg, #c4161c 0%, #a81017 100%);
      color: #fff;
      transform: translateY(-1px);
    }

    /* 页脚 */
    .footer {
      background: linear-gradient(180deg, #1e335f 0%, #162550 100%);
      color: #fff;
      margin-top: 32px;
    }
    /* 第一层：文字导航 */
    .footer-links {
      padding: 30px 0 20px;
      border-bottom: 1px solid rgba(255,255,255,0.08);
      text-align: center;
    }
    .footer-links a {
      color: rgba(255,255,255,0.7);
      font-size: 14px;
      margin: 0 18px;
      transition: all 0.2s ease;
      cursor: pointer;
    }
    .footer-links a:hover {
      color: #fff;
      text-decoration: underline;
    }
    /* 第二层：频道按钮 */
    .footer-channels {
      padding: 24px 0 12px;
      text-align: center;
    }
    .channel-row {
      display: flex;
      justify-content: center;
      gap: 12px;
      flex-wrap: wrap;
      margin-bottom: 12px;
    }
    .channel-btn {
      display: flex;
      align-items: center;
      gap: 6px;
      padding: 9px 18px;
      background: rgba(255,255,255,0.06);
      border: 1px solid rgba(255,255,255,0.1);
      border-radius: 8px;
      color: rgba(255,255,255,0.75);
      font-size: 13px;
      cursor: pointer;
      transition: all 0.25s ease;
      white-space: nowrap;
    }
    .channel-btn:hover {
      background: rgba(255,255,255,0.12);
      color: #fff;
      border-color: rgba(255,255,255,0.22);
      transform: translateY(-2px);
    }
    .channel-btn .ch-icon {
      font-size: 15px;
    }
    /* 第三层：版权 */
    .footer-bottom {
      padding: 14px 0 18px;
      text-align: center;
      font-size: 11px;
      color: rgba(255,255,255,0.4);
      border-top: 1px solid rgba(255,255,255,0.05);
      margin-top: 10px;
    }
    /* ========== 现代特效增强 ========== */

    /* 全局淡入动画 */
    .module {
      animation: fadeInUp 0.5s ease both;
    }
    .two-col .module:nth-child(1) { animation-delay: 0.05s; }
    .two-col .module:nth-child(2) { animation-delay: 0.12s; }
    @keyframes fadeInUp {
      from { opacity: 0; transform: translateY(18px); }
      to { opacity: 1; transform: translateY(0); }
    }

    /* 模块卡片增强 - 渐变描边发光 */
    .module {
      background: #fff;
      border-radius: 14px;
      box-shadow: 0 2px 6px rgba(0,0,0,0.03), 0 8px 24px rgba(0,0,0,0.06);
      border: 1px solid rgba(0,0,0,0.04);
      transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
      position: relative;
    }
    .module::before {
      content: '';
      position: absolute;
      inset: -1px;
      border-radius: 15px;
      padding: 1px;
      background: linear-gradient(135deg, rgba(196,22,28,0.0), rgba(26,42,94,0.0));
      -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
      -webkit-mask-composite: xor;
      mask-composite: exclude;
      transition: background 0.4s ease;
      pointer-events: none;
      z-index: 1;
    }
    .module:hover {
      box-shadow: 0 8px 32px rgba(26,42,94,0.10), 0 2px 8px rgba(196,22,28,0.06);
      transform: translateY(-3px);
    }
    .module:hover::before {
      background: linear-gradient(135deg, rgba(196,22,28,0.25), rgba(26,42,94,0.15));
    }

    /* 模块标题栏增强 - 微渐变背景 */
    .module-header {
      padding:10px 18px;
      border-bottom: none;
      display: flex;
      align-items: center;
      justify-content: space-between;
      position: relative;
      background: linear-gradient(180deg, rgba(26,42,94,0.025) 0%, rgba(26,42,94,0.008) 100%);
      overflow: hidden;
    }
    .module-header::after {
      content: '';
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      height: 2px;
      background: linear-gradient(90deg, #c4161c 0%, #1a2a5e 50%, rgba(26,42,94,0.08) 100%);
      opacity: 0.7;
    }
    /* 标题栏右上角装饰圆 */
    .module-header::before {
      content: '';
      position: absolute;
      top: -20px;
      right: -20px;
      width: 60px;
      height: 60px;
      background: radial-gradient(circle, rgba(196,22,28,0.06) 0%, transparent 70%);
      border-radius: 50%;
      pointer-events: none;
    }

    /* 模块标题图标增强 - 背景圆+微光 */
    .module-title .icon {
      width: 32px;
      height: 32px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      flex-shrink: 0;
      background: linear-gradient(135deg, rgba(26,42,94,0.08) 0%, rgba(26,42,94,0.03) 100%);
      border-radius: 8px;
      position: relative;
      transition: all 0.3s ease;
    }
    .module-title .icon svg {
      width: 18px;
      height: 18px;
      fill: #1a2a5e;
      transition: transform 0.3s ease;
      position: relative;
      z-index: 1;
    }
    .module:hover .module-title .icon {
      background: linear-gradient(135deg, #1a2a5e 0%, #2a4a8e 100%);
      box-shadow: 0 3px 10px rgba(26,42,94,0.25);
      transform: scale(1.08);
    }
    .module:hover .module-title .icon svg {
      fill: #fff;
    }
    .module-title.red .icon {
      background: linear-gradient(135deg, rgba(196,22,28,0.08) 0%, rgba(196,22,28,0.03) 100%);
    }
    .module-title.red .icon svg {
      fill: #c4161c;
    }
    .module:hover .module-title.red .icon {
      background: linear-gradient(135deg, #c4161c 0%, #e74c3c 100%);
      box-shadow: 0 3px 10px rgba(196,22,28,0.3);
    }
    .module:hover .module-title.red .icon svg {
      fill: #fff;
    }

    /* 标题文字增强 */
    .module-title {
      font-size: 17px;
      font-weight: 700;
      color: #1a2a5e;
      letter-spacing: 0.5px;
      position: relative;
      z-index: 1;
    }

    /* "更多"链接增强 */
    .more-link {
      font-size: 13px;
      color: #aaa;
      transition: all 0.3s ease;
      cursor: pointer;
      position: relative;
      padding-right: 14px;
    }
    .more-link::after {
      content: '›';
      position: absolute;
      right: 2px;
      top: 50%;
      transform: translateY(-50%);
      transition: all 0.3s ease;
      font-size: 16px;
      font-weight: 600;
    }
    .more-link:hover {
      color: #c4161c;
    }
    .more-link:hover::after {
      right: -2px;
    }

    /* 新闻列表增强 - 悬浮左侧渐变条 */
    .news-list li {
      list-style: none;
      padding: 12px 0 12px 10px;
      border-bottom: 1px solid rgba(0,0,0,0.04);
      display: flex;
      justify-content: space-between;
      align-items: flex-start;
      cursor: pointer;
      position: relative;
      transition: all 0.3s ease;
    }
    .news-list li::before {
      content: '';
      position: absolute;
      left: 0;
      top: 50%;
      transform: translateY(-50%);
      width: 3px;
      height: 0;
      background: linear-gradient(180deg, #c4161c, #1a2a5e);
      border-radius: 2px;
      transition: height 0.3s ease;
    }
    .news-list li:hover {
      padding-left: 14px;
      background: linear-gradient(90deg, rgba(196,22,28,0.03) 0%, transparent 100%);
    }
    .news-list li:hover::before {
      height: 60%;
    }
    .news-list li a {
      flex: 1;
      font-size: 14px;
      line-height: 1.5;
      transition: color 0.2s ease;
    }
    .news-list li a:hover {
      color: #c4161c;
    }

    /* 专栏Tab增强 - 底部滑块动画 */
    .column-tabs .tab {
      padding: 10px 18px;
      font-size: 13px;
      cursor: pointer;
      border-radius: 8px 8px 0 0;
      color: #666;
      transition: all 0.3s ease;
      position: relative;
      font-weight: 500;
    }
    .column-tabs .tab:hover {
      color: #c4161c;
      background: rgba(196,22,28,0.04);
    }
    .column-tabs .tab.active {
      background: linear-gradient(135deg, #c4161c 0%, #e74c3c 100%);
      color: #fff;
      font-weight: 600;
      box-shadow: 0 2px 8px rgba(196,22,28,0.25);
    }

    /* 专栏文章增强 */
    .column-article {
      padding:12px 0 13.4px 0;
      border-bottom: 1px solid rgba(0,0,0,0.04);
      display: flex;
      align-items: center;
      gap: 12px;
      transition: all 0.3s ease;
    }
    .column-article:hover {
      padding-left: 6px;
      background: linear-gradient(90deg, rgba(196,22,28,0.02) 0%, transparent 60%);
    }

    /* 铁哥专栏增强 */
    .tiego-banner {
      background: linear-gradient(135deg, #1a2a5e 0%, #2d4a8a 40%, #1a2a5e 100%);
      padding: 26px 22px;
      display: flex;
      align-items: center;
      gap: 18px;
      position: relative;
      overflow: hidden;
    }
    .tiego-banner::before {
      content: '';
      position: absolute;
      top: -50%;
      right: -10%;
      width: 240px;
      height: 240px;
      background: radial-gradient(circle, rgba(196,22,28,0.18) 0%, transparent 70%);
      border-radius: 50%;
      animation: bannerGlow 4s ease-in-out infinite alternate;
    }
    @keyframes bannerGlow {
      from { opacity: 0.6; transform: scale(1); }
      to { opacity: 1; transform: scale(1.1); }
    }
    .tiego-banner::after {
      content: '';
      position: absolute;
      bottom: -30%;
      right: 20%;
      width: 140px;
      height: 140px;
      background: radial-gradient(circle, rgba(255,255,255,0.06) 0%, transparent 70%);
      border-radius: 50%;
      animation: bannerGlow 5s ease-in-out infinite alternate-reverse;
    }
    .tiego-avatar-wrap {
      box-shadow: 0 4px 16px rgba(196,22,28,0.45), 0 0 0 3px rgba(255,255,255,0.15);
      animation: avatarPulse 3s ease-in-out infinite;
    }
    @keyframes avatarPulse {
      0%, 100% { box-shadow: 0 4px 16px rgba(196,22,28,0.45), 0 0 0 3px rgba(255,255,255,0.15); }
      50% { box-shadow: 0 4px 20px rgba(196,22,28,0.55), 0 0 0 5px rgba(255,255,255,0.1); }
    }
    .tiego-article {
      display: flex;
      align-items: flex-start;
      padding: 16px 20px;
      border-bottom: 1px solid rgba(0,0,0,0.04);
      gap: 14px;
      transition: all 0.3s ease;
      cursor: pointer;
    }
    .tiego-article:hover {
      background: linear-gradient(90deg, rgba(196,22,28,0.03) 0%, transparent 60%);
      padding-left: 24px;
    }
    .tiego-art-num {
      box-shadow: 0 2px 6px rgba(196,22,28,0.2);
    }

    /* 铁路专页增强 - 彩色卡片微光效果 */
    .rail-block {
      padding: 20px;
      border-radius: 12px;
      color: #fff;
      transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
      position: relative;
      overflow: hidden;
    }
    .rail-block::after {
      content: '';
      position: absolute;
      top: -50%;
      left: -50%;
      width: 200%;
      height: 200%;
      background: linear-gradient(45deg, transparent 40%, rgba(255,255,255,0.08) 50%, transparent 60%);
      transform: translateX(-100%);
      transition: transform 0.6s ease;
    }
    .rail-block:hover::after {
      transform: translateX(40%);
    }
    .rail-block:hover {
      transform: translateY(-4px) scale(1.02);
      box-shadow: 0 8px 28px rgba(0,0,0,0.22);
    }

    /* 视频卡片增强 */
    .video-card {
      position: relative;
      height:167.1px;
      border-radius: 12px;
      overflow: hidden;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      color: #fff;
      transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
      cursor: pointer;
      box-shadow: 0 4px 12px rgba(0,0,0,0.15);
    }
    .video-card::after {
      content: '';
      position: absolute;
      inset: 0;
      background: linear-gradient(180deg, transparent 30%, rgba(0,0,0,0.3) 100%);
      transition: opacity 0.3s ease;
    }
    .video-card:hover {
      transform: translateY(-5px) scale(1.03);
      box-shadow: 0 12px 32px rgba(0,0,0,0.25);
    }
    .video-card:hover::after {
      opacity: 0.6;
    }
    .video-card .play-btn {
      width: 56px;
      height: 56px;
      background: rgba(255,255,255,0.25);
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 26px;
      margin-bottom: 12px;
      transition: all 0.3s ease;
      backdrop-filter: blur(4px);
      position: relative;
      z-index: 1;
      border: 2px solid rgba(255,255,255,0.3);
    }
    .video-card:hover .play-btn {
      transform: scale(1.15);
      background: rgba(255,255,255,0.35);
      border-color: rgba(255,255,255,0.5);
      box-shadow: 0 0 20px rgba(255,255,255,0.2);
    }
    .video-card h5 {
      position: relative;
      z-index: 1;
    }

    /* 入口卡片增强 */
    .entry-card {
      position: relative;
      border-radius: 12px;
      overflow: hidden;
      cursor: pointer;
      aspect-ratio: 1/1;
      transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    }
    .entry-card::after {
      content: '';
      position: absolute;
      top: -50%;
      left: -50%;
      width: 200%;
      height: 200%;
      background: linear-gradient(45deg, transparent 40%, rgba(255,255,255,0.15) 50%, transparent 60%);
      transform: translateX(-100%);
      transition: transform 0.5s ease;
    }
    .entry-card:hover::after {
      transform: translateX(40%);
    }
    .entry-card:hover {
      transform: translateY(-4px) scale(1.05);
      box-shadow: 0 8px 24px rgba(0,0,0,0.18);
    }
    .entry-card-bg .entry-icon {
      transition: all 0.3s ease;
    }
    .entry-card:hover .entry-icon {
      transform: scale(1.15);
      box-shadow: 0 0 12px rgba(255,255,255,0.3);
    }

    /* 热点新闻增强 */
    .hot-news-item {
      display: flex;
      gap: 10px;
      padding: 10px 0;
      border-bottom: 1px solid rgba(0,0,0,0.04);
      cursor: pointer;
      transition: all 0.3s ease;
    }
    .hot-news-item:hover {
      padding-left: 6px;
      background: linear-gradient(90deg, rgba(196,22,28,0.03) 0%, transparent 60%);
    }
    .hot-news-index {
      box-shadow: 0 2px 4px rgba(196,22,28,0.2);
      transition: transform 0.3s ease;
    }
    .hot-news-item:hover .hot-news-index {
      transform: scale(1.1);
    }

    /* 广告卡片增强 */
    .ad-card {
      border-radius: 10px;
      overflow: hidden;
      position: relative;
      margin-bottom: 12px;
      cursor: pointer;
      transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    }
    .ad-card:hover {
      transform: translateY(-3px);
      box-shadow: 0 6px 18px rgba(0,0,0,0.12);
    }

    /* Tab导航增强 */
    .tab-nav .tab {
      padding: 10px 18px;
      font-size: 13px;
      cursor: pointer;
      border-radius: 8px 8px 0 0;
      color: #666;
      transition: all 0.3s ease;
      border-bottom: 2px solid transparent;
      margin-bottom: -2px;
      position: relative;
    }
    .tab-nav .tab:hover {
      color: #c4161c;
      background: rgba(196,22,28,0.04);
    }
    .tab-nav .tab.active {
      background: #fff;
      color: #c4161c;
      font-weight: 600;
      border-bottom-color: #c4161c;
      box-shadow: 0 -2px 8px rgba(196,22,28,0.08);
    }

    /* Tab文章增强 */
    .tab-article {
      display: flex;
      align-items: center;
      gap: 12px;
      padding: 12px 0;
      border-bottom: 1px solid rgba(0,0,0,0.04);
      cursor: pointer;
      position: relative;
      transition: all 0.3s ease;
    }
    .tab-article::before {
      content: '';
      position: absolute;
      left: -16px;
      top: 50%;
      transform: translateY(-50%);
      width: 3px;
      height: 0;
      background: linear-gradient(180deg, #c4161c, #1a2a5e);
      border-radius: 2px;
      transition: height 0.3s ease;
    }
    .tab-article:hover {
      padding-left: 6px;
      background: linear-gradient(90deg, rgba(196,22,28,0.02) 0%, transparent 50%);
    }
    .tab-article:hover::before {
      height: 50%;
    }

    /* 幻灯片增强 */
    .slide-main {
      box-shadow: 0 6px 24px rgba(0,0,0,0.15);
      transition: box-shadow 0.4s ease;
    }
    .slide-main:hover {
      box-shadow: 0 10px 36px rgba(0,0,0,0.22);
    }
    .slide-tag {
      background: linear-gradient(135deg, #c4161c 0%, #e74c3c 100%);
      box-shadow: 0 2px 8px rgba(196,22,28,0.35);
      animation: tagPulse 2s ease-in-out infinite;
    }
    @keyframes tagPulse {
      0%, 100% { box-shadow: 0 2px 8px rgba(196,22,28,0.35); }
      50% { box-shadow: 0 2px 14px rgba(196,22,28,0.5); }
    }
    .slide-side {
      box-shadow: 0 6px 20px rgba(0,0,0,0.15);
      transition: box-shadow 0.4s ease;
    }
    .slide-side:hover {
      box-shadow: 0 10px 30px rgba(0,0,0,0.2);
    }
    .slide-side-item {
      transition: all 0.3s ease;
    }
    .slide-side-item:hover {
      background: rgba(255,255,255,0.08);
      padding-left: 22px;
    }

    /* 快讯栏增强 - 渐变流动 */
    .news-flash {
      background: linear-gradient(90deg, #c4161c 0%, #b8141a 30%, #d41923 50%, #b8141a 70%, #c4161c 100%);
      background-size: 200% 100%;
      animation: flashBgFlow 6s linear infinite;
    }
    @keyframes flashBgFlow {
      from { background-position: 0% 0; }
      to { background-position: 200% 0; }
    }
    .flash-label {
      position: relative;
      overflow: hidden;
    }
    .flash-label::after {
      content: '';
      position: absolute;
      top: 0;
      left: -100%;
      width: 60%;
      height: 100%;
      background: linear-gradient(90deg, transparent, rgba(255,255,255,0.15), transparent);
      animation: labelShine 3s ease-in-out infinite;
    }
    @keyframes labelShine {
      0% { left: -100%; }
      100% { left: 200%; }
    }

    /* Logo图标增强 */
    .logo-icon {
      animation: logoFloat 4s ease-in-out infinite;
    }
    @keyframes logoFloat {
      0%, 100% { transform: translateY(0); }
      50% { transform: translateY(-3px); }
    }

    /* 搜索框增强 */
    .search-box input {
      transition: all 0.3s ease;
    }
    .search-box input:focus {
      border-color: #c4161c;
      box-shadow: 0 0 0 3px rgba(196,22,28,0.10), 0 0 20px rgba(196,22,28,0.06);
    }

    /* 页脚增强 */
    .footer-links a {
      transition: all 0.3s ease;
      position: relative;
    }
    .footer-links a::after {
      content: '';
      position: absolute;
      bottom: -2px;
      left: 0;
      width: 0;
      height: 1px;
      background: #fff;
      transition: width 0.3s ease;
    }
    .footer-links a:hover::after {
      width: 100%;
    }

    /* 铁哥Tab增强 */
    .tiego-tabs .tab {
      transition: all 0.3s ease;
    }
    .tiego-tabs .tab.active {
      color: #c4161c;
      font-weight: 600;
      background: rgba(196,22,28,0.04);
    }

    /* 专栏内容区域圆点增强 */
    .tab-article .bullet {
      background: #c4161c;
      box-shadow: 0 0 0 3px rgba(196,22,28,0.1);
      transition: all 0.3s ease;
    }
    .tab-article:hover .bullet {
      box-shadow: 0 0 0 5px rgba(196,22,28,0.15);
      transform: scale(1.2);
    }

    /* 侧边栏模块间距微调 */
    .sidebar .module {
      margin-bottom: 20px;
    }

/* ================================================================
   HTML5 响应式布局系统 — Responsive Design System
   ================================================================ */

/* ---------- 基础全局响应式 ---------- */
img, video, iframe, svg {
  max-width: 100%;
  height: auto;
}
table {
  max-width: 100%;
  overflow-x: auto;
  display: block;
}

/* ---------- 大屏优化 (≤1400px) ---------- */
@media (max-width: 1400px) {
  .container {
    padding: 0 20px;
  }
}

/* ---------- 中等屏幕 (≤1200px) ---------- */
@media (max-width: 1200px) {
  .container {
    max-width: 100%;
    padding: 0 18px;
  }

  /* 搜索框收缩 */
  .search-box input {
    width: 260px;
  }

  /* 两排导航允许横向滚动 */
  .nav-row-primary a,
  .nav-row-secondary a {
    padding: 13px 16px;
    font-size: 14px;
  }

  /* 主内容区：左侧flex + 右侧260px */
  .content-right {
    width: 260px;
  }

  /* 右侧边栏模块间距 */
  .sidebar .module {
    margin-bottom: 16px;
  }
}

/* ---------- 平板横屏 (≤1024px) ---------- */
@media (max-width: 1024px) {
  /* 主内容区：堆叠布局 */
  .main-content {
    flex-direction: column;padding: 10px 0 0px 0;
  }
  .content-left {
    flex: unset;
    width: 100%;
  }
  .content-right {
    width: 100%;
    flex-shrink: unset;
  }

  /* 侧边栏改为两列网格 */
  .sidebar {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
  }
  .sidebar .module {
    margin-bottom: 0;
  }
  /* 咨询对接跨两列 */
  .sidebar .module:last-child {
    grid-column: 1 / -1;
  }

  /* 幻灯片区域 */
  .slide-section {
    flex-direction: column;
    gap: 14px;
  }
  .slide-main {
    height: 280px;
  }
  .slide-side {
    flex-direction: row;
    flex-wrap: wrap;
  }
  .slide-side-header {
    width: 100%;
  }
  .slide-side-item {
    flex: 1;
    min-width: 140px;
  }

  /* 视频网格 3→2 */
  .video-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  /* 二维码 3→2 */
  .qr-grid {
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
  }
}

/* ---------- 平板竖屏 (≤900px) ---------- */
@media (max-width: 900px) {
 
 
  .page-num { display: none; }
  .page-num:nth-child(-n+2), 
  .page-num:nth-last-child(-n+2), 
  .page-num-current { display: inline-block; } 
.adad .left{width:100%;margin-bottom: 15px;}
.adad .right{width:100%;}
 
 
 
 
 
  .top-bar .container {
    flex-wrap: wrap;
    gap: 4px 16px;
    line-height: 28px;
    padding: 4px 18px;
    justify-content: space-between;
  }
  .top-bar-left {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0 14px;
  }
  .top-bar-left span {
    margin-right: 0;
  }
  .top-bar-left a {
    margin-right: 0;
  }
  .top-bar-right {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0 12px;
  }
  .top-bar-right a {
    margin-left: 0;
  }

  /* 头部：Logo左 + 菜单按钮右，搜索和热线隐藏 */
  .header {
    padding: 10px 0;
  }
  .header .container {
    flex-wrap: nowrap;
    gap: 12px;
    align-items: center;
  }
  .logo {
    order: 1;
    flex: 1;
  }
  .search-box {
    display: none;
  }
  .hotline {
    display: none;
  }

  /* 移动端：显示菜单按钮，隐藏桌面导航栏 */
  .mobile-menu-btn {
    display: flex;
    order: 2;
    flex-shrink: 0;
  }
  .nav-bar {
    display: none;
  }

  /* 幻灯片 */
  .slide-main {
    height: 240px;
  }
  .slide-info h3 {
    font-size: 18px;
  }

  /* 双列模块堆叠 */
  .two-col {
    flex-direction: column;
    gap: 16px;
  }

  /* 铁路专页 2→1 */
  .rail-grid {
    grid-template-columns: 1fr;
    gap: 12px;
  }

  /* 视频卡片高度微调 */
  .video-card {
    height: 130px;
  }

  /* 侧边栏仍保持两列 */
}

/* ---------- 手机横屏 (≤768px) ---------- */
@media (max-width: 768px) {
  body {
    font-size: 14px;
  }

  /* 顶部栏精简 */
  .top-bar {
    font-size: 12px;
    line-height: 26px;
  }
  .top-bar .container {
    padding: 3px 14px;
    gap: 2px 12px;
  }
  .top-bar-left a:nth-child(3),
  .top-bar-left a:nth-child(4) {
    display: none;
  }
  .top-bar-right {
    font-size: 12px;
  }

  /* Logo缩小 */
  .logo-icon {
    width: 42px;
    height: 42px;
    font-size: 20px;
  }
  .logo-text h1 {
    font-size: 22px;
  }

  /* 侧边栏改为单列 */
  .sidebar {
    grid-template-columns: 1fr;
  }

  /* 幻灯片dots缩小 */
  .slide-dots span {
    width: 9px;
    height: 9px;
  }
  .slide-tag {
    font-size: 11px;
    padding: 4px 12px;
  }

  /* 二维码改2列 */
  .qr-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  /* 智行文旅入口 2→2保持 */
  .entry-grid {
    gap: 8px;
  }

  /* 铁哥专栏 */
  .tiego-banner {
    padding: 18px 16px;
    gap: 12px;
  }
  .tiego-banner-info h3 {
    font-size: 17px;
  }
  .tiego-avatar-wrap {
    width: 50px;
    height: 50px;
    font-size: 22px;
  }
  .tiego-tabs .tab {
    padding: 10px 16px;
    font-size: 13px;
  }

  /* 专栏Tab */
  .column-tabs {
    padding: 10px 12px 0;
    gap: 2px;
  }
  .column-tabs .tab {
    padding: 8px 14px;
    font-size: 12px;
  }

  /* 新闻列表 */
  .news-list li {
    flex-direction: column;
    padding: 10px 0;
    gap: 4px;
  }
  .news-list li .meta {
    margin-left: 0;
    font-size: 11px;
  }

  /* 页脚 */
  .footer-links a {
    margin: 0 10px;
    font-size: 13px;
  }
  .footer-links .container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 6px;
  }
  .footer-bottom {
    font-size: 10px;
  }
  .footer-bottom .container {
    padding: 0 16px;
    line-height: 1.6;
  }

  /* 快讯栏 */
  .flash-label {
    padding: 0 14px;
    font-size: 12px;
  }
  .flash-scroll span {
    font-size: 13px;
    margin-right: 40px;
  }

  /* 模块标题 */
  .module-header {
    padding: 12px 14px;
  }
  .module-title {
    font-size: 15px;
  }
  .module-title .icon {
    width: 26px;
    height: 26px;
  }
  .module-title .icon svg {
    width: 16px;
    height: 16px;
  }
}

/* ---------- 手机竖屏 (≤640px) ---------- */
@media (max-width: 640px) {
  .container {
    padding: 0 12px;
  }

  /* 顶部栏进一步精简 */
  .top-bar {
    font-size: 11px;
    line-height: 24px;
  }
  .top-bar .container {
    padding: 3px 12px;
    gap: 2px 10px;
  }
  .top-bar-left span {
    font-size: 11px;
  }
  .top-bar-left a {
    font-size: 11px;
  }
  .top-bar-right a {
    font-size: 11px;
  }

  /* 幻灯片 */
  .slide-section {
    gap: 10px;
  }
  .slide-main {
    height: 200px;
    border-radius: 10px;
  }
  .slide-info {
    padding: 25px 16px 16px;
  }
  .slide-info h3 {
    font-size: 16px;
    line-height: 1.3;
  }
  .slide-dots {
    bottom: 10px;
    right: 14px;
    gap: 7px;
  }
  .slide-dots span {
    width: 7px;
    height: 7px;
  }
  .slide-tag {
    top: 10px;
    left: 10px;
  }

  /* 右侧早知道 */
  .slide-side {
    border-radius: 10px;
  }
  .slide-side-header {
    font-size: 13px;
    padding: 10px 14px;
  }
  .slide-side-item {
    padding: 12px 14px;
    gap: 8px;
  }
  .slide-side-item p {
    font-size: 13px;
  }

  /* 模块 */
  .module {
    border-radius: 10px;
    margin-bottom: 14px;
  }
  .module-header {
    padding: 10px 12px;
  }
  .module-title {
    font-size: 14px;
    gap: 6px;
  }
  .more-link {
    font-size: 12px;
  }

  /* 新闻列表 */
  .news-list {
    padding: 8px 14px;
  }
  .news-list li a {
    font-size: 13px;
  }

  /* 专栏内容 */
  .column-content {
    padding: 8px 14px;
  }
  .column-article {
    padding: 10px 0;
    gap: 8px;
  }
  .column-article a {
    font-size: 13px;
  }

  /* 视频网格 → 单列 */
  .video-grid {
    grid-template-columns: 1fr;
    gap: 12px;
    padding: 12px;
  }
  .video-card {
    height: 160px;
  }

  /* 铁哥专栏文章 */
  .tiego-article {
    padding: 12px 14px;
    gap: 10px;
  }
  .tiego-art-title {
    font-size: 14px;
  }
  .tiego-art-desc {
    font-size: 12px;
  }
  .tiego-banner {
    padding: 16px 14px;
    gap: 10px;
  }

  /* 铁路专页色块 */
  .rail-grid {
    padding: 12px;
    gap: 10px;
  }
  .rail-block {
    padding: 14px;
  }
  .rail-block h4 {
    font-size: 14px;
    margin-bottom: 10px;
  }
  .rail-block li {
    font-size: 12px;
    padding: 5px 0;
  }

  /* 智行文旅 */
  .entry-grid {
    padding: 12px;
    gap: 6px;
  }
  .entry-card-bg h5 {
    font-size: 12px;
  }
  .entry-card-bg .entry-icon {
    width: 32px;
    height: 32px;
    font-size: 14px;
  }

  /* 热点新闻 */
  .hot-news-list {
    padding: 0 12px 12px;
  }
  .hot-news-item {
    gap: 8px;
  }
  .hot-news-title {
    font-size: 12px;
  }

  /* 二维码 */
  .qr-grid {
    padding: 8px;
    gap: 8px;
  }
  .qr-item span {
    font-size: 11px;
  }

  /* 推荐广告 */
  .ad-slot {
    padding: 12px;
  }
  .ad-card {
    margin-bottom: 10px;
  }
  .ad-card-body h5 {
    font-size: 12px;
  }
  .ad-card-body p {
    font-size: 10px;
  }

  /* 咨询对接 */
  .consult-list {
    padding: 6px 10px;
  }
  .consult-header {
    font-size: 12px;
    padding: 8px 10px;
  }
  .consult-body a {
    font-size: 11px;
  }

  /* 页脚 */
  .footer {
    margin-top: 20px;
  }
  .footer-links {
    padding: 20px 0 16px;
  }
  .footer-links a {
    font-size: 12px;
    margin: 0 8px;
  }
  .footer-bottom {
    padding: 12px 0 14px;
    font-size: 10px;
  }

  /* 快讯栏 */
  .news-flash {
    height: 36px;
  }
  .flash-label {
    padding: 0 10px;
    font-size: 11px;
    letter-spacing: 0;
  }
  .flash-scroll span {
    font-size: 12px;
    margin-right: 30px;
  }
}

/* ---------- 小屏手机 (≤480px) ---------- */
@media (max-width: 480px) {
  body {
    font-size: 13px;
  }

  /* 顶部栏 */
  .top-bar {
    font-size: 10px;
    line-height: 22px;
  }
  .top-bar .container {
    padding: 2px 10px;
    gap: 1px 8px;
  }
  .top-bar-left span { font-size: 10px; }
  .top-bar-left a { font-size: 10px; }
  .top-bar-right a { font-size: 10px; }

  /* 头部 */
  .logo-icon {
    width: 36px;
    height: 36px;
    font-size: 17px;
    border-radius: 8px;
    box-shadow: 0 3px 8px rgba(196,22,28,0.3);
  }
  .logo-text h1 {
    font-size: 20px;
  }
  .logo-text span {
    font-size: 10px;
  }

  /* 搜索框 */
  .search-box input {
    height: 38px;
    font-size: 13px;
  }
  .search-box button {
    height: 38px;
    width: 52px;
    font-size: 16px;
  }

  /* 热线 */
  .hotline {
    font-size: 10px;
    padding: 7px 12px;
    border-radius: 16px;
  }

  /* 幻灯片 */
  .slide-main {
    height: 180px;
  }
  .slide-info h3 {
    font-size: 14px;
  }
  .slide-tag {
    font-size: 10px;
    padding: 3px 10px;
  }

  /* 模块 */
  .module {
    border-radius: 8px;
    margin-bottom: 12px;
    box-shadow: 0 1px 2px rgba(0,0,0,0.03), 0 3px 10px rgba(0,0,0,0.04);
  }
  .module-header {
    padding: 10px 12px;
  }
  .module-header::after {
    height: 1.5px;
  }
  .module-title {
    font-size: 13px;
    gap: 5px;
  }

  /* 新闻列表 */
  .news-list li a {
    font-size: 12px;
    line-height: 1.45;
  }

  /* 专栏Tab */
  .column-tabs .tab {
    padding: 7px 10px;
    font-size: 11px;
  }

  /* 铁哥Tab */
  .tiego-tabs {
    padding: 0 12px;
  }
  .tiego-tabs .tab {
    padding: 8px 12px;
    font-size: 12px;
  }

  /* 视频卡片 */
  .video-card {
    height: 140px;
    border-radius: 8px;
  }
  .video-card .play-btn {
    width: 44px;
    height: 44px;
    font-size: 20px;
    margin-bottom: 8px;
  }
  .video-card h5 {
    font-size: 12px;
  }

  /* 铁路专页色块 */
  .rail-block {
    padding: 12px;
    border-radius: 8px;
  }
  .rail-block h4 {
    font-size: 13px;
  }
  .rail-block li {
    font-size: 11px;
  }

  /* 二维码 */
  .qr-grid {
    padding: 8px;
    gap: 6px;
  }
  .qr-item span {
    font-size: 10px;
  }

  /* 入口网格 */
  .entry-grid {
    padding: 10px;
    gap: 6px;
  }

  /* 页脚链接 */
  .footer-links a {
    font-size: 11px;
    margin: 0 6px;
  }

  /* 快讯 */
  .news-flash {
    height: 32px;
  }
  .flash-label {
    padding: 0 8px;
    font-size: 10px;
  }
  .flash-scroll span {
    font-size: 11px;
    margin-right: 20px;
  }
}

/* ================================================================
   触摸设备增强 — Touch Device Enhancements
   ================================================================ */
@media (hover: none) and (pointer: coarse) {
  /* 增大可点击区域 */
  .nav-row-primary a,
  .nav-row-secondary a {
    padding-top: 14px;
    padding-bottom: 14px;
    min-height: 44px;
    display: flex;
    align-items: center;
  }

  .news-list li {
    min-height: 44px;
  }

  .more-link {
    padding: 8px 4px;
  }

  .column-tabs .tab {
    min-height: 40px;
    display: flex;
    align-items: center;
  }

  .tiego-tabs .tab {
    min-height: 40px;
    display: flex;
    align-items: center;
  }

  .slide-dots span {
    width: 14px;
    height: 14px;
  }

  .consult-header {
    min-height: 42px;
  }

  /* 关闭hover动画（触摸设备无hover） */
  .module:hover {
    transform: none;
    box-shadow: 0 1px 3px rgba(0,0,0,0.04), 0 4px 16px rgba(0,0,0,0.06);
  }
  .module:hover::before {
    background: linear-gradient(135deg, rgba(196,22,28,0.0), rgba(26,42,94,0.0));
  }
  .module:hover .module-title .icon {
    background: linear-gradient(135deg, rgba(26,42,94,0.08) 0%, rgba(26,42,94,0.03) 100%);
    box-shadow: none;
    transform: none;
  }
  .module:hover .module-title .icon svg {
    fill: #1a2a5e;
  }
  .module:hover .module-title.red .icon {
    background: linear-gradient(135deg, rgba(196,22,28,0.08) 0%, rgba(196,22,28,0.03) 100%);
    box-shadow: none;
  }
  .module:hover .module-title.red .icon svg {
    fill: #c4161c;
  }
}

/* ---------- 横屏手机 (高度≤480px) ---------- */
@media (max-height: 480px) and (orientation: landscape) {
  .header {
    padding: 8px 0;
  }
  .slide-main {
    height: 160px;
  }
  .video-card {
    height: 170px;
  }
  .news-flash {
    height: 28px;
  }
  .flash-label {
    padding: 0 8px;
    font-size: 10px;
  }
}

/* ---------- 高分辨率屏 (2x/3x Retina) 字体微调 ---------- */
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
  }
  .module {
    border-width: 0.5px;
  }
}

/* ---------- 打印样式 ---------- */
@media print {
  .nav-bar,
  .news-flash,
  .footer,
  .search-box,
  .hotline,
  .sidebar,
  .slide-dots,
  .top-bar,
  .ad-slot,
  .ad-label {
    display: none !important;
  }
  .main-content {
    flex-direction: column;
  }
  .content-left {
    width: 100%;
  }
  .content-right {
    display: none;
  }
  .module {
    box-shadow: none;
    border: 1px solid #ddd;
    break-inside: avoid;
    margin-bottom: 12px;
  }
  .slide-item {
    position: relative;
    opacity: 1;
  }
  body {
    font-size: 12px;
    color: #000;
    background: #fff;
  }
  a {
    color: #000;
    text-decoration: underline;
  }
}


.inner-preview{display:none;padding:22px 0 30px}
.inner-preview.active{display:block}.inner-back{display:inline-block;margin:0 0 14px;color:#666;font-size:13px}.inner-back:hover{color:#c4161c}.inner-breadcrumb{font-size:13px;color:#888;margin-bottom:14px}.inner-breadcrumb a{color:#666}.inner-breadcrumb a:hover{color:#c4161c}.inner-page-title{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:16px;border-bottom:3px solid #1a2a5e;padding-bottom:10px}.inner-page-title h2{font-size:30px;color:#1a2a5e;font-weight:600;letter-spacing:1px}.inner-page-title span{font-size:13px;color:#999}.inner-layout{display:grid;grid-template-columns:1fr 300px;gap:20px}.inner-side{min-width:0}.inner-section{background:#fff;border-radius:12px;box-shadow:0 1px 3px rgba(0,0,0,.04),0 4px 16px rgba(0,0,0,.06);margin-bottom:20px;overflow:hidden}.inner-section-hd{padding:13px 18px;border-bottom:1px solid #eee;display:flex;justify-content:space-between;align-items:center;position:relative}.inner-section-hd:after{content:'';position:absolute;bottom:0;left:0;width:110px;height:2px;background:#c4161c}.inner-section-hd h3{font-size:17px;color:#1a2a5e;font-weight:600}.inner-section-hd a{font-size:13px;color:#999}.inner-section-hd a:hover{color:#c4161c}.inner-news-lead{display:grid;grid-template-columns:380px 1fr;gap:20px;padding:18px}.inner-lead-img{height:250px;border-radius:12px;background-size:cover;background-position:center;position:relative;overflow:hidden}.inner-lead-img:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 40%,rgba(0,0,0,.72))}.inner-lead-img span{position:absolute;left:16px;top:16px;background:#c4161c;color:#fff;padding:5px 12px;border-radius:4px;font-size:13px;z-index:1}.inner-lead-img h3{position:absolute;left:18px;right:18px;bottom:16px;color:#fff;font-size:22px;line-height:1.35;z-index:1}.inner-headlines h3{font-size:22px;color:#1a2a5e;line-height:1.35;margin-bottom:10px}.inner-headlines p{color:#777;font-size:14px;line-height:1.65;border-bottom:1px dashed #ddd;padding-bottom:14px;margin-bottom:8px}.inner-text-list li{list-style:none;border-bottom:1px solid #f0f0f0;padding:10px 0;display:flex;gap:10px;align-items:flex-start}.inner-text-list li:last-child{border-bottom:0}.inner-text-list li:before{content:'';width:5px;height:5px;background:#c4161c;border-radius:50%;margin-top:10px;flex-shrink:0}.inner-text-list a{font-size:15px;line-height:1.5}.inner-text-list a:hover{color:#c4161c}.inner-meta{margin-left:auto;color:#999;font-size:12px;white-space:nowrap}.inner-card-row{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding:18px}.inner-pic-card{display:block;border:1px solid #edf0f5;border-radius:12px;overflow:hidden;background:#fff;transition:.28s}.inner-pic-card:hover{transform:translateY(-4px);box-shadow:0 8px 22px rgba(0,0,0,.12)}.inner-pic{height:128px;background-size:cover;background-position:center}.inner-pic-card h4{font-size:15px;color:#1a2a5e;line-height:1.45;padding:12px 13px 4px}.inner-pic-card p{font-size:13px;color:#777;line-height:1.55;padding:0 13px 13px}.inner-rank{padding:12px 16px}.inner-rank-item{display:flex;gap:10px;padding:10px 0;border-bottom:1px solid #f0f0f0}.inner-rank-item:last-child{border-bottom:0}.inner-rank-num{width:22px;height:22px;border-radius:6px;background:#eef0f4;color:#1a2a5e;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;flex-shrink:0}.inner-rank-item:nth-child(-n+3) .inner-rank-num{background:#c4161c;color:#fff}.inner-rank-item a{font-size:13px;line-height:1.5}.inner-tags{padding:16px;display:flex;flex-wrap:wrap;gap:10px}.inner-tags a{padding:7px 12px;border-radius:18px;background:#f5f6f8;color:#555;font-size:13px}.inner-tags a:hover{background:#c4161c;color:#fff}.inner-column-layout{display:grid;grid-template-columns:1fr 1fr;gap:20px}.inner-opinion-lead{padding:22px;background:linear-gradient(135deg,#1a2a5e,#2d4a8a);color:#fff}.inner-opinion-lead h3{font-size:24px;line-height:1.35;margin-bottom:10px}.inner-opinion-lead p{color:rgba(255,255,255,.75);font-size:14px}.inner-opinion-list{padding:16px 20px}.inner-opinion-item{display:grid;grid-template-columns:58px 1fr;gap:14px;padding:14px 0;border-bottom:1px solid #eee}.inner-opinion-item:last-child{border-bottom:0}.inner-author{width:58px;height:58px;border-radius:50%;background:linear-gradient(135deg,#c4161c,#e74c3c);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600}.inner-opinion-item h4{font-size:16px;color:#1a2a5e;margin-bottom:4px}.inner-opinion-item p{font-size:13px;color:#777}.inner-topic-hero{display:grid;grid-template-columns:1.2fr .8fr;gap:18px;margin-bottom:20px}.inner-big-topic{min-height:330px;border-radius:14px;background-size:cover;background-position:center;position:relative;overflow:hidden;color:#fff;padding:28px;display:flex;flex-direction:column;justify-content:flex-end;box-shadow:0 8px 26px rgba(0,0,0,.14)}.inner-big-topic:before{content:'';position:absolute;inset:0;background:linear-gradient(transparent 35%,rgba(0,0,0,.78))}.inner-big-topic>*{position:relative;z-index:1}.inner-big-topic h2{font-size:30px;line-height:1.25;margin-bottom:10px}.inner-topic-side{display:grid;gap:14px}.inner-topic-mini{border-radius:12px;background:#fff;padding:20px;border-left:4px solid #c4161c;box-shadow:0 3px 14px rgba(0,0,0,.06)}.inner-topic-mini h4{font-size:18px;color:#1a2a5e;margin-bottom:8px}.inner-topic-mini p{font-size:13px;color:#777}.inner-video-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;padding:18px}.inner-video-card{border-radius:12px;overflow:hidden;background:#fff;border:1px solid #edf0f5;box-shadow:0 2px 10px rgba(0,0,0,.04);transition:.28s}.inner-video-card:hover{transform:translateY(-4px);box-shadow:0 8px 22px rgba(0,0,0,.12)}.inner-video-thumb{height:150px;background-size:cover;background-position:center;position:relative}.inner-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:48px;height:48px;border-radius:50%;background:rgba(196,22,28,.92);color:#fff;display:flex;align-items:center;justify-content:center;font-size:20px;box-shadow:0 4px 16px rgba(0,0,0,.25)}.inner-duration{position:absolute;right:10px;bottom:10px;background:rgba(0,0,0,.68);color:#fff;font-size:12px;padding:2px 7px;border-radius:3px}.inner-video-card h4{font-size:15px;color:#1a2a5e;padding:12px 13px 3px;line-height:1.45}.inner-video-card p{font-size:12px;color:#999;padding:0 13px 13px}.inner-service-hero{background:linear-gradient(135deg,#f9fbff,#fff);border-radius:14px;border:1px solid #e8edf6;padding:28px;margin-bottom:20px;display:grid;grid-template-columns:1fr 320px;gap:24px;align-items:center}.inner-service-hero h2{font-size:30px;color:#1a2a5e;margin-bottom:10px}.inner-service-hero p{color:#777}.inner-service-box{background:linear-gradient(135deg,#c4161c,#a81017);border-radius:12px;padding:20px;color:#fff}.inner-service-box h3{font-size:20px;margin-bottom:8px}.inner-service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;padding:18px}.inner-service-item{display:block;padding:20px 16px;border-radius:12px;background:#fafbfc;border:1px solid #edf0f5;text-align:center;transition:.25s}.inner-service-item:hover{background:rgba(196,22,28,.05);border-color:rgba(196,22,28,.25);transform:translateY(-3px)}.inner-service-icon{width:46px;height:46px;border-radius:14px;background:linear-gradient(135deg,#1a2a5e,#2d4a8a);color:#fff;display:flex;align-items:center;justify-content:center;margin:0 auto 10px;font-size:22px}.inner-service-item h4{font-size:15px;color:#1a2a5e}.inner-official-hero{border-radius:14px;overflow:hidden;background:linear-gradient(135deg,#1a2a5e,#13214d);color:#fff;margin-bottom:20px;position:relative}.inner-official-hero:after{content:'';position:absolute;right:-80px;top:-80px;width:280px;height:280px;background:radial-gradient(circle,rgba(196,22,28,.45),transparent 68%);border-radius:50%}.inner-official-content{position:relative;z-index:1;padding:44px}.inner-official-content h2{font-size:34px;margin-bottom:10px}.inner-official-content p{max-width:720px;color:rgba(255,255,255,.78)}.inner-official-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.inner-official-card{background:#fff;border-radius:12px;padding:24px;box-shadow:0 1px 3px rgba(0,0,0,.04),0 4px 16px rgba(0,0,0,.06);border-top:4px solid #c4161c}.inner-official-card h3{font-size:18px;color:#1a2a5e;margin-bottom:8px}.inner-official-card p{font-size:13px;color:#777}.inner-timeline{padding:18px 22px}.inner-time-item{display:grid;grid-template-columns:92px 1fr;gap:16px;padding:16px 0;border-bottom:1px solid #eee}.inner-time-item:last-child{border-bottom:0}.inner-year{font-size:20px;color:#c4161c;font-weight:600}.inner-time-item h4{font-size:16px;color:#1a2a5e;margin-bottom:4px}.inner-time-item p{font-size:13px;color:#777}.inner-magazine{display:grid;grid-template-columns:1fr 1fr 1fr;gap:18px;padding:18px}.inner-mag-card{background:#fff;border-radius:12px;overflow:hidden;border:1px solid #edf0f5}.inner-mag-card:first-child{grid-column:span 2}.inner-mag-img{height:190px;background-size:cover;background-position:center}.inner-mag-card:first-child .inner-mag-img{height:260px}.inner-mag-card h3{font-size:18px;color:#1a2a5e;padding:14px 16px 4px}.inner-mag-card p{font-size:13px;color:#777;padding:0 16px 16px}.inner-stock-list{padding:16px 18px}.inner-stock-row{display:grid;grid-template-columns:110px 1fr 88px;gap:16px;align-items:center;padding:13px 0;border-bottom:1px solid #eee}.inner-stock-row:last-child{border-bottom:0}.inner-stock-tag{background:#f5f6f8;border-left:3px solid #c4161c;padding:6px 9px;color:#1a2a5e;font-weight:600;font-size:13px}.inner-stock-row h4{font-size:15px;color:#333}.inner-stock-row span{font-size:12px;color:#999;text-align:right}@media(max-width:1100px){.inner-layout,.inner-service-hero{grid-template-columns:1fr}.inner-side{display:none}.inner-news-lead{grid-template-columns:1fr}.inner-card-row,.inner-video-grid,.inner-service-grid,.inner-official-grid,.inner-magazine{grid-template-columns:1fr 1fr}.inner-topic-hero{grid-template-columns:1fr}}@media(max-width:700px){.inner-card-row,.inner-video-grid,.inner-service-grid,.inner-official-grid,.inner-column-layout,.inner-magazine{grid-template-columns:1fr}.inner-mag-card:first-child{grid-column:auto}.inner-page-title{display:block}.inner-page-title h2{font-size:26px}.inner-stock-row{grid-template-columns:1fr}.inner-stock-row span{text-align:left}.inner-lead-img{height:210px}}

/* QA polish: prevent overflow, improve modern news layout details */
html{scroll-behavior:smooth}body{overflow-x:hidden}.container{min-width:0}.nav-row-primary .container,.nav-row-secondary .container{overflow-x:auto;scrollbar-width:thin;scrollbar-color:rgba(196,22,28,.45) transparent}.nav-row-primary .container::-webkit-scrollbar,.nav-row-secondary .container::-webkit-scrollbar{height:4px}.nav-row-primary .container::-webkit-scrollbar-thumb,.nav-row-secondary .container::-webkit-scrollbar-thumb{background:rgba(196,22,28,.45);border-radius:4px}.nav-row-primary a,.nav-row-secondary a{flex:0 0 auto}.module,.inner-section{contain:layout paint}.main-content,.inner-layout,.inner-column-layout,.inner-topic-hero,.inner-service-hero{min-width:0}.content-left,.inner-layout main,.inner-side{min-width:0}.news-list li a,.inner-text-list a,.inner-rank-item a,.rank-item a{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.inner-lead-img h3,.inner-headlines h3,.inner-pic-card h4,.inner-video-card h4,.inner-mag-card h3,.inner-opinion-item h4,.inner-stock-row h4{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.inner-lead-img h3{ -webkit-line-clamp:2}.inner-headlines h3,.inner-pic-card h4,.inner-video-card h4,.inner-mag-card h3,.inner-opinion-item h4,.inner-stock-row h4{ -webkit-line-clamp:2}.inner-card-row,.inner-video-grid,.inner-service-grid,.inner-official-grid,.inner-magazine,.feature-grid,.topic-strip{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));align-items:stretch}.inner-pic-card,.inner-video-card,.inner-mag-card,.inner-service-item,.inner-official-card,.feature-card{height:100%}.inner-pic,.inner-video-thumb,.inner-mag-img,.feature-img{background-color:#dfe4ec}.inner-news-lead,.inner-topic-hero,.inner-service-hero{align-items:stretch}.inner-headlines{min-width:0}.inner-service-box{box-shadow:0 8px 22px rgba(196,22,28,.18)}.inner-official-card,.inner-topic-mini,.inner-service-item,.inner-pic-card,.inner-video-card,.inner-mag-card{position:relative;overflow:hidden}.inner-official-card:after,.inner-topic-mini:after,.inner-service-item:after{content:'';position:absolute;right:-30px;bottom:-30px;width:90px;height:90px;border-radius:50%;background:rgba(196,22,28,.06);pointer-events:none}.inner-meta,.meta{flex-shrink:0}.inner-stock-row{min-width:0}.inner-stock-tag{white-space:nowrap}.inner-page-title h2,.inner-hero h2,.inner-official-content h2,.inner-service-hero h2{word-break:keep-all}.inner-preview a:focus-visible,.nav-row-primary a:focus-visible,.nav-row-secondary a:focus-visible{outline:2px solid rgba(196,22,28,.45);outline-offset:2px;border-radius:4px}@media(max-width:1200px){.nav-row-primary,.nav-row-secondary{justify-content:flex-start}.nav-row-primary a,.nav-row-secondary a{padding-left:18px;padding-right:18px}.inner-layout{grid-template-columns:minmax(0,1fr) 280px}.inner-card-row,.inner-video-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:900px){.inner-layout,.inner-news-lead,.inner-topic-hero,.inner-service-hero,.inner-column-layout{grid-template-columns:1fr}.inner-side{display:block}.content-right{display:none}.inner-lead-img{height:240px}.inner-card-row,.inner-video-grid,.inner-service-grid,.inner-official-grid,.inner-magazine,.feature-grid,.topic-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.inner-mag-card:first-child{grid-column:auto}.header .container{gap:14px}.search-box input{width:100%;min-width:0}}@media(max-width:640px){.inner-card-row,.inner-video-grid,.inner-service-grid,.inner-official-grid,.inner-magazine,.feature-grid,.topic-strip{grid-template-columns:1fr}.inner-page-title{gap:8px}.inner-page-title h2{font-size:24px}.inner-lead-img{height:210px}.inner-headlines h3{font-size:19px}.inner-official-content,.inner-service-hero{padding:24px}.inner-stock-row{grid-template-columns:1fr;gap:8px}.inner-stock-row span{text-align:left}.news-list li,.inner-text-list li{align-items:flex-start}.meta,.inner-meta{font-size:11px}}

/* QA fix 2026-06-02: two-column news list overflow */
.inner-column-layout{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:20px;align-items:start}.inner-column-layout>.inner-section{min-width:0;width:100%}.inner-section,.inner-section-hd,.inner-section-hd h3{min-width:0}.inner-text-list{min-width:0;padding:10px 18px}.inner-text-list li{min-width:0;width:100%;display:grid!important;grid-template-columns:minmax(0,1fr) auto;column-gap:12px;align-items:start}.inner-text-list li:before{display:none!important}.inner-text-list a{min-width:0;max-width:100%;display:-webkit-box!important;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;line-height:1.55;word-break:break-word}.inner-text-list .inner-meta{min-width:42px;margin-left:0!important;text-align:right;white-space:nowrap;line-height:1.55}.inner-headlines .inner-text-list{padding:0}.inner-headlines .inner-text-list li{padding:9px 0}.inner-layout main{min-width:0;overflow:hidden}.inner-layout{grid-template-columns:minmax(0,1fr) 300px}.inner-side{min-width:0}.inner-rank-item{min-width:0}.inner-rank-item a{min-width:0;word-break:break-word}.inner-stock-row{grid-template-columns:100px minmax(0,1fr) 68px!important}.inner-stock-row h4{min-width:0}.news-list li{min-width:0}.news-list li a{min-width:0;word-break:break-word}.news-list li .meta{flex-shrink:0}@media(max-width:980px){.inner-column-layout{grid-template-columns:1fr!important}.inner-layout{grid-template-columns:1fr!important}.inner-side{display:block}.inner-stock-row{grid-template-columns:1fr!important}.inner-stock-row span{text-align:left!important}}@media(max-width:640px){.inner-text-list li{grid-template-columns:minmax(0,1fr);row-gap:4px}.inner-text-list .inner-meta{text-align:left}.inner-text-list a{-webkit-line-clamp:3}.inner-headlines .inner-text-list li{padding:8px 0}}


.detail-preview{padding:22px 0 34px}
.detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:22px}
.detail-article{background:#fff;border-radius:12px;box-shadow:0 1px 3px rgba(0,0,0,.04),0 4px 16px rgba(0,0,0,.06);padding:36px 44px;min-width:0}.detail-channel{display:inline-block;background:rgba(196,22,28,.08);color:#c4161c;border:1px solid rgba(196,22,28,.18);padding:5px 12px;border-radius:16px;font-size:13px;margin-bottom:14px}.detail-title{font-size:32px;line-height:1.35;color:#1a2a5e;font-weight:600;margin-bottom:14px;word-break:break-word}.detail-meta{display:flex;flex-wrap:wrap;gap:14px;color:#999;font-size:13px;border-bottom:1px solid #eee;padding-bottom:18px;margin-bottom:24px}.detail-cover{height:330px;border-radius:12px;background-size:cover;background-position:center;margin-bottom:24px;position:relative;overflow:hidden}.detail-cover:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 55%,rgba(0,0,0,.36))}.detail-summary{background:#f7f8fb;border-left:4px solid #c4161c;padding:16px 18px;border-radius:0 10px 10px 0;color:#555;line-height:1.8;margin-bottom:24px}.detail-content p{font-size:16px;line-height:2;color:#333;margin-bottom:18px;text-align:justify}.detail-content h3{font-size:21px;color:#1a2a5e;margin:28px 0 12px;padding-left:12px;border-left:4px solid #c4161c}.detail-quote{margin:24px 0;padding:20px 24px;border-radius:12px;background:linear-gradient(135deg,#1a2a5e,#2d4a8a);color:#fff}.detail-quote p{color:rgba(255,255,255,.88);margin:0;font-size:15px;line-height:1.8}.detail-tags{display:flex;flex-wrap:wrap;gap:10px;border-top:1px solid #eee;margin-top:28px;padding-top:20px}.detail-tags span{padding:6px 12px;border-radius:16px;background:#f5f6f8;color:#666;font-size:13px}.detail-nav{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:24px}.detail-nav a{display:block;background:#f8f9fb;border:1px solid #edf0f5;border-radius:10px;padding:14px;color:#555;font-size:14px;line-height:1.5}.detail-nav a:hover{color:#c4161c;border-color:rgba(196,22,28,.24);background:rgba(196,22,28,.04)}.detail-side-card{background:#fff;border-radius:12px;box-shadow:0 1px 3px rgba(0,0,0,.04),0 4px 16px rgba(0,0,0,.06);margin-bottom:20px;overflow:hidden}.detail-side-hd{padding:13px 16px;border-bottom:1px solid #eee;position:relative}.detail-side-hd:after{content:'';position:absolute;bottom:0;left:0;width:90px;height:2px;background:#c4161c}.detail-side-hd h3{font-size:17px;color:#1a2a5e}.detail-related{padding:10px 16px}.detail-related a{display:block;padding:11px 0;border-bottom:1px solid #f0f0f0;font-size:13px;line-height:1.55;color:#444}.detail-related a:last-child{border-bottom:0}.detail-related a:hover{color:#c4161c}.detail-author{padding:18px;text-align:center}.detail-avatar{width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,#c4161c,#e74c3c);color:#fff;display:flex;align-items:center;justify-content:center;margin:0 auto 10px;font-weight:600;font-size:20px}.detail-author h4{color:#1a2a5e;font-size:16px;margin-bottom:4px}.detail-author p{font-size:13px;color:#777;line-height:1.6}.detail-special-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:22px 0}.detail-special-card{border:1px solid #edf0f5;border-radius:10px;padding:16px;background:#fafbfc}.detail-special-card h4{font-size:15px;color:#1a2a5e;margin-bottom:6px}.detail-special-card p{font-size:13px;color:#777;line-height:1.55}@media(max-width:980px){.detail-layout{grid-template-columns:1fr}.detail-cover{height:260px}.detail-special-grid{grid-template-columns:1fr 1fr}}@media(max-width:640px){.detail-article{padding:26px 20px}.detail-title{font-size:24px}.detail-cover{height:210px}.detail-nav,.detail-special-grid{grid-template-columns:1fr}.detail-content p{font-size:15px;line-height:1.9}}

/* Railway video category layout */
.inner-video-channel{background:#fff;border-radius:12px;box-shadow:0 1px 3px rgba(0,0,0,.04),0 4px 16px rgba(0,0,0,.06);overflow:hidden;margin-bottom:20px}.inner-video-hero{display:grid;grid-template-columns:1.35fr .65fr;gap:0;background:#101a38;color:#fff}.inner-video-main{min-height:360px;background-size:cover;background-position:center;position:relative;padding:28px;display:flex;flex-direction:column;justify-content:flex-end}.inner-video-main:before{content:'';position:absolute;inset:0;background:linear-gradient(transparent 28%,rgba(0,0,0,.82))}.inner-video-main>*{position:relative;z-index:1}
.inner-video-main .inner-play{left:0px;top:-10px;transform:none;width:58px;height:58px}
.inner-video-main h2{font-size:28px;line-height:1.35;margin-bottom:8px}.inner-video-main p{color:rgba(255,255,255,.78);font-size:14px}.inner-video-side-list{padding:18px;background:linear-gradient(180deg,#1a2a5e,#111b3b)}.inner-video-side-list h3{font-size:17px;margin-bottom:12px}.inner-video-side-item{display:grid;grid-template-columns:96px 1fr;gap:10px;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.1);cursor:pointer}.inner-video-side-item:last-child{border-bottom:0}.inner-video-side-thumb{height:58px;border-radius:8px;background-size:cover;background-position:center;position:relative;overflow:hidden}.inner-video-side-thumb:after{content:'▶';position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:13px;background:rgba(196,22,28,.9);width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center}.inner-video-side-item h4{font-size:13px;line-height:1.45;color:#fff;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.inner-video-side-item span{font-size:12px;color:rgba(255,255,255,.55)}.inner-video-cats{display:flex;align-items:center;gap:10px;padding:14px 18px;background:#fafbfc;border-bottom:1px solid #edf0f5;overflow-x:auto}.inner-video-cat{flex:0 0 auto;padding:9px 18px;border-radius:20px;border:1px solid #dfe3ea;background:#fff;color:#555;font-size:14px;cursor:pointer;transition:.25s}.inner-video-cat:hover{color:#c4161c;border-color:rgba(196,22,28,.32)}.inner-video-cat.active{background:linear-gradient(135deg,#c4161c,#a81017);color:#fff;border-color:#c4161c;box-shadow:0 4px 12px rgba(196,22,28,.22)}.inner-video-panel{display:none}.inner-video-panel.active{display:block}.inner-video-panel-title{padding:18px 18px 0;display:flex;justify-content:space-between;align-items:flex-end}.inner-video-panel-title h3{font-size:20px;color:#1a2a5e}.inner-video-panel-title p{font-size:13px;color:#999}.inner-video-grid.compact{grid-template-columns:repeat(4,minmax(0,1fr))}.inner-video-grid.compact .inner-video-thumb{height:132px}.inner-video-card.featured{grid-column:span 2}.inner-video-card.featured .inner-video-thumb{height:300px}.inner-video-card.featured h4{font-size:18px}.inner-video-meta-row{display:flex;gap:12px;color:#999;font-size:12px;padding:0 13px 13px}.inner-video-rank{padding:14px 18px}.inner-video-rank-row{display:grid;grid-template-columns:34px minmax(0,1fr) 60px;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid #eee}.inner-video-rank-row:last-child{border-bottom:0}.inner-video-rank-row em{font-style:normal;width:26px;height:26px;border-radius:8px;background:#eef0f4;color:#1a2a5e;display:flex;align-items:center;justify-content:center;font-weight:600}.inner-video-rank-row:nth-child(-n+3) em{background:#c4161c;color:#fff}.inner-video-rank-row a{font-size:14px;line-height:1.45;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.inner-video-rank-row span{font-size:12px;color:#999;text-align:right}@media(max-width:1050px){.inner-video-hero{grid-template-columns:1fr}.inner-video-grid.compact{grid-template-columns:repeat(2,minmax(0,1fr))}.inner-video-card.featured{grid-column:auto}.inner-video-card.featured .inner-video-thumb{height:180px}}@media(max-width:640px){.inner-video-main{min-height:260px;padding:22px}.inner-video-main h2{font-size:22px}.inner-video-side-item{grid-template-columns:82px 1fr}.inner-video-grid.compact{grid-template-columns:1fr}.inner-video-rank-row{grid-template-columns:30px minmax(0,1fr)}}


.container .mySwiper .transition-all img{object-fit: cover;}    
.object-cover {object-fit: cover;}
.w-full {width: 100%;}  
.h-full {height: 100%;} 
.ease-out {transition-timing-function: cubic-bezier(0, 0, 0.2, 1);}  
.transition-transform {transition-property: transform;transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);transition-duration: 150ms;}  
.to-transparent {--tw-gradient-to: transparent var(--tw-gradient-to-position);}  
.via-black\/40 {--tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), rgb(0 0 0 / 0.4) var(--tw-gradient-via-position), var(--tw-gradient-to);}  
.bg-gradient-to-t {background-image: linear-gradient(to top, var(--tw-gradient-stops));} 
.items-end {align-items: flex-end;}  
.flex {display: flex;}   
.inset-0 {inset: 0px;}
.absolute {position: absolute;}
.swiperindex {clear: both;display: block;width: 100%;height: 450px;border-radius: 13px;margin-top: 20px;}   
.md\:p-10 {padding: 2.5rem;}  
.swiperindex .swiper-button-next, .swiperindex .swiper-button-prev {background-color: rgb(255 255 255 / 0.3);width: 3em;height: 3em;border-radius: 50%;}   
.swiperindex .swiper-button-next:after, .swiperindex .swiper-button-prev:after{font-size: 1.25rem;line-height: 1.75rem;font-weight: BOLD;color: #fff;}
.lg\:text-5xl {font-size:2rem;line-height: 1;color:#fff;}   
.animate-banner-text-delay-300 {animation: bannerText 0.8s ease-out forwards 0.5s;}  
.lg\:text-lg {font-size: 1.125rem;line-height: 1.75rem;color:#fff;margin-top:20px;}
.md\:mt-8 {margin-top: 2rem;} 
.text-white {--tw-text-opacity: 1;color: rgb(255 255 255 / var(--tw-text-opacity, 1));}  
.duration-300 {transition-duration: 300ms;} 
.font-medium {font-weight: 500;}   
.px-8 {padding-left: 2rem;padding-right: 2rem;}
.py-3 {padding-top: 0.75rem;padding-bottom: 0.75rem;}
.bg-gradient-to-r{background:#b91c1c;border-radius: 30px;}
.bg-gradient-to-r:hover{color:#fff;opacity: 0.9;}  
.swiperindex .swiper-pagination-clickable .swiper-pagination-bullet {cursor: pointer;width: 1rem;height: 1rem;background-color: #fff;opacity: 0.5;}
.swiperindex .swiper-pagination-clickable .swiper-pagination-bullet.swiper-pagination-bullet-active{opacity:1;}
.shadow-xl {--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);}
.swiperindex .swiper-slide .p-6{background: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.6));}

@media screen and (max-width: 768px) {
.swiperindex .lg\:text-lg{font-size: 0.875rem;line-height: 1.25rem;}
.lg\:text-5xl{font-size: 1.5rem;line-height: 2.25rem;}
.swiperindex{height:400px;}
.swiperindex .swiper-slide .p-6 {padding-bottom: 5em;}
}

/* ===== 高铁文旅早知道 深色模块 ===== */
.gtwl-module {
  flex: 60;
  margin-bottom: 0;
  background: linear-gradient(180deg, #1a2a5e 0%, #162550 100%);
  border-radius: 14px;
  overflow: hidden;
  box-shadow: 0 6px 24px rgba(0,0,0,0.18);
  min-width: 0;
}
.gtwl-header {
  background: linear-gradient(135deg, #c4161c 0%, #a81017 100%);
  color: #fff;
  padding: 12px 18px;
  font-size: 14px;
  font-weight: 600;
  display: flex;
  align-items: center;
  gap: 8px;
}
.gtwl-header .gtwl-icon {
  width: 18px;
  height: 18px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.gtwl-header .gtwl-icon svg {
  width: 18px;
  height: 18px;
  fill: #fff;
}
.gtwl-list {
  padding: 6px 18px 14px;
  min-height: 248px;
}
.gtwl-list a { text-decoration: none; display: block; }
.gtwl-item {
  display: flex;
  gap: 12px;
  align-items: flex-start;
  padding: 12px 0;
  border-bottom: 1px solid rgba(255,255,255,0.08);
}
.gtwl-list a:last-child .gtwl-item { border-bottom: none; }
.gtwl-item:hover .gtwl-title { color: #ffd76e; }
.gtwl-index {
  width: 22px;
  height: 22px;
  background: #c4161c;
  color: #fff;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  font-weight: 600;
  flex-shrink: 0;
  margin-top: 2px;
}
.gtwl-title {
  font-size: 13px;
  color: #fff;
  line-height: 1.5;
  transition: color .2s;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
@media (max-width: 768px) {
  .gtwl-module { flex: 1 1 100%; }
}


/* ===== 铁哥专栏：两张图与“三张图”同宽 + 右侧三模块等高对齐 ===== */

/* 1) 两个图片放大：两张平铺，各占一半行宽（更饱满美观） */
.sidebar-tiege .qr-grid-2 {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-content: center;
  gap: 14px;
}
.sidebar-tiege .qr-grid-2 .qr-item {
  flex: 0 0 calc((100% - 14px) / 2);
  max-width: calc((100% - 14px) / 2);
}
.sidebar-tiege .qr-grid-2 .qr-item img {
  width: 100%;
  height: auto;
  aspect-ratio: 1 / 1;
}
.sidebar-tiege .qr-grid-2 .qr-item span {
  font-size: 13px;
}

/* 2) 仅在侧栏并排布局（>1024px）下：三个模块等高均分列高，
      间距保持站内标准 20px，使整列与左侧“铁路视频”模块等高
      （窄屏时站内会切换为堆叠/网格布局，此处不干预） */
@media (min-width: 1025px) {
  .content-right.sidebar-tiege {
    display: flex;
    flex-direction: column;
    gap: 20px;
    box-sizing: border-box;
    padding-bottom: 20px; /* 抵消左侧模块自身 20px 下外边距，做到底边精确对齐 */
  }
  .sidebar-tiege > .module {
    flex: 1 1 0;             /* 三个模块等分可用高度 */
    display: flex;
    flex-direction: column;
    margin-bottom: 0;
  }
  .sidebar-tiege > .module > .module-header {
    flex: 0 0 auto;
  }
  .sidebar-tiege > .module > .qr-grid {
    flex: 1 1 auto;
    align-content: center;   /* 内容在模块内垂直居中 */
  }
}


/* ===== “更多精彩视频”“更多新闻资讯”：文字在图片下方居中 ===== */
/* 这两个模块结构为 <div class="qr-item"><a><img><span></a></div>，
   文字随 <a>（图片宽）左对齐，这里改为纵向居中排列 */
.sidebar-tiege .qr-item > a {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  text-align: center;
  gap: 6px;             /* 图片与文字的间距 */
}
.sidebar-tiege .qr-item > a > span {
  display: block;
  width: 100%;
  text-align: center;
}


/* ===== 右侧栏卡片与左列等高对齐（桌面端） ===== */
@media (min-width: 1025px) {
  /* 左列：末卡片拉伸填满列高（与右列口径一致），两列底边精确对齐 */
  .content-left {
    display: flex;
    flex-direction: column;
  }
  .content-left > :last-child {
    flex: 1 1 auto;
    margin-bottom: 20px;
  }
  .content-right:not(.sidebar-tiege) {
    display: flex;
    flex-direction: column;
    gap: 20px;
    box-sizing: border-box;
    padding-bottom: 20px;
  }
  /* 卡片拉伸填满整列 */
  .content-right:not(.sidebar-tiege) > .module {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    margin-bottom: 0;
  }
  .content-right:not(.sidebar-tiege) > .module > .module-header {
    flex: 0 0 auto;
  }
  /* 卡片内容区填满剩余高度 */
  .content-right:not(.sidebar-tiege) > .module > *:not(.module-header) {
    flex: 1 1 auto;
  }
  /* 链接列表类内容垂直居中，避免底部大片空白 */
  .content-right:not(.sidebar-tiege) > .module > .hot-news-list {
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
}