/* ================= 移动端响应式 (<= 1024px) ================= */
@media screen and (max-width: 1024px) {

  /* ---------- 基础重置 ---------- */
  .mobile-overlay,
  .mobile-menu-drawer {
    display: block;
  }

  .site {
    width: 100% !important;
    overflow-x: hidden !important;
  }

  /* 隐藏 PC 端特有的装饰背景和线条 */
  .about-bg,
  .agenda-strip,
  .agenda-strip2,
  .footer-bg,
  .footer-deco {
    display: none !important;
  }

  /* ---------- 顶部导航 ---------- */
  .site-header {
    width: 100% !important;
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    transform: none !important;
    height: 14vw !important;
    padding: 0 4vw !important;
    background: #fff !important;
    z-index: 1000 !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05) !important;
  }

  .header-inner {
    width: 100% !important;
    height: 100% !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
  }

  .header-logo {
    position: relative !important;
    left: 0 !important;
    top: 0 !important;
    width: 30vw !important;
    height: auto !important;
  }

  .header-logo img {
    width: auto !important;
    height: 100% !important;
  }

  .nav-links,
  .header-en,
  .header-cta {
    display: none !important;
  }

  .nav-toggle {
    display: block !important;
    width: 8vw !important;
    height: 8vw !important;
    color: var(--ink) !important;
    padding: 0 !important;
  }

  .nav-toggle svg {
    width: 100% !important;
    height: 100% !important;
  }

  /* ---------- 首屏 Hero ---------- */
  .hero {
    width: 100% !important;
    height: 50vh !important;
    min-height: 60vw !important;
  }

  .hero-slider,
  .hero-slide,
  .hero-bg {
    width: 100% !important;
    height: 100% !important;
    top: 0 !important;
    left: 0 !important;
  }

  .hero-bg {
    object-fit: cover !important;
  }

  .hero-caption {
    width: 100% !important;
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    padding: 20vw 6vw 10vw !important;
    text-align: center !important;
    z-index: 2;
  }

  .hero-title-en {
    font-size: 4vw !important;
    text-align: center !important;
    line-height: 1.2;
  }

  .hero-title {
    font-size: 6vw !important;
    margin-top: 2vw !important;
    text-align: center !important;
    line-height: 1.2 !important;
  }

  .hero-sub {
    font-size: 3vw !important;
    margin-top: 2vw !important;
    text-align: center !important;
    letter-spacing: 0.1em !important;
    line-height: 1.2;
  }

  .hero-meta {
    margin-top: 4vw !important;
    font-size: 3.5vw !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 3vw !important;
  }

  .hero-date,
  .hero-place {
    justify-content: center !important;
    margin: 0 !important;
  }

  .hero-date img {
    width: 20px;
  }

  .hero-place img {
    width: 15px;
  }

  .meta-ic {
    width: 5vw !important;
    height: 5vw !important;
    margin-right: 2vw !important;
  }

  .hero-btns {
    margin-top: 4vw !important;
    /* flex-direction: column !important; */
    align-items: center !important;
    gap: 4vw !important;
    justify-content: center;
  }

  .hero-btn {
    width: 30vw !important;
    height: 9vw !important;
    font-size: 4vw !important;
    border-radius: 6vw !important;
  }

  .hero-arrow {
    display: none !important;
  }

  .hero-dots {
    bottom: 10px;
  }

  .hero-dots .dot {
    width: 30px;
    height: 30px;
  }

  .hero-dots .dot svg {
    width: 30px;
    height: 30px;
  }

  .hero-dots .dot svg .track,
  .hero-dots .dot svg .progress {
    cx: 15px;
    cy: 15px;
    r: 14px;
  }

  .hero-dots .dot::after,
  .hero-dots .dot.active::after {
    width: 8px;
    height: 8px;
  }

  .hero-slide::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0) 100%);
  }

  /* ---------- 通用区块标题 ---------- */
  .about,
  .axes,
  .news,
  .talks,
  .highlights,
  .speakers,
  .agenda,
  .tracks,
  .venue {
    width: 100% !important;
    height: auto !important;
    padding: 30px 15px 0 !important;
    position: relative !important;
    margin-top: 0 !important;
    overflow: hidden !important;
  }

  .axes-head,
  .news-head,
  .talks-head,
  .hl-head,
  .sp-head,
  .agenda-head,
  .tr-head {
    width: 100% !important;
    position: relative !important;
    left: 0 !important;
    top: 0 !important;
    transform: none !important;
    padding-top: 0 !important;
    margin-bottom: 5vw !important;
    text-align: center !important;
  }

  .axes-en-bg,
  .news-en,
  .hl-en,
  .sp-en,
  .agenda-en,
  .tr-en {
    position: relative !important;
    left: 0 !important;
    transform: none !important;
    font-size: 7vw !important;
    white-space: normal !important;
    margin-top: 0 !important;
    margin-bottom: -2vw !important;
    letter-spacing: 0;
    line-height: 1;
  }

  .axes-cn,
  .news-cn,
  .hl-cn,
  .sp-cn,
  .agenda-cn,
  .tr-cn {
    font-size: 7vw !important;
    line-height: 1.2;
  }

  .axes-sub,
  .news-sub,
  .hl-sub,
  .sp-sub,
  .agenda-sub,
  .tr-sub {
    font-size: 3.5vw !important;
    margin-top: 2vw !important;
    line-height: 1;
  }

  /* ---------- 关于论坛 ---------- */
  .about-inner {
    width: 100% !important;
    position: relative !important;
    left: 0 !important;
    top: 0 !important;
    padding: 0 !important;
  }

  .about-tag {
    font-size: 5vw !important;
    gap: 3vw !important;
    line-height: 1.2;
  }

  .about-tag .sq {
    width: 3vw !important;
    height: 3vw !important;
  }

  .about-title {
    font-size: 7vw !important;
    margin-top: 2vw !important;
    line-height: 1.2;
  }

  .about-en-line-wrapper {
    max-width: 100% !important;
    margin-top: 0 !important;
    line-height: 1;
  }

  .about-en {
    font-size: 4vw !important;
    white-space: normal !important;
  }

  .about-line {
    display: none !important;
  }

  .about-text {
    width: 100% !important;
    font-size: 4vw !important;
    margin-top: 0vw !important;
    line-height: 1.6 !important;
    white-space: normal;
  }

  .about-text p {
    margin-bottom: 0;
    margin-top: 20px;
  }

  /* ---------- 三大平衡轴 ---------- */
  .axes-cards {
    width: 100% !important;
    position: relative !important;
    left: 0 !important;
    top: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 4vw !important;
  }

  .axis-card {
    width: 100% !important;
    height: auto !important;
    border-radius: 3vw !important;
    padding: 3vw !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    /* 给点底色区分 */
  }

  .axis-photo {
    display: none !important;
    /* 隐藏大背景图，保持移动端卡片干净 */
  }

  .axis-icon,
  .axis-card:nth-child(2) .axis-icon,
  .axis-card:nth-child(3) .axis-icon {
    position: static !important;
    width: 12vw !important;
    height: 12vw !important;
    margin-bottom: 4vw !important;
    object-fit: contain !important;
  }

  .axis-name,
  .axis-card:nth-child(2) .axis-name,
  .axis-card:nth-child(3) .axis-name {
    position: static !important;
    font-size: 5vw !important;
    font-weight: 600 !important;
    margin-bottom: 2vw !important;
    padding: 0 !important;
    line-height: 1.5;
  }

  .axis-desc,
  .axis-card:nth-child(2) .axis-desc,
  .axis-card:nth-child(3) .axis-desc {
    position: static !important;
    width: 100% !important;
    font-size: 3.5vw !important;
    padding: 0 !important;
    line-height: 1.6 !important;
  }

  /* ---------- 活动资讯 ---------- */
  .news-left {
    width: 100% !important;
    position: relative !important;
    left: 0 !important;
    top: 0 !important;
  }

  .report-head {
    width: 100% !important;
    position: relative !important;
    height: auto !important;
    margin-bottom: 4vw !important;
  }

  .report-cn {
    font-size: 6vw !important;
    line-height: 1.2;
  }

  .report-en {
    font-size: 4vw !important;
    line-height: 1;
  }

  .report-line {
    display: none !important;
  }

  .news-cards {
    width: 100% !important;
    margin-top: 4vw !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 4vw !important;
  }

  .news-card {
    width: 100%;
  }

  .news-card a {
    width: 100% !important;
    display: flex !important;
    flex-direction: row !important;
    gap: 4vw !important;
    align-items: center !important;
  }

  .news-photo {
    width: 30vw !important;
    height: 22vw !important;
    flex-shrink: 0 !important;
    border-radius: 1vw !important;
    overflow: hidden !important;
  }

  .news-photo img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
  }

  .news-card-title {
    font-size: 4vw !important;
    font-weight: 500 !important;
    line-height: 1.5 !important;
    margin-top: 0 !important;
    flex: 1 !important;
  }

  .news-ctrl,
  .news-more {
    /* display: none !important; */
    margin-top: 15px;
    position: static;
    height: 36px;
    padding: 0 10px 0 20px;
    font-size: 16px;
  }

  .btn {
    gap: 5px;
  }

  .btn-more .arr {
    width: 24px;
    height: 25px;
    font-size: 14px;
  }

  .news-ctrl .n-line {
    height: 1px;
  }

  .news-ctrl .n-arrow {
    width: 30px;
    height: 30px;
  }

  .news-ctrl .n-arrow img {
    width: 15px;
    height: auto;
  }

  .news-video {
    display: block !important;
    width: 100% !important;
    height: 55vw !important;
    position: relative !important;
    left: 0 !important;
    top: 0 !important;
    margin-top: 5vw !important;
    border-radius: 2vw !important;
    overflow: hidden !important;
  }

  .nv-photo {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
  }

  .nv-badge {
    width: auto !important;
    height: auto !important;
    font-size: 3.5vw !important;
    padding: 1vw 3vw !important;
    border-radius: 0 0 0 2vw !important;
    line-height: 1.2;
  }

  .nv-play {
    width: 12vw !important;
    height: 12vw !important;
  }

  .nv-play img {
    width: 3vw !important;
    height: 4vw !important;
  }

  .news-video .tx h3 {
    font-size: 16px;
  }

  /* ---------- 一对一专访 ---------- */
  .talks-head {
    position: relative !important;
    left: 0 !important;
    text-align: center !important;
    margin-bottom: 5vw !important;
  }

  .talks-cn {
    font-size: 7vw !important;
    line-height: 1.2;
  }

  .talks-en {
    font-size: 4vw !important;
    margin-top: 1vw !important;
    line-height: 1;
  }

  .talks-line {
    display: none !important;
  }

  .talks-grid {
    width: 100% !important;
    position: relative !important;
    left: 0 !important;
    top: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 4vw !important;
  }

  .talks-ctrl {
    width: 100%;
    position: static;
    margin-top: 20px;
  }

  .talks-more {
    position: static;
    height: 36px;
    padding: 0 10px 0 20px;
    font-size: 16px;
    margin-top: 10px;
  }

  .talks-ctrl .t-arrow {
    width: 30px;
    height: 30px;
  }

  .talks-ctrl .t-arrow img {
    width: 15px;
    height: auto;
  }

  .talk-card {
    display: block !important;
    width: 100% !important;
    height: 60vw !important;
    border-radius: 2vw !important;
    overflow: hidden !important;
    position: relative !important;
  }

  .talk-photo {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
  }

  .tx {
    position: absolute !important;
    left: 0 !important;
    bottom: 0 !important;
    width: 100% !important;
    padding: 0 12px 10px !important;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.8), transparent) !important;
  }

  .talk-title {
    color: #fff !important;
    font-size: 5vw !important;
    margin: 0 !important;
    line-height: 1.2 !important;
  }

  .talk-desc {
    color: rgba(255, 255, 255, 0.8) !important;
    font-size: 3.5vw !important;
    margin-top: 2vw !important;
    line-height: 1.2 !important;
  }

  .t-toc .nv-badge {
    padding: 0.5vw 2vw !important;
    font-size: 12px !important;
  }

  .nv-play {
    width: 12vw !important;
    height: 12vw !important;
  }

  .nv-play img {
    width: 3vw !important;
    height: 4vw !important;
  }

  /* ---------- 数据亮点 ---------- */
  .hl-panel {
    width: 100% !important;
    height: auto !important;
    position: relative !important;
    left: 0 !important;
    top: 0 !important;
    padding: 3vw !important;
    margin-top: 0 !important;
  }

  .hl-gold {
    width: 100% !important;
    height: auto !important;
    position: relative !important;
    left: 0 !important;
    top: 0 !important;
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 4vw !important;
    padding: 4vw !important;
    margin-bottom: 4vw !important;
    border-radius: 3vw !important;
    background: linear-gradient(135deg, var(--gold), var(--gold-soft)) !important;
  }

  .hl-divider {
    display: none !important;
  }

  .hl-stat {
    padding: 0 !important;
    text-align: center !important;
  }

  .hl-stat-top {
    justify-content: center !important;
  }

  .hl-num {
    font-size: 8vw !important;
    line-height: 1.2;
  }

  .hl-plus {
    font-size: 8vw !important;
    line-height: 1.2;
  }

  .hl-label {
    font-size: 3.5vw !important;
    margin-top: 2vw !important;
    letter-spacing: 0 !important;
    line-height: 1.2;
  }

  .hl-desc {
    font-size: 3vw !important;
    margin-top: 1vw !important;
    line-height: 1.5;
    margin-right: 0;
  }

  .hl-ic {
    display: none !important;
  }

  /* 移动端隐藏图标 */

  .hl-feats {
    width: 100% !important;
    position: relative !important;
    left: 0 !important;
    top: 0 !important;
    flex-direction: column !important;
    gap: 4vw !important;
  }

  .hl-feat {
    width: 100% !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    text-align: left !important;
  }

  .hl-feat-ic {
    width: 7vw !important;
    height: 7vw !important;
    margin-right: 4vw !important;
    display: block;
    flex-shrink: 0;
  }

  .hl-feat-ic img {
    max-height: 100% !important;
    max-width: 100% !important;
  }

  .hl-feat h4 {
    font-size: 4.5vw !important;
    margin-top: 0 !important;
    line-height: 1.5;
  }

  /* ---------- 重磅嘉宾 ---------- */
  .sp-grid {
    width: 100% !important;
    position: relative !important;
    left: 0 !important;
    top: 0 !important;
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 4vw !important;
  }

  .sp-card {
    width: 100% !important;
    height: auto !important;
    padding-bottom: 0 !important;
  }

  .sp-card-in {
    width: 100% !important;
    height: auto !important;
    position: relative !important;
    background: #fff !important;
    box-shadow: 0 2vw 5vw rgba(0, 0, 0, 0.05) !important;
    border-radius: 2vw !important;
    overflow: hidden !important;
    display: flex !important;
    flex-direction: column !important;
  }

  .sp-card-in::after {
    display: none !important;
  }

  .sp-card-in::before {
    left: 3px;
    width: 8vw;
    height: 100%;
  }

  .sp-photo {
    position: relative !important;
    width: 100% !important;
    height: auto !important;
    left: 0 !important;
    top: 0 !important;
    display: block !important;
    aspect-ratio: 3 / 4 !important;
    object-fit: cover !important;
  }

  .sp-name {
    position: absolute !important;
    left: 1vw !important;
    top: 2vw !important;
    /* background: rgba(255,255,255,0.9) !important; */
    padding: 1vw 2vw !important;
    border-radius: 1vw !important;
    font-size: 3.75vw !important;
    font-weight: 600 !important;
    color: var(--ink) !important;
    line-height: 1;
  }

  .sp-dots {
    display: none !important;
  }

  .sp-info {
    position: relative !important;
    width: 100% !important;
    height: auto !important;
    top: auto !important;
    bottom: 0 !important;
    left: 0 !important;
    padding: 3vw !important;
    background: var(--card-blue, #122C6C) !important;
    clip-path: none !important;
    text-align: left !important;
  }

  .sp-info::before {
    display: none !important;
  }

  .sp-info-bg {
    display: none !important;
  }

  .sp-info b {
    font-size: 3.75vw !important;
    font-weight: normal !important;
    display: block !important;
    line-height: 1.4 !important;
    color: #fff !important;
    margin-top: 0;
  }

  /* ---------- 日程议程 ---------- */
  .agenda-panel {
    width: 100% !important;
    position: relative !important;
    left: 0 !important;
    top: 0 !important;
    height: auto;
    padding-top: 30px;
  }

  .agenda-tabs {
    position: relative !important;
    left: 0 !important;
    top: 0 !important;
    width: 100% !important;
    display: flex !important;
    flex-direction: column;
    overflow-x: auto !important;
    white-space: nowrap !important;
    gap: 3vw !important;
    margin-bottom: 4vw !important;
    padding-bottom: 2vw !important;
    /* 给滚动条留空间 */
    height: auto;
    border-radius: 15px;
  }

  .ag-tab {
    width: auto !important;
    flex-shrink: 0 !important;
    height: 10vw !important;
    font-size: 4vw !important;
    border-radius: 2vw !important;
    padding: 0 5vw !important;
    margin: 0 !important;
    background: rgba(9, 33, 65, 0.05) !important;
    line-height: 1.5;
  }

  .ag-tab.active {
    background: var(--gold) !important;
  }

  .agenda-body {
    width: 100% !important;
    position: relative !important;
    left: 0 !important;
    top: 0 !important;
  }

  .ag-row {
    width: 100% !important;
    height: auto !important;
    position: relative !important;
    padding: 0 0 4vw 8vw !important;
    display: flex !important;
    flex-direction: column !important;
  }

  .ag-row::after {
    left: 3vw !important;
    top: 6vw !important;
    height: 100% !important;
  }

  .ag-time {
    position: relative !important;
    left: 0 !important;
    top: 0 !important;
    font-size: 5vw !important;
    font-weight: 600 !important;
    margin-bottom: 2vw !important;
    line-height: 1.2;
  }

  .ag-node {
    left: 3px !important;
    top: 1vw !important;
    width: 5vw !important;
    height: 5vw !important;
  }

  .ag-node i {
    width: 2vw !important;
    height: 2vw !important;
  }

  .ag-content {
    position: relative !important;
    left: 0 !important;
    top: 0 !important;
    width: 100% !important;
    padding: 5vw !important;
    border-radius: 2vw !important;
    margin-left: 0;
  }

  .ag-tagbox {
    width: auto !important;
    height: auto !important;
    padding: 2vw !important;
    font-size: 4vw !important;
    border-radius: 1vw !important;
    clip-path: none !important;
    display: inline-block !important;
    margin-bottom: 3vw !important;
    min-width: 100%;
    line-height: 1.5;
  }

  .ag-content h4 {
    font-size: 4.5vw !important;
    margin-top: 0 !important;
    line-height: 1.5 !important;
  }

  .ag-content p {
    font-size: 3.5vw !important;
    margin-top: 2vw !important;
    line-height: 1.5 !important;
  }

  /* ---------- 分论坛 ---------- */
  .tr-grid {
    width: 100% !important;
    position: relative !important;
    left: 0 !important;
    top: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 4vw !important;
  }

  .tr-card {
    width: 100% !important;
    height: auto !important;
    padding: 3vw !important;
    border-radius: 3vw !important;
    display: flex !important;
    flex-direction: column !important;
    /* 给卡片底色 */
  }

  .tr-no {
    position: static !important;
    font-size: 8vw !important;
    color: var(--gold) !important;
    display: block !important;
  }

  .tr-no::after {
    display: none !important;
  }

  .tr-card h4 {
    position: static !important;
    font-size: 5vw !important;
    font-weight: 600 !important;
    line-height: 1.4 !important;
    width: 100% !important;
    margin-top: 10px;
  }

  .tr-card p {
    position: static !important;
    font-size: 3.5vw !important;
    color: #666 !important;
    width: 100% !important;
    margin-top: 2vw !important;
    line-height: 1.5 !important;
  }

  .tr-btn {
    position: static !important;
    margin-top: 4vw !important;
    align-self: flex-start !important;
    font-size: 3.5vw !important;
    color: var(--blue-text) !important;
    font-weight: bold !important;
    height: 36px;
    padding: 0 10px 0 12px;
    gap: 10px;
  }

  .tr-arr {
    width: 25px;
    height: 25px;
  }

  /* ---------- 举办地点 ---------- */
  .venue {
    margin-top: 20px !important;
  }

  .venue-inner {
    width: 100% !important;
    position: relative !important;
    left: 0 !important;
    top: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 8vw !important;
    height: auto;
    padding-bottom: 20px;
  }

  .venue-info,
  .venue-map {
    width: 100% !important;
    position: relative !important;
    left: 0 !important;
    top: 0 !important;
  }

  .venue-tag {
    font-size: 4vw !important;
    gap: 20px;
    line-height: 1.5;
  }

  .venue-title {
    font-size: 5vw !important;
    margin-top: 2vw !important;
    line-height: 1.5;
  }

  .venue-item {
    margin-top: 6vw !important;
  }

  .venue-item h4 {
    font-size: 4vw !important;
    font-weight: 600 !important;
    margin-bottom: 2vw !important;
    line-height: 1.2;
    padding-left: 20px;
  }

  .venue-item h4::before {
    width: 5px;
    height: 20px;
  }

  .venue-item p {
    font-size: 3.5vw !important;
    line-height: 1.5 !important;
    padding-left: 20px;
  }

  .venue-tip {
    font-size: 3vw !important;
    margin-top: 4vw !important;
    padding-left: 20px;
    line-height: 1.2;
  }

  .venue-map {
    height: 60vw !important;
    border-radius: 3vw !important;
    overflow: hidden !important;
  }

  .vm-photo {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
  }

  /* ---------- 报名入口 ---------- */
  .register {
    width: 100% !important;
    height: auto !important;
    position: relative !important;
    padding: 0 5vw !important;
    margin-top: 30px;
  }

  .rg-box {
    width: 85% !important;
    height: auto !important;
    margin: 0 auto !important;
    position: relative !important;
    left: 0 !important;
    top: 0 !important;
    border-radius: 2vw !important;
    overflow: hidden !important;
  }

  /* ---------- 底部 ---------- */
  .site-footer {
    width: 100% !important;
    height: auto !important;
    position: relative !important;
    padding: 7vw 5vw 7vw !important;
    background: var(--ink) !important;
    overflow: visible !important;
    margin-top: 30px;
    border-radius: 20px 20px 0 0;
  }

  .footer-inner {
    width: 100% !important;
    height: auto !important;
    position: relative !important;
    left: 0 !important;
    top: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center;
  }

  .f-logo {
    width: 35vw !important;
    position: relative !important;
    left: 0 !important;
    top: 0 !important;
    height: auto;
  }

  .f-logo img {
    width: 100% !important;
    height: auto !important;
  }

  .f-slogan {
    font-size: 14px !important;
    position: relative !important;
    left: 0 !important;
    top: 0 !important;
    margin-top: 3vw !important;
    margin-bottom: 3vw !important;
    color: rgba(255, 255, 255, 0.7) !important;
    line-height: 1.2;
  }

  .f-org,
  .f-contact,
  .f-quick {
    position: relative !important;
    left: 0 !important;
    top: 0 !important;
    width: 100% !important;
    margin-bottom: 3vw !important;
  }

  .f-org h4,
  .f-contact h4,
  .f-quick h4 {
    font-size: 4.5vw !important;
    margin-bottom: 3vw !important;
    color: #fff !important;
    line-height: 1.5;
  }

  .f-org p,
  .f-person {
    /* font-size: 3.75vw !important; */
    color: rgba(255, 255, 255, 0.8) !important;
    line-height: 1.8 !important;
  }

  .f-person {
    margin-bottom: 4vw !important;
  }

  .f-name {
    font-size: 4vw !important;
    display: block !important;
    margin-bottom: 1vw !important;
    color: #fff !important;
  }

  .f-phone,
  .f-mail {
    display: flex !important;
    align-items: center !important;
    gap: 2vw !important;
    margin-bottom: 1vw !important;
  }

  .f-phone img,
  .f-mail img {
    position: static !important;
    width: 3.5vw !important;
    height: auto !important;
  }

  .f-quick ul {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 3vw !important;
    padding: 0 !important;
  }

  .f-quick li {
    margin: 0 !important;
  }

  .f-quick a {
    /* font-size: 3.5vw !important; */
    color: rgba(255, 255, 255, 0.8) !important;
  }

  .f-bottom {
    position: relative !important;
    left: 0 !important;
    top: 0 !important;
    width: 100% !important;
    border-top: 1px solid rgba(255, 255, 255, 0.1) !important;
    padding-top: 4vw !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 1vw !important;
    text-align: center !important;
    padding: 0 10px;
    line-height: 1.5;
  }

  .f-bottom span {
    font-size: 3vw !important;
    color: rgba(255, 255, 255, 0.5) !important;
    line-height: 1.5 !important;
  }

  /* ---------- 移动端菜单弹窗 ---------- */
  .mobile-menu-drawer {
    overflow-y: auto;
    position: fixed !important;
    top: 0 !important;
    right: -100%;
    width: 70% !important;
    height: 100% !important;
    background: #fff !important;
    z-index: 2000 !important;
    padding: 8vw 4vw !important;
    transition: right 0.3s ease !important;
    box-shadow: -5px 0 15px rgba(0, 0, 0, 0.1) !important;
  }

  .mobile-menu-drawer.open {
    right: 0 !important;
  }

  .mobile-menu-drawer a {
    display: block !important;
    font-size: 3.75vw !important;
    color: var(--ink) !important;
    padding: 2vw 0 !important;
    border-bottom: 1px solid #eee !important;
  }

  .mobile-menu-drawer .close-btn {
    position: absolute !important;
    top: 5px !important;
    right: 10px !important;
    font-size: 7vw !important;
    color: var(--ink) !important;
  }

  .mobile-overlay {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    background: rgba(0, 0, 0, 0.5) !important;
    z-index: 1999 !important;
    display: none !important;
  }

  .mobile-overlay.open {
    display: block !important;
  }
}

