/* 鈺愨晲鈺愨晲鈺愨晲鈺愨晲鈺愨晲鈺愨晲鈺愨晲鈺愨晲 Reset & Base 鈺愨晲鈺愨晲鈺愨晲鈺愨晲鈺愨晲鈺愨晲鈺愨晲鈺愨晲 */
*, *::before, *::after { box-sizing: border-box; }
html, body { margin:0; padding:0; }
body {
  font-family:'Microsoft YaHei',sans-serif;
  background:var(--bg-gradient);
  min-height:100vh; min-height:100dvh;
  display:flex; justify-content:center; align-items:center;
  overflow:hidden; color:var(--text-primary);
}

/* 鈺愨晲鈺愨晲鈺愨晲鈺愨晲鈺愨晲鈺愨晲鈺愨晲鈺愨晲 涓诲竷灞€ 鈺愨晲鈺愨晲鈺愨晲鈺愨晲鈺愨晲鈺愨晲鈺愨晲鈺愨晲 */
.main-container {
  display:flex; flex-direction:column; align-items:center; justify-content:center;
  width:100vw; height:100vh; height:100dvh;
  position:relative;
}

/* 鈺愨晲鈺愨晲鈺愨晲鈺愨晲鈺愨晲鈺愨晲鈺愨晲鈺愨晲 鏍囬 & 鐘舵€?鈺愨晲鈺愨晲鈺愨晲鈺愨晲鈺愨晲鈺愨晲鈺愨晲鈺愨晲 */
.wheel-title {
  font-size:clamp(1.5rem,4vw,3rem); font-weight:bold;
  background:linear-gradient(45deg,var(--gold),var(--gold-dark),var(--gold));
  -webkit-background-clip:text; -webkit-text-fill-color:transparent;
  letter-spacing:4px;
  margin-bottom:clamp(8px,2vh,20px);
  user-select:none;
}
.current-plan-badge {
  font-size:0.8rem; color:var(--text-muted);
  margin-bottom:clamp(8px,1.5vh,18px);
}
.current-plan-badge span { color:var(--gold); font-weight:bold; }