/* 微短剧大武当赛事站 — 设计令牌
 * 风格：站酷活动页同款浅蓝/天青 + 珊瑚红强调，清爽现代赛事页
 */
  @theme inline {
    --color-background: var(--brand-background);
    --color-foreground: var(--brand-foreground);
    --color-card: var(--brand-card);
    --color-card-foreground: var(--brand-card-foreground);
    --color-primary: var(--brand-primary);
    --color-primary-foreground: var(--brand-primary-foreground);
    --color-muted: var(--brand-muted);
    --color-muted-foreground: var(--brand-muted-foreground);
    --color-border: var(--brand-border);
    --radius-sm: var(--brand-radius-sm);
    --radius-md: var(--brand-radius-md);
    --radius-lg: var(--brand-radius-lg);
  }
  @layer base {
    body { background: var(--brand-background-gradient); color: var(--brand-foreground); }
  }
:root {
  /* Brand — sky-blue / cyan primary */
  --brand-50: #f0f9ff;
  --brand-100: #e0f2fe;
  --brand-200: #bae6fd;
  --brand-300: #7dd3fc;
  --brand-400: #38bdf8;
  --brand-500: #0ea5e9;
  --brand-600: #0284c7;

  /* Neutral surface/text foundation */
  --gray-0: #ffffff;
  --gray-50: #f8fafc;
  --gray-100: #f1f5f9;
  --gray-200: #e2e8f0;
  --gray-400: #94a3b8;
  --gray-500: #64748b;
  --gray-700: #334155;
  --gray-900: #0f172a;

  /* Semantic tokens — light mode default */
  --brand-background: #f5f7fa;
  --brand-background-gradient: linear-gradient(135deg, #38bdf8 0%, #4ade80 100%);
  --brand-foreground: #0f172a;
  --brand-card: rgba(255, 255, 255, 0.92);
  --brand-card-foreground: #0f172a;
  --brand-popover: #ffffff;
  --brand-popover-foreground: #0f172a;
  --brand-primary: #0ea5e9;
  --brand-primary-foreground: #ffffff;
  --brand-muted: #f1f5f9;
  --brand-muted-foreground: #64748b;
  --brand-border: #e2e8f0;
  --brand-input: #e2e8f0;
  --brand-ring: #38bdf8;
  --brand-radius-sm: 4px;
  --brand-radius-md: 8px;
  --brand-radius-lg: 16px;

  /* Legacy aliases used by page CSS */
  --ink: #0f172a;

  /* Shadows */
  --shadow-1: 0 1px 2px rgba(15, 23, 42, 0.06), 0 1px 1px rgba(15, 23, 42, 0.04);
  --shadow-2: 0 8px 24px -8px rgba(15, 23, 42, 0.12);
  --shadow-3: 0 24px 60px -20px rgba(15, 23, 42, 0.18);

  /* Typography */
  --font-sans: "Inter", "Noto Sans SC", "PingFang SC", "Microsoft YaHei", system-ui, sans-serif;
}

html {
  font-family: var(--font-sans);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

body {
  background: var(--brand-background-gradient);
  color: var(--ink);
}

#winners{padding-block: calc(var(--spacing) * 20);}
#process{padding-block: calc(var(--spacing) * 20);}
/* Semantic token fallback */
.rz-bg-background {background-color: linear-gradient(135deg, #38bdf8 0%, #4ade80 100%);         }
.bg-background { background: #ededed; }
.text-background { color: var(--brand-background); }
.border-background { border-color: var(--brand-background); }
.ring-background { --tw-ring-color: var(--brand-background); }
.bg-foreground { background-color: var(--brand-foreground); }
.text-foreground-b{color: #000;}
.text-foreground-w{color: #fff;}
.text-foreground { color: #fff; }
.border-foreground { border-color: var(--brand-foreground); }
.ring-foreground { --tw-ring-color: var(--brand-foreground); }
.bg-card { background-color: var(--brand-card); }
.text-card { color: var(--brand-card); }
.border-card { border-color: var(--brand-card); }
.ring-card { --tw-ring-color: var(--brand-card); }
.bg-card-foreground { background-color: var(--brand-card-foreground); }
.text-card-foreground { color: var(--brand-card-foreground); }
.border-card-foreground { border-color: var(--brand-card-foreground); }
.ring-card-foreground { --tw-ring-color: var(--brand-card-foreground); }
.bg-primary { background-color: var(--brand-primary); }
.text-primary { color: var(--brand-primary); }
.border-primary { border-color: var(--brand-primary); }
.ring-primary { --tw-ring-color: var(--brand-primary); }
.bg-primary-foreground { background-color: var(--brand-primary-foreground); }
.text-primary-foreground { color: var(--brand-primary-foreground); }
.border-primary-foreground { border-color: var(--brand-primary-foreground); }
.ring-primary-foreground { --tw-ring-color: var(--brand-primary-foreground); }
.bg-muted { background-color: var(--brand-muted); }
.text-muted { color: var(--brand-muted); }
.border-muted { border-color: var(--brand-muted); }
.ring-muted { --tw-ring-color: var(--brand-muted); }
.bg-muted-foreground { background-color: var(--brand-muted-foreground); }
.text-muted-foreground { color: var(--brand-muted-foreground); }
.border-muted-foreground { border-color: var(--brand-muted-foreground); }
.ring-muted-foreground { --tw-ring-color: var(--brand-muted-foreground); }
.bg-border { background-color: var(--brand-border); }
.text-border { color: var(--brand-border); }
.border-border { border-color: var(--brand-border); }
.ring-border { --tw-ring-color: var(--brand-border); }

/* Helper utilities */
.no-scrollbar::-webkit-scrollbar { display: none; }
.no-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }
.rz-auto {
  position: absolute;
  left: 0;
  right: 0;
  text-align: center;
  margin: -60px auto;
  font-size: 2rem;
}
.hidden li{    display: flex;border: 4px solid rgb(255, 225, 170);border-radius: 71px;background: linear-gradient(100deg, rgb(255, 98, 115) 11.729%, rgb(255, 49, 52) 89.109%);} 
.hidden li a{color: #fff;margin: 0.3rem 3rem;    font-size: 1.5rem;}
.hidden li:hover{background: linear-gradient(rgb(255, 255, 255) 0%, rgb(255, 233, 189) 100%);    border-color: rgb(255, 64, 96);}
.hidden li:hover a{color: #001130;}





/*分页*/
.page {padding-top: 40px;padding-bottom: 10px;text-decoration: none;text-align: center;clear: both;font-family: "微软雅黑"; font-size:14px;color: #fff;}
.page select { border:1px solid #fff;padding:3px 4px;}
.page a,
.page a:visited {border: 1px solid #fff;padding:6px 8px;margin: 0 2px;text-decoration: none;text-align: center;color: #fff;font-family: "微软雅黑";}
.page a:hover {border: 1px solid #113c8c;background: #113c8c;text-decoration: none;color: #FFFFFF!important;font-family: "微软雅黑";}
.page span {padding: 4px 6px;text-decoration: none;text-align: center;border: 1px solid #1c1d75;background: #1c1d75;color: #FFFFFF;font-family: "微软雅黑";}
.page b{padding:6px 8px;background: #113c8c;color: #FFFFFF!important;}
.page a b{padding:0px;background: none;color: #333333!important;}
.page b{padding:6px 8px;}
.page i{border: 1px solid #fff;padding: 4px 20px;font-style: normal;background-color: #ffffff;color: #3c3c3c;}
.page a:hover b{color: #FFFFFF!important;}
.page .mpg{ float:left;}
option{color:#000;}