/* ================= iPad / 平板端特定适配 (768px ~ 1024px) ================= */
@media screen and (min-width: 768px) and (max-width: 1024px) {

  /* 基础与导航 */
  .site-header {
    height: 60px !important;
    padding: 0 12px !important;
  }

  .header-logo {
    width: auto !important;
    height: 40px !important;
  }

  .nav-toggle {
    width: 3.5vw !important;
    height: 3.5vw !important;
  }

  /* 首屏 Hero */
  .hero-caption {
    padding: 0 20px !important;
    top: 50% !important;
    transform: translateY(-50%);
  }

  .hero-title-en {
    font-size: 4vw !important;
    line-height: 4vw;
  }

  .hero-title {
    font-size: 3.5vw !important;
    margin-top: 1.5vw !important;
  }

  .hero-sub {
    font-size: 1.5vw !important;
    line-height: 1.5 !important;
    margin-top: 1vw !important;
  }

  .hero-meta {
    flex-direction: row !important;
    justify-content: center !important;
    gap: 4vw !important;
    font-size: 1.8vw !important;
    margin-top: 3vw !important;
  }

  .hero-date img {
    width: 1.5vw;
  }

  .hero-place img {
    width: 1.2vw;
    margin-right: 10px;
  }

  .meta-ic {
    width: 2vw !important;
    height: 2vw !important;
    margin-right: 0.5vw !important;
  }

  .hero-btns {
    flex-direction: row !important;
    justify-content: center !important;
    gap: 3vw !important;
    margin-top: 4vw !important;
  }

  .hero-btn {
    width: 20vw !important;
    height: 5vw !important;
    font-size: 1.8vw !important;
    border-radius: 3vw !important;
    border-width: 2px;
  }

  .mobile-menu-drawer a {
    font-size: 1.75vw !important;
  }

  .mobile-menu-drawer .close-btn {
    font-size: 4vw !important;
  }

  /* 标题体系 */
  .axes-en-bg,
  .news-en,
  .hl-en,
  .sp-en,
  .agenda-en,
  .tr-en {
    font-size: 4vw !important;
  }

  .axes-cn,
  .news-cn,
  .hl-cn,
  .sp-cn,
  .agenda-cn,
  .tr-cn {
    font-size: 3.5vw !important;
  }

  .axes-sub,
  .news-sub,
  .hl-sub,
  .sp-sub,
  .agenda-sub,
  .tr-sub {
    font-size: 1.8vw !important;
    margin-top: 1vw !important;
  }

  .about-title {
    font-size: 4vw !important;
    line-height: 4vw;
  }

  .about-tag {
    font-size: 1.8vw !important;
  }

  .about-en {
    font-size: 1.8vw !important;
    line-height: 1.5;
  }

  .about-text {
    font-size: 1.8vw !important;
    margin-top: 1vw !important;
    white-space: normal;
  }

  .about-text p {
    margin-top: 20px;
    margin-bottom: 0;
  }

  /* 网格与卡片多列化 */
  .axes-cards {
    flex-direction: row !important;
  }

  .axis-card {
    padding: 3vw !important;
  }

  .axis-icon,
  .axis-card:nth-child(2) .axis-icon,
  .axis-card:nth-child(3) .axis-icon {
    width: 6vw !important;
    height: 6vw !important;
    margin-bottom: 2vw !important;
  }

  .axis-name,
  .axis-card:nth-child(2) .axis-name,
  .axis-card:nth-child(3) .axis-name {
    font-size: 2.2vw !important;
  }

  .axis-desc,
  .axis-card:nth-child(2) .axis-desc,
  .axis-card:nth-child(3) .axis-desc {
    font-size: 1.5vw !important;
  }

  .news-cards {
    flex-direction: row !important;
    gap: 2vw !important;
  }

  .news-card a {
    flex-direction: column !important;
    gap: 1.5vw !important;
  }

  .news-photo {
    width: 100% !important;
    height: 15vw !important;
  }

  .news-card-title {
    font-size: 1.8vw !important;
  }

  .report-cn {
    font-size: 3vw !important;
  }

  .report-en {
    font-size: 1.8vw !important;
  }

  .talks-cn {
    font-size: 3.5vw !important;
  }

  .talks-en {
    font-size: 1.8vw !important;
  }

  .talks-grid {
    flex-direction: row !important;
    flex-wrap: wrap !important;
  }

  .talk-card {
    width: calc(50% - 2vw) !important;
    height: 30vw !important;
  }

  .talk-title {
    font-size: 2.2vw !important;
  }

  .talk-desc {
    font-size: 1.5vw !important;
  }

  .nv-badge {
    font-size: 1.5vw !important;
    padding: 1vw 2vw !important;
  }

  .nv-play {
    width: 6vw !important;
    height: 6vw !important;
  }

  .nv-play img {
    width: 1.5vw !important;
    height: 2vw !important;
  }

  /* 数据亮点 */
  .hl-gold {
    grid-template-columns: repeat(4, 1fr) !important;
    padding: 3vw !important;
    gap: 2vw !important;
  }

  .hl-num {
    font-size: 4vw !important;
  }

  .hl-plus {
    font-size: 3vw !important;
  }

  .hl-label {
    font-size: 1.5vw !important;
  }

  .hl-desc {
    font-size: 1.2vw !important;
  }

  .hl-feats {
    flex-direction: row !important;
    justify-content: space-between !important;
  }

  .hl-feat {
    flex-direction: column !important;
    text-align: center !important;
    width: 30% !important;
    gap: 1.5vw !important;
  }

  .hl-feat-ic {
    margin-right: 0 !important;
    width: 6vw !important;
    height: 6vw !important;
  }

  .hl-feat h4 {
    font-size: 1.8vw !important;
  }

  /* 嘉宾与分论坛 */
  .sp-grid {
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 2vw !important;
  }

  .sp-name {
    font-size: 1.5vw !important;
    padding: 0.5vw 1vw !important;
    left: 1vw !important;
    top: 1vw !important;
  }

  .sp-info {
    padding: 1.5vw !important;
  }

  .sp-info b {
    font-size: 1.3vw !important;
  }

  .sp-card-in::before {
    width: 5vw;
    height: 100%;
  }

  .tr-grid {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 2vw !important;
  }

  .tr-card {
    padding: 3vw !important;
  }

  .tr-no {
    font-size: 3vw !important;
    margin-bottom: 1.5vw !important;
  }

  .tr-card h4 {
    font-size: 2vw !important;
  }

  .tr-card p {
    font-size: 1.5vw !important;
    margin-top: 1vw !important;
  }

  .tr-btn {
    font-size: 1.5vw !important;
    margin-top: 1.5vw !important;
  }

  /* 日程与地点 */
  .ag-tab {
    height: 6vw !important;
    font-size: 1.8vw !important;
    padding: 0 3vw !important;
    border-radius: 3vw !important;
  }

  .ag-time {
    font-size: 2.2vw !important;
    margin-bottom: 1vw !important;
  }

  .ag-content {
    padding: 3vw !important;
  }

  .ag-tagbox {
    font-size: 1.5vw !important;
    margin-bottom: 1vw !important;
    padding: 0.5vw 2vw !important;
  }

  .ag-content h4 {
    font-size: 2vw !important;
  }

  .ag-content p {
    font-size: 1.6vw !important;
    margin-top: 1vw !important;
  }

  .venue-inner {
    flex-direction: row !important;
    gap: 4vw !important;
    align-items: center !important;
  }

  .venue-info {
    width: 50% !important;
  }

  .venue-map {
    width: 50% !important;
    height: 35vw !important;
  }

  .venue-tag {
    font-size: 1.8vw !important;
  }

  .venue-title {
    font-size: 3.5vw !important;
  }

  .venue-item h4 {
    font-size: 2vw !important;
  }

  .venue-item p {
    font-size: 1.6vw !important;
  }

  .venue-tip {
    font-size: 1.5vw !important;
  }

  /* 底部 */
  .site-footer {
    padding: 6vw 5vw 4vw !important;
  }

  .footer-inner {
    flex-direction: row !important;
    flex-wrap: wrap !important;
    justify-content: space-between !important;
    align-items: flex-start !important;
  }

  .f-logo {
    width: 100% !important;
    text-align: center !important;
    margin-bottom: 3vw !important;
  }

  .f-logo img {
    width: 20vw !important;
    margin: 0 auto !important;
  }

  .f-slogan {
    width: 100% !important;
    text-align: center !important;
    font-size: 1.8vw !important;
    margin-top: 0 !important;
    margin-bottom: 4vw !important;
  }

  .f-org,
  .f-contact,
  .f-quick {
    width: 30% !important;
    margin-bottom: 2vw !important;
  }

  .f-org h4,
  .f-contact h4,
  .f-quick h4 {
    font-size: 1.8vw !important;
    margin-bottom: 1.5vw !important;
  }

  .f-org p,
  .f-person {
    font-size: 1.4vw !important;
  }

  .f-name {
    font-size: 1.5vw !important;
  }

  .f-phone img,
  .f-mail img {
    width: 1.5vw !important;
  }

  .f-quick ul {
    grid-template-columns: 1fr !important;
    gap: 1vw !important;
  }

  .f-quick a {
    font-size: 1.4vw !important;
  }

  .f-bottom {
    flex-direction: row !important;
    justify-content: space-between !important;
    padding-top: 3vw !important;
    text-align: left !important;
  }

  .f-bottom span {
    font-size: 1.2vw !important;
  }
}

