html,body{margin:0;padding:0;width:100%;/*background:#0b0b0c;color:#fff*/}
    *,*::before,*::after{box-sizing:border-box}
    :root{
      --ink:#0b0b0c; --text:#ffffff;
      --gold-1:#f7e2ac; --gold-2:#d2ae6e; --gold-3:#8a6a34;
      --gold-line:linear-gradient(90deg,var(--gold-1),var(--gold-2),var(--gold-3));
      --ease:cubic-bezier(.22,.61,.36,1);
    }

    /* ---------- HERO (更亮聚光灯 + 外扩光影) ---------- */
    .twb-hero{
      position:relative;width:100%;
      min-height:clamp(150px,18vh,220px);
      display:flex;align-items:center;justify-content:center;
      padding:clamp(14px,2.5vh,28px) 16px;
      background:var(--ink);overflow:hidden;isolation:isolate;
    }
    .twb-hero::before{
      content:"";position:absolute;inset:-48%;
      background:conic-gradient(from 0deg at 50% 50%,
        rgba(247,226,172,.12) 0deg,
        rgba(210,174,110,.08) 90deg,
        rgba(138,106,52,.05) 180deg,
        rgba(247,226,172,.12) 360deg);
      filter:blur(140px) saturate(125%);mix-blend-mode:screen;
      animation:orbitGlow 60s linear infinite;pointer-events:none;
    }
    .twb-hero::after{
      content:"";position:absolute;inset:-36%;
      background:radial-gradient(960px 620px at 50% 46%,rgba(247,226,172,.2) 0%,rgba(0,0,0,.98) 82%);
      filter:blur(100px);mix-blend-mode:screen;
      animation:breatheGlow 14s ease-in-out infinite;pointer-events:none;
    }
    .twb-sweep{position:absolute;inset:0;pointer-events:none;z-index:0;
      background:linear-gradient(98deg,rgba(255,255,255,0) 28%,rgba(247,226,172,.12) 50%,rgba(255,255,255,0) 72%);
      filter:blur(24px);mix-blend-mode:screen;animation:sweep 9s var(--ease) infinite;}
    /* 外扩涟漪光影（更亮、更高级） */
    .twb-ripple{position:absolute;inset:0;pointer-events:none;z-index:0;mix-blend-mode:screen}
    .twb-ripple::before,
    .twb-ripple::after{
      content:"";position:absolute;left:50%;top:50%;width:40vmin;height:40vmin;border-radius:50%;
      transform:translate(-50%,-50%) scale(0.7);
      background:radial-gradient(circle,rgba(247,226,172,.18) 0%,rgba(247,226,172,.08) 35%,rgba(0,0,0,0) 70%);
      filter:blur(30px);animation:ripple 6.5s ease-in-out infinite;}
    .twb-ripple::after{animation-delay:3.25s;opacity:.8}

    @keyframes orbitGlow{to{transform:rotate(360deg)}}
    @keyframes breatheGlow{0%,100%{transform:scale(1);opacity:.62}50%{transform:scale(1.15);opacity:1}}
    @keyframes sweep{0%{transform:translateX(-120%)}55%{transform:translateX(120%)}100%{transform:translateX(120%)}}
    @keyframes ripple{0%{transform:translate(-50%,-50%) scale(0.7);opacity:.9}
                      70%{transform:translate(-50%,-50%) scale(1.25);opacity:.25}
                      100%{transform:translate(-50%,-50%) scale(1.4);opacity:0}}

    .twb-hero-logo{position:relative;z-index:1;width:min(210px,12vw);height:auto;
      filter:drop-shadow(0 12px 32px rgba(0,0,0,.75));
      transition:transform .5s var(--ease),filter .5s var(--ease);}
    @media(max-width:768px){.twb-hero-logo{width:min(150px,50vw)}}
    @media(max-width:480px){.twb-hero-logo{width:min(130px,40vw)}}

    /* ---------- DESKTOP NAV ---------- */
    .twb-navbar{position:sticky;top:0;z-index:1000;width:100%;
      background:linear-gradient(180deg,#0c0c0e 0%,#000 100%);
      display:flex;justify-content:center;
      box-shadow:0 1px 0 rgba(255,255,255,.06) inset,0 16px 40px rgba(0,0,0,.35)}
    .twb-navbar::before{content:"";position:absolute;top:0;left:0;right:0;height:1px;opacity:.7;background:var(--gold-line)}
    .twb-navbar::after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:var(--gold-line);opacity:.9}
    .twb-nav{display:flex;gap:clamp(18px,4vw,48px);padding:clamp(16px,2.2vw,24px) 28px;margin:0;list-style:none;flex-wrap:wrap;justify-content:center;max-width:1440px;width:100%;transition:padding .28s var(--ease)}
    .twb-nav>li{position:relative}
    .twb-nav a{position:relative;display:inline-block;font:700 14px/1.2 ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial;letter-spacing:.1em;text-transform:uppercase;color:#fff;text-decoration:none;padding:6px 0;transition:color .35s var(--ease),filter .35s var(--ease)}
    .twb-nav a::after{content:"";position:absolute;left:0;bottom:-8px;height:2px;width:0;background:var(--gold-line);transition:width .45s var(--ease)}
    .twb-nav a:hover,.twb-nav a:focus-visible,.twb-nav a[aria-current="page"]{color:transparent;background:var(--gold-line);-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 0 8px rgba(247,226,172,.28))}
    .twb-nav a:hover::after,.twb-nav a:focus-visible::after,.twb-nav a[aria-current="page"]::after{width:100%}
    .twb-subnav{position:absolute;top:100%;left:0;min-width:210px;padding:12px 0;margin:12px 0 0 0;list-style:none;background:rgba(15,15,15,.72);backdrop-filter:blur(14px) saturate(150%);border:1px solid rgba(247,226,172,.22);border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.45);opacity:0;visibility:hidden;transform:translateY(10px);transition:all .35s var(--ease);overflow:hidden}
    .twb-subnav li{margin:0}
    .twb-subnav a{display:block;padding:10px 20px;font-size:13px;color:#fff;text-decoration:none;white-space:nowrap;transition:all .25s ease}
    .twb-subnav a:hover{color:transparent;background:var(--gold-line);-webkit-background-clip:text;background-clip:text}
    .twb-subnav::before{content:"";position:absolute;inset:0;pointer-events:none;border-radius:12px;background:conic-gradient(from 0deg,rgba(247,226,172,.38),rgba(210,174,110,0) 30%,rgba(247,226,172,.38) 60%,rgba(210,174,110,0) 100%);mix-blend-mode:screen;filter:blur(12px);opacity:0;transform:rotate(0deg);transition:opacity .25s var(--ease)}
    .twb-nav li:hover>.twb-subnav{opacity:1;visibility:visible;transform:translateY(0)}
    .twb-nav li:hover>.twb-subnav::before{opacity:.65;animation:borderSweep 1.4s var(--ease) forwards}
    @keyframes borderSweep{from{transform:rotate(0)}to{transform:rotate(360deg)}}
    body.is-stuck .twb-navbar{background:rgba(0,0,0,.86);box-shadow:0 8px 28px rgba(0,0,0,.38);backdrop-filter:blur(8px) saturate(140%)}
    body.is-stuck .twb-nav{padding:12px 24px}
    body.is-stuck .twb-hero-logo{transform:scale(.92)}

    /* ---------- 汉堡按钮 (三条线 ↔ X) ---------- */
  .hamburger{
  position:absolute; top:18px; right:18px; z-index:1100;
  width:34px; height:26px; cursor:pointer; background: none;
    border: none;
  display:none; /* <= 768px 时显示，见下方媒体查询 */
}
.hamburger .bar{
  position:absolute; left:0; width:100%; height:3px;
  background:#fff; border-radius:2px;
  transition: transform .45s cubic-bezier(.22,.61,.36,1),
             opacity   .45s cubic-bezier(.22,.61,.36,1),
             top       .45s cubic-bezier(.22,.61,.36,1);
}
.hamburger .bar:nth-child(1){ top:0 }
.hamburger .bar:nth-child(2){ top:calc(50% - 1.5px) }
.hamburger .bar:nth-child(3){ top:calc(100% - 3px) }

/* 激活态：三条线丝滑变成 X */
.hamburger.active .bar:nth-child(1){ top:calc(50% - 1.5px); transform:rotate(45deg) }
.hamburger.active .bar:nth-child(2){ opacity:0 }
.hamburger.active .bar:nth-child(3){ top:calc(50% - 1.5px); transform:rotate(-45deg) }

/* 仅移动端显示按钮 */
@media (max-width: 768px){
  .hamburger{ display:block }
}

/* —— 让 <li> 本身别影响按钮居中 —— */
.site-nav .nav-cta{
  display:flex;            /* 与你的主导航保持一致 */
  align-items:center;
  margin-left: clamp(12px,2vw,24px);
}

/* ===== NOMINATION：自适应宽度 + 居中 + 斜向自动扫光 ===== */
:root{
  /* 左浅 → 右深：建议用你导航上下金线的同色系 */
  --navGoldA: #e7d3a6;  /* 象牙浅金 */
  --navGoldB: #ccae6d;  /* 柔金 */
  --navGoldC: #a67c3b;  /* 深金 */
}

.cta-nomination{
  /* —— 关键：让文字永远处于“正中间” —— */
  display:inline-grid;
  place-items:center;      /* 垂直+水平都在正中间 */
  text-align:center;
  white-space:nowrap;      /* 不换行，框随字走 */
  line-height: 1;          /* 避免行高把内容顶偏 */

  /* —— 自适应大小 —— */
  padding: 0.9em 2.4em;    /* 只靠内边距，不设固定高度/宽度 */
  border-radius: 999px;
 box-shadow: 0 4px 12px rgba(212, 176, 106, 0.25);
  transition: all 0.3s ease;
  font-weight: 800;
  font-size: 14px;
  letter-spacing: .16em;
  color: #0e0b07;
  text-decoration: none;
  vertical-align: middle;  /* 与其它菜单项对齐 */
@media (max-width: 768px) {
  .cta-nomination {
    padding: 0.7em 1.8em;
    letter-spacing: 0.06em;
  }
}
.cta-nomination:hover {
  transform: translateY(-1px);
  box-shadow: 0 6px 16px rgba(212, 176, 106, 0.35);
}
  /* 背景与描边（深一点的金色） */
  background: linear-gradient(90deg, var(--navGoldA) 0%,
                                       var(--navGoldB) 52%,
                                       var(--navGoldC) 100%);
  border: 1px solid rgba(166,124,59,.9);
  box-shadow:
    0 8px 24px rgba(166,124,59,.25),
    0 0 0 1px rgba(255,255,255,.35) inset,
    0 1px 0 rgba(255,255,255,.45) inset;

  /* 让扫光不被裁剪 */
  position: relative;
  overflow: hidden;

  /* 背景轻微左右“呼吸”，更有质感 */
  background-size: 200% 100%;
  animation: bg-pan 7s ease-in-out infinite;
}

/* 丝滑“斜向”扫光：自动循环，覆盖整个按钮而不是只扫顶部 */
.cta-nomination::after{
  content:"";
  position:absolute;
  inset:-20%;                /* 让高光比按钮大一圈，扫得更完整 */
  border-radius: inherit;
  pointer-events:none;

  /* 斜向的柔光带（宽一些、更丝滑），再旋转一点角度 */
  background: linear-gradient(115deg,
              rgba(255,255,255,0) 35%,
              rgba(255,255,255,.30) 50%,
              rgba(255,255,255,0) 65%);
  transform: translateX(-140%) rotate(16deg);
  opacity: 0;
  filter: blur(.8px);

  /* 自动循环扫光（无需 hover） */
  animation: sheenLoop 4s cubic-bezier(.22,.61,.36,1) .4s infinite;
}

/* 背景“呼吸” */
@keyframes bg-pan{
  0%,100%{ background-position: 0% 0; }
  50%    { background-position: 100% 0; }
}

/* 斜向扫光：从左上斜扫到右下，贯穿整个按钮 */
@keyframes sheenLoop{
  0%   { transform: translateX(-140%) rotate(16deg); opacity: 0; }
  12%  { opacity: .85; }  /* 入场渐显 */
  55%  { transform: translateX(140%)  rotate(16deg); opacity: 0; } /* 出场 */
  100% { transform: translateX(140%)  rotate(16deg); opacity: 0; } /* 间隔 */
}

/* 低运动偏好：关闭动画但保留质感 */
@media (prefers-reduced-motion: reduce){
  .cta-nomination,
  .cta-nomination::after{ animation:none }
}

    /* ---------- 移动端全屏菜单（玻璃 + 丝滑） ---------- */
    .mobile-menu{display:none;position:fixed;inset:0;z-index:1050;background:rgba(10,10,10,.92);backdrop-filter:blur(16px) saturate(160%);transform:translateY(-8%);overflow-y: scroll;opacity:0;transition:transform .45s var(--ease),opacity .45s var(--ease)}
    .mobile-menu.show{display:block;transform:translateY(0);opacity:1}
    .mobile-menu-inner{max-width:720px;margin:0 auto;padding:92px 24px 40px}
    .mobile-list{list-style:none;margin:0;padding:0}
    .mobile-item{border-bottom:1px solid rgba(247,226,172,.16);padding:6px 0}
    .mobile-link,
    .mobile-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;background:transparent;border:none;color:#fff;text-align:left;padding:16px 6px;font:800 18px/1.4 ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;transition:filter .25s var(--ease)}
    /* 点击/焦点 金色渐变文字 */
    .mobile-link:active,.mobile-link:focus,
    .mobile-toggle:active,.mobile-toggle:focus{color:transparent;background:var(--gold-line);-webkit-background-clip:text;background-clip:text;outline:none}
    .chev{width:12px;height:12px;border-right:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(-45deg);transition:transform .25s var(--ease)}
    /* 二级菜单：玻璃背景 + 平滑展开 */
    .mobile-subnav{overflow:hidden;max-height:0;opacity:.0;margin:0 0 10px 0;padding:0 0 0 8px;background:rgba(20,20,20,.55);backdrop-filter:blur(10px) saturate(140%);border-left:1px solid rgba(247,226,172,.22);transition:max-height .42s var(--ease),opacity .35s var(--ease)}
    .mobile-subnav a{display:block;color:#ddd;text-decoration:none;font:700 15px/1.3 ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto;letter-spacing:.08em;padding:10px 0 10px 10px}
    .mobile-subnav a:active,.mobile-subnav a:focus{color:transparent;background:var(--gold-line);-webkit-background-clip:text;background-clip:text;outline:none}
    .mobile-item.open .mobile-subnav{max-height:320px;opacity:1}
    .mobile-item.open .chev{transform:rotate(45deg)}

    /* 切换到移动端：隐藏桌面导航，显示汉堡 */
    @media(max-width:768px){
      .hamburger{display:block}
      .twb-hero{min-height:65px}
      .twb-hero-logo{width:min(75px,50vw)}
	  .twb-nav{display:none}
    }
    /* ===== Mobile: 顶部吸附 + 玻璃效果（只在 <=768px 生效） ===== */
@media (max-width: 768px) {
  /* 导航条始终吸附在顶部，带玻璃质感与阴影 */
  .twb-navbar {
    position: sticky;       /* 关键：吸顶 */
    top: 0;                 /* 贴住顶部 */
    z-index: 1000;          /* 在内容之上（低于全屏菜单的 1050） */
    background: rgba(10, 10, 10, 0.72);
    backdrop-filter: blur(12px) saturate(140%);
    -webkit-backdrop-filter: blur(12px) saturate(140%);
    box-shadow: 0 8px 24px rgba(0,0,0,.35);
  }

  /* 下拉后（body 有 is-stuck 类）略微加深玻璃，保持厚度不塌 */
  body.is-stuck .twb-navbar {
    background: rgba(10, 10, 10, 0.86);
    box-shadow: 0 10px 28px rgba(0,0,0,.40);
  }

  /* 兼容：为了触控更舒服，移动端下导航内边距保持适中 */
  body.is-stuck .twb-nav {
    padding: 12px 20px;
  }
}