/** DIF Awards block — scoped under #difgc-award-selection (from difgc-2026 AwardSelection.html) */
#difgc-award-selection {
  font-family: Montserrat, "Noto Sans SC", sans-serif;
  color: #0E1428;
  position: relative;
  z-index: 1;
  overflow-x: hidden;
  /* 与 agendas / .page-section-bg 一致，仅背景图、无叠色 */
  background-image: url('../img/page-bg.jpg');
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  background-attachment: fixed;
}
#difgc-award-selection, #difgc-award-selection *::before, #difgc-award-selection *::after { box-sizing: border-box; }
#difgc-award-selection * { box-sizing: border-box; }

/* Tailwind：原白字改为不透明偏黑（避免半透明在浅底上发灰） */
#difgc-award-selection .text-white { color: #0E1428 !important; }
#difgc-award-selection .text-white\/40 { color: #1a2332 !important; }
#difgc-award-selection .text-white\/45 { color: #1a2332 !important; }
#difgc-award-selection .text-white\/50 { color: #1a2332 !important; }
#difgc-award-selection .text-white\/55 { color: #1a2332 !important; }
#difgc-award-selection .text-white\/70 { color: #0E1428 !important; }
#difgc-award-selection .text-white\/75 { color: #0E1428 !important; }
#difgc-award-selection .text-white\/80 { color: #0E1428 !important; }

    /* ── Starfield（浅底不再使用星光层）── */
    #difgc-award-selection .star-bg{
      position: absolute; inset: 0; z-index: 0;
      background: transparent;
      overflow: hidden;
      pointer-events: none;
    }
    #difgc-award-selection .star-bg::before{
      content: none;
      display: none;
    }
    #difgc-award-selection .nebula-1,
    #difgc-award-selection .nebula-2{
      display: none;
    }
    /* ── Nav ── */
    #difgc-award-selection .nav-bar{
      position: sticky; top: 0; z-index: 50;
      background: rgba(255, 255, 255, 0.92);
      backdrop-filter: blur(20px);
      -webkit-backdrop-filter: blur(20px);
      border-bottom: 1px solid rgba(14, 20, 40, 0.08);
    }
    #difgc-award-selection .nav-link{
      color: #1a2332 !important;
      font-size: 13px; font-weight: 500;
      padding: 6px 14px !important;
      border-radius: 8px;
      transition: all 0.2s;
    }
    #difgc-award-selection .nav-link:hover{ color: #f0b429 !important; background: rgba(240,180,41,0.12); }
    /* ── Buttons ── */
    #difgc-award-selection .btn-gold{
      background: linear-gradient(135deg, #f0b429, #d97706);
      color: #0E1428; font-weight: 800; font-size: 14px;
      box-shadow: 0 4px 20px rgba(240,180,41,0.35);
      transition: all 0.25s; border: none;
    }
    #difgc-award-selection .btn-gold:hover{ transform: translateY(-2px); box-shadow: 0 8px 32px rgba(240,180,41,0.50); }
    #difgc-award-selection .btn-outline{
      border: 2px solid rgba(240,180,41,0.50); color: #f0b429;
      font-weight: 600; font-size: 13px;
      transition: all 0.25s;
    }
    #difgc-award-selection .btn-outline:hover{ border-color: #f0b429; background: rgba(240,180,41,0.10); }
    /* ── Gold divider ── */
    #difgc-award-selection .gold-divider{ width: 48px; height: 3px; background: linear-gradient(90deg,#f0b429,#d97706); border-radius: 2px; }
    #difgc-award-selection .gold-divider-long{ width: 80px; height: 2px; background: linear-gradient(90deg,#f0b429,#d97706); border-radius: 2px; }
    /* ── Section label ── */
    #difgc-award-selection .eyebrow{
      font-size: 10px; font-weight: 800;
      letter-spacing: 0.28em; text-transform: uppercase;
      color: #f0b429;
    }
    /* ── Glass card ── */
    #difgc-award-selection .glass-card{
      background: rgba(255, 255, 255, 0.88);
      border: 1px solid rgba(14, 20, 40, 0.1);
      border-radius: 20px;
      backdrop-filter: blur(12px);
      -webkit-backdrop-filter: blur(12px);
      transition: all 0.30s ease;
    }
    #difgc-award-selection .glass-card:hover{
      background: rgba(255, 255, 255, 0.95);
      border-color: rgba(240,180,41,0.35);
      transform: translateY(-3px);
      box-shadow: 0 16px 48px rgba(14, 20, 40, 0.12);
    }
    /* ── Award Category Card ── */
    #difgc-award-selection .award-card{
      position: relative;
      background: rgba(255, 255, 255, 0.9);
      border: 1px solid rgba(14, 20, 40, 0.1);
      border-radius: 16px;
      padding: 0;
      overflow: hidden;
      transition: all 0.35s cubic-bezier(0.16,1,0.3,1);
    }
    #difgc-award-selection .award-card::before{
      content: '';
      position: absolute;
      inset: 0;
      border-radius: 16px;
      padding: 1.5px;
      background: linear-gradient(160deg, var(--ac-c1), var(--ac-c2), transparent);
      -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
      -webkit-mask-composite: xor;
      mask-composite: exclude;
      pointer-events: none;
      opacity: 0.6;
      transition: opacity 0.3s;
    }
    #difgc-award-selection .award-card:hover::before{ opacity: 1; }
    #difgc-award-selection .award-card:hover{ transform: translateY(-4px); box-shadow: 0 16px 40px rgba(14, 20, 40, 0.12); }
    /* Top colored bar */
    #difgc-award-selection .award-card .top-line{
      position: absolute;
      top: 0; left: 0; right: 0;
      height: 3px;
      background: linear-gradient(90deg, var(--ac-c1), var(--ac-c2), transparent);
      border-radius: 16px 16px 0 0;
    }
    /* Corner brackets */
    #difgc-award-selection .award-card .bracket-tl,
    #difgc-award-selection .award-card .bracket-br{
      position: absolute;
      width: 14px; height: 14px;
      border-color: var(--ac-c1);
      border-style: solid;
      opacity: 0.5;
      transition: opacity 0.3s;
    }
    #difgc-award-selection .award-card .bracket-tl{ top: 6px; left: 6px; border-width: 2px 0 0 2px; border-radius: 3px 0 0 0; }
    #difgc-award-selection .award-card .bracket-br{ bottom: 6px; right: 6px; border-width: 0 2px 2px 0; border-radius: 0 0 3px 0; }
    #difgc-award-selection .award-card:hover .bracket-tl,
    #difgc-award-selection .award-card:hover .bracket-br{ opacity: 1; }
    #difgc-award-selection .award-card-inner{
      padding: 1.5rem 1.3rem 1.4rem;
      height: 100%;
      display: flex; flex-direction: column;
    }
    #difgc-award-selection .award-card-a{ --ac-c1: #3b82f6; --ac-c2: #60a5fa; }
    #difgc-award-selection .award-card-b{ --ac-c1: #06b6d4; --ac-c2: #22d3ee; }
    #difgc-award-selection .award-card-c{ --ac-c1: #8b5cf6; --ac-c2: #a78bfa; }
    #difgc-award-selection .award-card-top{ --ac-c1: #f59e0b; --ac-c2: #fcd34d; }
    /* ── Timeline ── */
    #difgc-award-selection .timeline-track{
      position: relative;
    }
    #difgc-award-selection .timeline-track::before{
      content: '';
      position: absolute;
      top: 28px; left: 0; right: 0; height: 2px;
      background: linear-gradient(90deg, rgba(59,130,246,0.4), rgba(6,182,212,0.4), rgba(245,158,11,0.4));
      border-radius: 1px;
    }
    #difgc-award-selection .tl-item{ position: relative; text-align: center; }
    #difgc-award-selection .tl-dot{
      width: 56px; height: 56px; border-radius: 50%;
      background: var(--tl-bg);
      border: 2px solid var(--tl-border);
      display: flex; align-items: center; justify-content: center;
      margin: 0 auto 1rem;
      font-size: 1.4rem;
      position: relative; z-index: 1;
      box-shadow: 0 0 20px var(--tl-shadow);
      transition: all 0.3s;
    }
    #difgc-award-selection .tl-item:hover .tl-dot{ transform: scale(1.08); box-shadow: 0 0 30px var(--tl-shadow); }
    /* ── Tag ──（基础样式；宽度由下方分场景覆盖） */
    #difgc-award-selection .tag{
      display: inline-flex !important;
      align-items: center;
      justify-content: center;
      box-sizing: border-box;
      padding: 0.15rem 0.6rem; border-radius: 9999px;
      font-size: 0.58rem; font-weight: 800;
      letter-spacing: 0.06em; text-transform: uppercase;
    }
    /* 奖项卡片内标签：占满内容区宽度；勿 flex 增长（否则随卡片剩余高度被拉高，A-1/A-2 高度不一致） */
    #difgc-award-selection .award-card .tag{
      display: inline-flex !important;
      width: 100% !important;
      max-width: none !important;
      flex: 0 0 auto !important;
      align-self: stretch !important;
      height: 32px;
      min-height: 32px;
      max-height: 32px;
      padding: 0 0.6rem;
      overflow: hidden;
    }
    /* 仅「奖项类别」大分类行：A 类 / B 类 / C 类 / TOP 10 — 防止主题把 span 拉满一行，并略宽于纯 max-content */
    #difgc-award-selection #categories .flex.items-center.gap-4 > span.tag{
      display: inline-flex !important;
      width: auto !important;
      max-width: max-content !important;
      flex: 0 0 auto !important;
      align-self: center;
      padding: 0.22rem 0.9rem !important;
      min-width: 3.5rem;
      text-align: center;
    }
    /* 评选背景区：主办/承办等行内小标签，只防主题拉满一行 */
    #difgc-award-selection #about .flex.items-center.gap-2 > span.tag{
      display: inline-flex !important;
      width: auto !important;
      max-width: max-content !important;
      flex: 0 0 auto !important;
      align-self: center;
    }
    #difgc-award-selection .tag-a{ background: rgba(59,130,246,0.15); color: #60a5fa; border: 1px solid rgba(59,130,246,0.25); }
    #difgc-award-selection .tag-b{ background: rgba(6,182,212,0.15); color: #22d3ee; border: 1px solid rgba(6,182,212,0.25); }
    #difgc-award-selection .tag-c{ background: rgba(139,92,246,0.15); color: #a78bfa; border: 1px solid rgba(139,92,246,0.25); }
    #difgc-award-selection .tag-top{ background: rgba(245,158,11,0.15); color: #fcd34d; border: 1px solid rgba(245,158,11,0.25); }
    /* ── QR section ── */
    #difgc-award-selection .qr-box{
      background: rgba(255, 255, 255, 0.9);
      border: 1px solid rgba(240,180,41,0.35);
      border-radius: 20px;
      padding: 2rem;
      text-align: center;
    }
    /* ── Org logo ── */
    #difgc-award-selection .org-logo{
      background: rgba(255, 255, 255, 0.88);
      border: 1px solid rgba(14, 20, 40, 0.1);
      border-radius: 12px;
      padding: 1rem 0.75rem;
      text-align: center;
      transition: all 0.25s;
    }
    #difgc-award-selection .org-logo:hover{ background: rgba(255, 255, 255, 0.96); transform: translateY(-2px); }
    /* ── Scrollbar ── */
    #difgc-award-selection ::-webkit-scrollbar{ width: 5px; }
    #difgc-award-selection ::-webkit-scrollbar-track{ background: transparent; }
    #difgc-award-selection ::-webkit-scrollbar-thumb{ background: rgba(240,180,41,0.20); border-radius: 3px; }
    #difgc-award-selection ::-webkit-scrollbar-thumb:hover{ background: rgba(240,180,41,0.40); }
    /* ── Fade up ── */
    #difgc-award-selection .fade-up{ opacity: 0; transform: translateY(20px); transition: opacity 0.60s ease, transform 0.60s ease; }
    #difgc-award-selection .fade-up.visible{ opacity: 1; transform: translateY(0); }
    #difgc-award-selection .fade-up-d1{ transition-delay: 0.10s; }
    #difgc-award-selection .fade-up-d2{ transition-delay: 0.20s; }
    #difgc-award-selection .fade-up-d3{ transition-delay: 0.30s; }
    @media (prefers-reduced-motion: reduce) {
      #difgc-award-selection { scroll-behavior: auto; }
      #difgc-award-selection .fade-up{ opacity: 1 !important; transform: none !important; transition: none !important; }
    }