/* ================= 专题页与二级页响应式 (<= 1024px) ================= */
@media screen and (max-width: 1024px) {

  /* ---------------- 专题页/二级页首屏 Hero ---------------- */
  .t-hero,
  .s-hero {
    width: 100% !important;
    height: 40vh !important;
    min-height: 75vw !important;
  }

  .t-hero-bg,
  .s-hero-bg {
    width: 100% !important;
    height: 100% !important;
    left: 0 !important;
    top: 0 !important;
    object-fit: cover !important;
  }

  .t-hero-title,
  .s-hero-title {
    width: 100% !important;
    top: 14vh !important;
    font-size: 4.5vw !important;
    padding: 0 5vw !important;
    letter-spacing: 0.2em !important;
    color: var(--gold-soft) !important;
  }

  .t-hero-cn,
  .s-hero-cn {
    width: 100% !important;
    top: 19vh !important;
    font-size: 5vw !important;
    padding: 0 5vw !important;
    line-height: 1.3 !important;
    font-weight: bold !important;
  }

  .t-hero-en,
  .s-hero-en {
    width: 100% !important;
    top: 25vh !important;
    font-size: 3vw !important;
    padding: 0 5vw !important;
    letter-spacing: 0.1em !important;
    line-height: 1.4 !important;
    opacity: 0.8 !important;
  }

  .t-hero-arrow,
  .s-hero-arrow {
    display: none !important;
  }

  .t-hero-dots,
  .s-hero-dots {
    width: 100% !important;
    bottom: 20px !important;
    justify-content: center !important;
    gap: 4vw !important;
  }

  .t-hero-dots .dot,
  .s-hero-dots .dot {
    width: 30px;
    height: 30px;
  }

  .t-hero-dots .dot svg,
  .s-hero-dots .dot svg {
    width: 30px;
    height: 30px;
  }

  .t-hero-dots .dot svg .track,
  .t-hero-dots .dot svg .progress,
  .s-hero-dots .dot svg .track,
  .s-hero-dots .dot svg .progress {
    cx: 15px;
    cy: 15px;
    r: 14px;
  }

  .t-hero-dots .dot::after,
  .t-hero-dots .dot.active::after,
  .s-hero-dots .dot::after,
  .s-hero-dots .dot.active::after {
    width: 8px;
    height: 8px;
  }

  /* ---------------- 面包屑 ---------------- */
  .t-breadcrumb,
  .s-breadcrumb {
    width: 100% !important;
    height: auto !important;
    padding: 3vw 5vw !important;
    margin-top: 0 !important;
    background: #F8F8F8 !important;
    display: flex !important;
    align-items: center !important;
  }

  .t-breadcrumb span,
  .s-breadcrumb span {
    position: relative !important;
    left: 0 !important;
    top: 0 !important;
    font-size: 3.75vw !important;
    color: #666 !important;
    display: block !important;
  }

  /* ---------------- 主体与侧边栏 ---------------- */
  .t-body,
  .s-body {
    width: 100% !important;
    height: auto !important;
    display: flex !important;
    flex-direction: column !important;
    margin-left: 0 !important;
    padding: 4vw;
  }

  .t-toc {
    float: none;
    position: relative !important;
    left: 0 !important;
    top: 0 !important;
    width: 100% !important;
    margin-bottom: 4vw !important;
    background: #fff !important;
    border-radius: 2vw !important;
    box-shadow: 0 2vw 6vw rgba(0, 0, 0, 0.03) !important;
  }

  .toc-head {
    width: 100% !important;
    height: auto !important;
  }

  .toc-head::before {
    width: 13vw !important;
    height: 100% !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
  }

  .toc-head span {
    position: relative !important;
    left: 2vw !important;
    top: 0 !important;
    font-size: 4vw !important;
  }

  .toc-item {
    /* width: 100% !important; */
    /* height: auto !important; */
    padding: 3vw 0 !important;
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    border-bottom: 1px solid #eee !important;
    margin-top: 0 !important;
  }

  .toc-item:last-child {
    border-bottom: none !important;
  }

  .toc-thumb {
    position: relative !important;
    width: 35vw !important;
    height: 22vw !important;
    border-radius: 1.5vw !important;
    overflow: hidden !important;
    flex-shrink: 0 !important;
  }

  .toc-play {
    left: 50% !important;
    top: 50% !important;
    transform: translate(-50%, -50%) !important;
    width: 6vw !important;
    height: 6vw !important;
  }

  .toc-play img {
    width: 1.5vw !important;
    height: 2vw !important;
  }

  .s-toc .toc-thumb {
    border-radius: 1.5vw !important;
  }

  .toc-caption {
    /* position: relative !important; */
    left: 0 !important;
    top: 0 !important;
    margin-top: 0 !important;
    margin-left: 4vw !important;
    font-size: 4vw !important;
    /* color: #333 !important; */
    /* flex: 1 !important; */
  }

  .toc-sub {
    position: relative !important;
    left: 0 !important;
    top: 0 !important;
    margin-top: 2vw !important;
    margin-left: 4vw !important;
    font-size: 3vw !important;
    color: #999 !important;
    width: 100% !important;
  }

  .toc-line {
    display: none !important;
  }

  /* ---------------- 文章主体 ---------------- */
  .t-article,
  .s-article {
    float: none;
    position: relative !important;
    left: 0 !important;
    top: 0 !important;
    width: 100% !important;
    float: none !important;
  }

  .art-head {
    height: auto !important;
    padding: 5vw !important;
    background: #fff !important;
    border-radius: 2vw !important;
    box-shadow: 0 2vw 6vw rgba(0, 0, 0, 0.03) !important;
    margin-bottom: 5vw !important;
  }

  .art-title {
    position: relative !important;
    left: 0 !important;
    top: 0 !important;
    font-size: 5.5vw !important;
    color: var(--gold-deep) !important;
    display: block !important;
    margin-bottom: 2vw !important;
  }

  .art-name {
    position: relative !important;
    left: 0 !important;
    top: 0 !important;
    font-size: 4.5vw !important;
    color: #333 !important;
    display: block !important;
    margin-top: 0 !important;
    margin-left: 0;
  }

  .art-author {
    position: relative !important;
    left: 0 !important;
    top: 0 !important;
    font-size: 3.5vw !important;
    color: #666 !important;
    margin-top: 3vw !important;
  }

  .art-line {
    position: relative !important;
    left: 0 !important;
    top: 0 !important;
    width: 100% !important;
    margin: 4vw 0 !important;
    height: 1px !important;
    background: #eee !important;
  }

  .art-role {
    position: relative !important;
    left: 0 !important;
    top: 0 !important;
    font-size: 3.75vw !important;
    color: #888 !important;
    margin-top: 1.5vw !important;
  }

  .art-theme {
    position: relative !important;
    left: 0 !important;
    top: 0 !important;
    font-size: 18px !important;
    color: #888 !important;
    margin-top: 2vw !important;
  }

  .art-share {
    position: relative !important;
    left: 0 !important;
    top: 0 !important;
    margin-top: 4vw !important;
    margin-left: 0 !important;
    justify-content: flex-start !important;
    gap: 3vw !important;
  }

  .share-ic {
    width: 8vw !important;
    height: 8vw !important;
    border-color: #eee !important;
  }

  .share-ic svg {
    width: 50% !important;
    height: 50% !important;
  }

  .art-head .box {
    flex-direction: column !important;
    align-items: flex-start !important;
  }

  .art-lang {
    margin-top: 4vw !important;
  }

  /* 视频区域 */
  .art-video {
    width: 100% !important;
    height: 56vw !important;
    /* 16:9 比例 */
    margin-top: 5vw !important;
    border-radius: 2vw !important;
    overflow: hidden !important;
    box-shadow: 0 2vw 6vw rgba(0, 0, 0, 0.1) !important;
  }

  .art-video::after {
    display: none;
  }

  .video-badge {
    width: 20vw !important;
    height: 8vw !important;
    font-size: 3.2vw !important;
    right: 0 !important;
    top: 0 !important;
  }

  .video-play {
    width: 12vw !important;
    height: 12vw !important;
    left: 50% !important;
    top: 50% !important;
    transform: translate(-50%, -50%) !important;
  }

  .video-play img {
    width: 3vw !important;
    height: 4vw !important;
  }

  .art-line2 {
    width: 100% !important;
    margin-top: 8vw !important;
    display: none !important;
    /* 隐藏生硬的分割线 */
  }

  /* 标签 */
  .art-tags {
    margin-top: 6vw !important;
    padding: 4vw 2vw !important;
    border-top: 1px solid #eee !important;
  }

  .art-tags h4 {
    font-size: 3.5vw !important;
    margin-bottom: 3vw !important;
  }

  .tags {
    flex-wrap: wrap !important;
    gap: 2.5vw !important;
  }

  .tag {
    width: auto !important;
    padding: 0 3.5vw !important;
    height: 7vw !important;
    font-size: 12px !important;
    /* background: transparent !important; */
    /* color: var(--gold-deep) !important; */
    /* border-radius: 0 !important; */
  }

  /* 上下一篇 */
  .art-prevnext {
    margin-bottom: 4vw;
    margin-top: 4vw !important;
    /* display: flex !important; */
    /* flex-direction: column !important; */
    /* padding: 4vw !important; */
    /* background: #fafafa !important; */
    /* border-radius: 2vw !important; */
    /* gap: 2vw !important; */
  }

  .art-prevnext::before {
    display: none !important;
  }

  .art-prevnext .pn {
    font-size: 3.2vw !important;
    position: relative !important;
    left: 0 !important;
    top: 0 !important;
    color: #666 !important;
    display: block !important;
    padding: 1vw 0 !important;
  }

  .art-prevnext .pn+.pn {
    margin-top: 0;
  }

  .art-prevnext .prev {
    color: var(--gold-deep) !important;
  }

  /* 分享条 */
  .t-sharebar {
    width: 100% !important;
    height: auto !important;
    padding: 5vw !important;
    margin-top: 6vw !important;
  }

  .sharebar-bg {
    position: relative !important;
    left: 0 !important;
    top: 0 !important;
    width: 100% !important;
    height: auto !important;
  }

  /* 二级页正文排版 */
  .art-body {
    margin-top: 5vw !important;
    padding: 0 2vw !important;
    font-size: 3.8vw !important;
    line-height: 1.8 !important;
    color: #444 !important;
  }

  .art-body strong {
    font-size: 4.5vw !important;
    color: #222 !important;
    margin-top: 6vw !important;
    margin-bottom: 2vw !important;
  }

  .art-body p {
    margin-bottom: 4vw !important;
  }
}

