:root{--color-primary: #ff9800;--color-primary-hover: #ffa726;--color-primary-active: #f57c00;--color-primary-light: rgba(255, 152, 0, .1);--color-primary-bg: #fff8e1;--color-primary-border: #ffe0b2;--color-success: #52c41a;--color-success-hover: #73d13d;--color-success-active: #389e0d;--color-success-light: rgba(82, 196, 26, .1);--color-success-bg: #f6ffed;--color-success-border: #b7eb8f;--color-warning: #fa8c16;--color-warning-hover: #ffa940;--color-warning-active: #d46b08;--color-warning-light: rgba(250, 140, 22, .1);--color-warning-bg: #fff7e6;--color-warning-border: #ffd591;--color-error: #ff4d4f;--color-error-hover: #ff7875;--color-error-active: #d4380d;--color-error-light: rgba(255, 77, 79, .1);--color-error-bg: #fff2f0;--color-error-border: #ffccc7;--color-info: #1890ff;--color-info-hover: #40a9ff;--color-info-active: #096dd9;--color-info-light: rgba(24, 144, 255, .1);--color-info-bg: #e6f7ff;--color-info-border: #91d5ff;--color-gold: #d4a017;--color-gold-light: rgba(212, 160, 23, .1);--color-gold-bg: #fffbe6;--color-purple: #722ed1;--color-purple-light: rgba(114, 46, 209, .1);--color-purple-bg: #f9f0ff;--color-purple-hover: #9254de;--color-purple-border: #d3adf7;--color-cyan: #13c2c2;--color-cyan-light: rgba(19, 194, 194, .1);--color-cyan-bg: #e6fffb;--color-cyan-hover: #36cfc9;--color-magenta: #eb2f96;--color-magenta-light: rgba(235, 47, 150, .1);--color-magenta-bg: #fff0f6;--color-text-primary: #3e2723;--color-text-secondary: #6d4c41;--color-text-hint: #7d6356;--color-text-disabled: #a08d7d;--color-text-white: #ffffff;--color-text-dark: #333333;--color-text-gray: #666666;--color-text-light: #999999;--color-bg: #ffffff;--color-bg-page: #f5f5f5;--color-bg-hover: #fafafa;--color-bg-active: #ffe0b2;--color-bg-card: #ffffff;--color-bg-gray: #f5f5f5;--color-bg-light: #fafafa;--color-bg-lighter: #f8f9fa;--color-bg-mask: rgba(0, 0, 0, .5);--color-border: #e0d5c0;--color-border-light: #f5efe5;--color-border-base: #e8e8e8;--color-border-dark: #d9d9d9;--color-divider: #eeeeee;--color-shadow-sm: rgba(0, 0, 0, .04);--color-shadow-md: rgba(0, 0, 0, .06);--color-shadow-lg: rgba(0, 0, 0, .08);--color-mask-light: rgba(0, 0, 0, .15);--color-mask-medium: rgba(0, 0, 0, .3);--color-mask-heavy: rgba(0, 0, 0, .5);--color-mask-dark: rgba(0, 0, 0, .7);--color-white-alpha-6: rgba(255, 255, 255, .06);--color-white-alpha-10: rgba(255, 255, 255, .1);--color-white-alpha-15: rgba(255, 255, 255, .15);--color-white-alpha-20: rgba(255, 255, 255, .2);--color-white-alpha-25: rgba(255, 255, 255, .25);--color-white-alpha-30: rgba(255, 255, 255, .3);--color-white-alpha-35: rgba(255, 255, 255, .35);--color-white-alpha-50: rgba(255, 255, 255, .5);--color-white-alpha-70: rgba(255, 255, 255, .7);--color-white-alpha-85: rgba(255, 255, 255, .85);--color-primary-alpha-10: rgba(255, 152, 0, .1);--color-primary-alpha-15: rgba(255, 152, 0, .15);--color-primary-alpha-20: rgba(255, 152, 0, .2);--color-primary-alpha-30: rgba(255, 152, 0, .3);--color-primary-alpha-50: rgba(255, 152, 0, .5);--color-info-alpha-10: rgba(24, 144, 255, .1);--color-info-alpha-15: rgba(24, 144, 255, .15);--color-info-alpha-20: rgba(24, 144, 255, .2);--color-info-alpha-30: rgba(24, 144, 255, .3);--color-info-alpha-50: rgba(24, 144, 255, .5);--color-success-alpha-10: rgba(82, 196, 26, .1);--color-success-alpha-15: rgba(82, 196, 26, .15);--color-success-alpha-20: rgba(82, 196, 26, .2);--color-success-alpha-30: rgba(82, 196, 26, .3);--color-warning-alpha-10: rgba(250, 140, 22, .1);--color-warning-alpha-15: rgba(250, 140, 22, .15);--color-warning-alpha-20: rgba(250, 140, 22, .2);--color-warning-alpha-30: rgba(250, 140, 22, .3);--color-error-alpha-10: rgba(255, 77, 79, .1);--color-error-alpha-15: rgba(255, 77, 79, .15);--color-error-alpha-20: rgba(255, 77, 79, .2);--color-error-alpha-30: rgba(255, 77, 79, .3);--color-gold-alpha-10: rgba(212, 160, 23, .1);--color-gold-alpha-20: rgba(212, 160, 23, .2);--color-gold-alpha-30: rgba(212, 160, 23, .3);--color-purple-alpha-10: rgba(114, 46, 209, .1);--color-purple-alpha-15: rgba(114, 46, 209, .15);--color-purple-alpha-20: rgba(114, 46, 209, .2);--color-purple-alpha-30: rgba(114, 46, 209, .3);--color-cyan-alpha-10: rgba(19, 194, 194, .1);--color-cyan-alpha-20: rgba(19, 194, 194, .2);--color-cyan-alpha-30: rgba(19, 194, 194, .3);--color-theme-blue: #5ba3d9;--color-theme-blue-alpha-10: rgba(91, 163, 217, .1);--color-theme-blue-alpha-15: rgba(91, 163, 217, .15);--color-theme-blue-alpha-20: rgba(91, 163, 217, .2);--color-theme-blue-alpha-25: rgba(91, 163, 217, .25);--color-theme-blue-alpha-30: rgba(91, 163, 217, .3);--color-theme-blue-alpha-40: rgba(91, 163, 217, .4);--color-theme-blue-alpha-50: rgba(91, 163, 217, .5);--color-theme-blue-alpha-60: rgba(91, 163, 217, .6);--color-theme-blue-alpha-70: rgba(91, 163, 217, .7);--color-theme-blue-alpha-80: rgba(91, 163, 217, .8);--color-gold-warm: #e5b87a;--color-gold-warm-alpha-10: rgba(229, 184, 122, .1);--color-gold-warm-alpha-15: rgba(229, 184, 122, .15);--color-gold-warm-alpha-20: rgba(229, 184, 122, .2);--color-gold-warm-alpha-30: rgba(229, 184, 122, .3);--color-gold-warm-alpha-50: rgba(229, 184, 122, .5);--color-gradient-blue-purple: linear-gradient(135deg, #667eea, #764ba2);--color-gradient-info: linear-gradient(135deg, #1890ff, #40a9ff);--color-gradient-success: linear-gradient(135deg, #52c41a, #73d13d);--color-gradient-warning: linear-gradient(135deg, #fa8c16, #ffa940);--color-gradient-error: linear-gradient(135deg, #f5222d, #ff7a45);--color-gradient-purple: linear-gradient(135deg, #722ed1, #b37feb);--color-gradient-cyan: linear-gradient(135deg, #13c2c2, #36cfc9);--color-gradient-gold: linear-gradient(135deg, #d4a017, #e5b87a);--border-radius-sm: 8px;--border-radius-md: 10px;--border-radius-lg: 14px;--border-radius-full: 9999px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .04);--shadow-md: 0 3px 10px rgba(0, 0, 0, .06);--shadow-lg: 0 6px 18px rgba(0, 0, 0, .08);--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 12px;--spacing-lg: 16px;--spacing-xl: 24px;--spacing-2xl: 32px;--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Arial, "Noto Sans", sans-serif;--font-family-mono: "SF Mono", "Consolas", "Liberation Mono", Menlo, monospace;--font-size-xs: 14px;--font-size-sm: 15px;--font-size-base: 16px;--font-size-md: 17px;--font-size-lg: 20px;--font-size-xl: 24px;--font-size-2xl: 30px;--font-size-3xl: 36px;--line-height-tight: 1.3;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--z-index-dropdown: 1000;--z-index-modal: 1100;--z-index-toast: 1200;--z-index-animation: 1300;--btn-min-height: 44px;--btn-padding: 10px 16px;--btn-font-size: 16px;--btn-border-radius: 10px;--btn-font-weight: 600}*{margin:0;padding:0;box-sizing:border-box}html,body{font-family:var(--font-family);font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--color-text-primary);background-color:var(--color-bg-page);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:var(--color-primary);text-decoration:none}a:hover{color:var(--color-primary-hover)}button{font-family:inherit;font-size:var(--font-size-sm);cursor:pointer;border:none;background:none}input,textarea,select{font-family:inherit;font-size:var(--font-size-base);padding:10px 14px;border:1.5px solid var(--color-border);border-radius:var(--border-radius-md);background:var(--color-bg);color:var(--color-text-primary);transition:border-color .2s;min-height:44px}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}input::placeholder,textarea::placeholder{color:var(--color-text-hint)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--color-text-hint)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:var(--btn-padding);font-size:var(--btn-font-size);font-weight:var(--btn-font-weight);min-height:var(--btn-min-height);border-radius:var(--btn-border-radius);cursor:pointer;border:none;transition:all .2s;white-space:nowrap}.btn-primary{background:var(--color-primary);color:var(--color-text-white)}.btn-primary:hover{background:var(--color-primary-hover);box-shadow:0 2px 8px var(--color-primary-alpha-30)}.btn-success{background:var(--color-success);color:var(--color-text-white)}.btn-success:hover{background:var(--color-success-hover)}.btn-danger{background:var(--color-error);color:var(--color-text-white)}.btn-danger:hover{background:var(--color-error-hover)}.btn-ghost{background:transparent;color:var(--color-text-secondary);border:1.5px solid var(--color-border)}.btn-ghost:hover{background:var(--color-bg-hover);border-color:var(--color-primary);color:var(--color-primary)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background:var(--color-bg-gray);color:var(--color-text-gray);border:1.5px solid var(--color-border-base)}.btn-secondary:hover{background:var(--color-border-base);color:var(--color-text-dark)}.btn-cancel{background:var(--color-bg-light);color:var(--color-text-gray);border:1.5px solid var(--color-border-base)}.btn-cancel:hover{background:var(--color-bg-gray)}.btn-sm{padding:6px 12px;font-size:14px;min-height:36px;border-radius:8px}.btn-lg{padding:14px 24px;font-size:17px;min-height:50px;border-radius:12px}.btn-block{width:100%}.btn-icon{padding:8px;min-height:36px;min-width:36px;border-radius:50%}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.text-center{text-align:center}.text-secondary{color:var(--color-text-secondary)}.font-bold{font-weight:700}@keyframes starFloat{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-60px) scale(1.5)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@media (max-width: 900px){*{-webkit-tap-highlight-color:transparent}html,body{touch-action:pan-y;-ms-touch-action:pan-y}input,textarea,select{font-size:16px}}