/* WordPress / Elementor：避免主题给区块内链接强加下划线或颜色 */
#difgc-award-selection a.btn-gold,
#difgc-award-selection a.btn-gold:hover,
#difgc-award-selection a.btn-gold:focus {
  text-decoration: none !important;
  color: #0E1428 !important;
}

/* ── WordPress / Elementor：栏目标题 h2、区块内 h3 常被主题放大，压回接近设计稿 ── */
#difgc-award-selection h2.font-black {
  font-size: clamp(1.25rem, 2.75vw, 1.75rem) !important;
  line-height: 1.22 !important;
  font-weight: 800 !important;
}

#difgc-award-selection .glass-card h3,
#difgc-award-selection #about .glass-card h3.text-xl {
  font-size: clamp(1rem, 1.85vw, 1.15rem) !important;
  line-height: 1.35 !important;
  font-weight: 700 !important;
}

#difgc-award-selection #timeline .tl-item h3 {
  font-size: clamp(0.875rem, 1.5vw, 1rem) !important;
  line-height: 1.3 !important;
  font-weight: 700 !important;
}

#difgc-award-selection .award-card .award-card-inner h3 {
  font-size: clamp(0.6875rem, 1.35vw, 0.8125rem) !important;
  line-height: 1.38 !important;
  font-weight: 700 !important;
}

#difgc-award-selection .award-card-top .award-card-inner h3.text-base {
  font-size: clamp(0.9375rem, 1.75vw, 1.0625rem) !important;
  line-height: 1.32 !important;
  font-weight: 700 !important;
}


.page-award-landing .pageContentHead--difgc-award {
  min-height: 592px;
}

@media screen and (max-width: 768px) {
  .page-award-landing .pageContentHead--difgc-award {
    min-height: 150px;
  }
}