/* ================= 专题页/二级页 iPad 端特定适配 (768px ~ 1024px) ================= */
@media screen and (min-width: 768px) and (max-width: 1024px) {

  /* 首屏调整 */
  .t-hero,
  .s-hero {
    height: 50vh !important;
    min-height: 50vh !important;
  }

  .t-hero-title,
  .s-hero-title {
    font-size: 3.5vw !important;
    top: 18vh !important;
  }

  .t-hero-cn,
  .s-hero-cn {
    font-size: 5vw !important;
    top: 24vh !important;
  }

  .t-hero-en,
  .s-hero-en {
    font-size: 1.8vw !important;
    top: 32vh !important;
  }

  .t-breadcrumb,
  .s-breadcrumb {
    padding: 2vw 4vw !important;
  }

  .t-breadcrumb span,
  .s-breadcrumb span {
    font-size: 1.8vw !important;
  }

  /* 双列布局 */
  .t-body,
  .s-body {
    flex-direction: row !important;
    align-items: flex-start !important;
    justify-content: space-between !important;
    padding: 0 2vw !important;
  }

  .t-toc {
    width: 32% !important;
    padding: 2.5vw !important;
    margin-bottom: 0 !important;
  }

  .t-article,
  .s-article {
    width: 65% !important;
    padding: 0 !important;
  }

  /* 侧边栏优化（恢复上下排版，因为侧边栏变窄了） */
  .toc-head span {
    font-size: 2vw !important;
  }

  .toc-head::before {
    width: 8vw !important;
    height: 2.5vw !important;
  }

  .toc-item {
    flex-direction: column !important;
    /* align-items: flex-start !important; */
    /* padding: 2.5vw 0 !important; */
    display: block !important;
    border-bottom: 0 !important;
    margin-top: 20px !important;
    padding: 0 !important;
  }

  .toc-line {
    display: block !important;
  }

  .toc-thumb {
    width: 100% !important;
    height: 18vw !important;
    border-radius: 1vw !important;
  }

  .toc-caption {
    margin-left: 0 !important;
    margin-top: 1.5vw !important;
    font-size: 2vw !important;
    line-height: 1.5;
  }

  .toc-sub {
    margin-left: 0 !important;
    margin-top: 1vw !important;
    font-size: 1.6vw !important;
  }

  .toc-play {
    width: 5vw !important;
    height: 5vw !important;
  }

  .toc-play img {
    width: 1.2vw !important;
    height: 1.5vw !important;
  }

  /* 文章主体优化 */
  .art-head {
    padding: 4vw !important;
    margin-bottom: 3vw !important;
  }

  .art-title {
    font-size: 3.5vw !important;
  }

  .art-name {
    font-size: 2.5vw !important;
  }

  .art-author {
    font-size: 1.8vw !important;
    margin-top: 1.5vw !important;
  }

  .art-role,
  .art-theme {
    font-size: 1.6vw !important;
    margin-top: 1vw !important;
  }

  .art-line {
    margin: 2vw 0 !important;
  }

  .art-share {
    margin-top: 2vw !important;
    gap: 2vw !important;
  }

  .share-ic {
    width: 5vw !important;
    height: 5vw !important;
  }

  .art-video {
    height: 35vw !important;
    margin-top: 3vw !important;
    border-radius: 1.5vw !important;
  }

  .video-badge {
    width: 12vw !important;
    height: 5vw !important;
    font-size: 2vw !important;
    border-radius: 0 0 0 1vw !important;
  }

  .video-play {
    width: 8vw !important;
    height: 8vw !important;
  }

  .video-play img {
    width: 2vw !important;
    height: 2.5vw !important;
  }

  .art-tags {
    padding: 3vw 0 0 0 !important;
    margin-top: 4vw !important;
    border-top: none !important;
  }

  .art-tags h4 {
    font-size: 2.2vw !important;
    margin-bottom: 2vw !important;
  }

  .tag {
    height: 4vw !important;
    padding: 0 1.5vw !important;
    font-size: 1.4vw !important;
    /* border-radius: 0 !important; */
    line-height: 4vw !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    /* background: transparent !important; */
    /* color: var(--gold-deep) !important; */
  }

  .art-prevnext {
    /* padding: 3vw !important; */
    /* gap: 1.5vw !important; */
    /* margin-top: 3vw !important; */
  }

  .art-prevnext .pn {
    font-size: 1.8vw !important;
  }

  .t-sharebar {
    padding: 3vw 0 !important;
    margin-top: 4vw !important;
  }

  .art-body {
    font-size: 2vw !important;
    padding: 0 !important;
    margin-top: 3vw !important;
    line-height: 1.8 !important;
  }

  .art-body strong {
    font-size: 2.4vw !important;
    margin-top: 3vw !important;
    margin-bottom: 1.5vw !important;
  }

  .art-body p {
    margin-bottom: 2vw !important;
  }
}