:root{--theme-primary: #d4af37;--theme-primary-hover: #e5c45a;--theme-primary-active: #b8962f;--theme-secondary: #8b0000;--bg-base: #0a0a0a;--bg-elevated: #141414;--bg-overlay: rgba(0, 0, 0, .8);--bg-subtle: rgba(255, 255, 255, .03);--bg-hover: rgba(255, 255, 255, .06);--text-primary: #ffffff;--text-secondary: rgba(255, 255, 255, .7);--text-muted: rgba(255, 255, 255, .5);--text-disabled: rgba(255, 255, 255, .3);--color-success: #52c41a;--color-warning: #faad14;--color-error: #ff4d4f;--color-info: #1890ff;--border-default: rgba(255, 255, 255, .1);--border-hover: rgba(255, 255, 255, .2);--border-active: var(--theme-primary);--font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans SC", sans-serif;--font-family-mono: "SF Mono", Monaco, "Cascadia Code", Consolas, monospace;--text-display: 48px;--text-h1: 32px;--text-h2: 24px;--text-h3: 18px;--text-body: 14px;--text-small: 12px;--text-tiny: 10px;--font-regular: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .3);--shadow-md: 0 4px 16px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .5);--shadow-glow: 0 0 20px rgba(212, 175, 55, .3);--z-base: 0;--z-qrcode: 50;--z-dropdown: 100;--z-sticky: 200;--z-modal: 300;--z-toast: 400;--z-tooltip: 500;--transition-fast: .15s ease;--transition-normal: .2s ease;--transition-slow: .3s ease;--toolbar-height: 65px;--qrcode-width: 180px;--primary-color: var(--theme-primary);--secondary-color: var(--theme-secondary);--background-color: var(--bg-base);--background-image: none}[data-theme=annual]{--theme-primary: #d4af37;--theme-primary-hover: #e5c45a;--theme-secondary: #8b0000;--bg-base: #0a0a0a;--bg-elevated: #141414}[data-theme=wedding]{--theme-primary: #e8b4b8;--theme-primary-hover: #f0c5c9;--theme-secondary: #c9a86c;--bg-base: #1a1215;--bg-elevated: #241a1d}[data-theme=exhibition]{--theme-primary: #4a9eff;--theme-primary-hover: #6db3ff;--theme-secondary: #00d4aa;--bg-base: #0a0f1a;--bg-elevated: #121a28}[data-theme=team]{--theme-primary: #ff6b35;--theme-primary-hover: #ff8555;--theme-secondary: #4ecdc4;--bg-base: #0f0a0a;--bg-elevated: #1a1414}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;font-family:var(--font-family);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background-color:#000;color:var(--text-primary);overflow:hidden}#app{width:100%;height:100%}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer}img{max-width:100%;height:auto}ul,ol{list-style:none}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.hide-scrollbar::-webkit-scrollbar{display:none}@keyframes checkin-enter{0%{transform:scale(.1) rotate(0);opacity:0}60%{transform:scale(1.2) rotate(360deg);opacity:1}to{transform:scale(1) rotate(360deg);opacity:1}}.checkin-enter{animation:checkin-enter 1s ease-out}@keyframes danmaku-scroll{0%{transform:translate(100%)}to{transform:translate(-100%)}}.danmaku-scroll{animation:danmaku-scroll var(--duration, 10s) linear}@keyframes lottery-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.lottery-spin{animation:lottery-spin .1s linear infinite}@keyframes winner-flash{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}.winner-flash{animation:winner-flash .5s ease-in-out infinite}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.fade-in{animation:fade-in .3s ease}@keyframes slide-up{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.slide-up{animation:slide-up .4s ease}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.pulse{animation:pulse 2s ease-in-out infinite}