:root{--color-primary:#ff6b35;--color-primary-light:#ff8f5e;--color-primary-dark:#e55a2b;--gradient-win:linear-gradient(135deg, #ff6b6b 0%, #ff8e53 100%);--gradient-lose:linear-gradient(135deg, #a8a8a8 0%, silver 100%);--gradient-draw:linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--gradient-option-1:linear-gradient(135deg, #ff6b6b 0%, #ff8e53 100%);--gradient-option-2:linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--gradient-option-3:linear-gradient(135deg, #43e97b 0%, #38f9d7 100%);--gradient-option-4:linear-gradient(135deg, #fa709a 0%, #fee140 100%);--gradient-option-5:linear-gradient(135deg, #a18cd1 0%, #fbc2eb 100%);--gradient-option-6:linear-gradient(135deg, #fdcb6e 0%, #e17055 100%);--gradient-header:linear-gradient(135deg, #ff6b35 0%, #ff9a3e 100%);--gradient-tab-active:linear-gradient(135deg, #ff6b35 0%, #ff9a3e 100%);--gradient-info-bar:linear-gradient(135deg, #fff3e0 0%, #ffe0b2 100%);--bg-main:#f0f5f0;--bg-card:rgba(255,255,255,.95);--bg-card-hover:#fff;--bg-overlay:rgba(0,0,0,.5);--text-primary:#333;--text-secondary:#666;--text-tertiary:#999;--text-white:#fff;--text-accent:#ff6b35;--border-light:rgba(0,0,0,.06);--border-card:rgba(255,255,255,.3);--font-family:"Noto Sans SC", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-size-xs:11px;--font-size-sm:12px;--font-size-base:14px;--font-size-md:15px;--font-size-lg:16px;--font-size-xl:18px;--font-size-2xl:20px;--font-size-3xl:24px;--space-xs:4px;--space-sm:8px;--space-md:12px;--space-lg:16px;--space-xl:20px;--space-2xl:24px;--space-3xl:32px;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:20px;--radius-full:50px;--shadow-sm:0 1px 3px rgba(0,0,0,.08);--shadow-md:0 4px 12px rgba(0,0,0,.1);--shadow-lg:0 8px 24px rgba(0,0,0,.12);--shadow-card:0 2px 16px rgba(0,0,0,.08);--transition-fast:.15s ease;--transition-normal:.3s ease;--transition-slow:.5s ease;--z-header:100;--z-tab-bar:100;--z-modal:200;--z-toast:300}*,:before,:after{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%;font-size:16px}body{font-family:var(--font-family);font-size:var(--font-size-base);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;touch-action:manipulation;line-height:1.5;overflow-x:hidden}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}ul,ol{list-style:none}button,input,textarea{font-family:inherit;font-size:inherit;background:0 0;border:none;outline:none}button{cursor:pointer;touch-action:manipulation}::-webkit-scrollbar{display:none}*{-ms-overflow-style:none;scrollbar-width:none}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.05)}70%{transform:scale(.95)}to{transform:scale(1)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes progressFill{0%{width:0}to{width:var(--progress-width,0%)}}.animate-fade-in-up{animation:.5s forwards fadeInUp}.animate-fade-in{animation:.3s forwards fadeIn}.animate-slide-in-right{animation:.4s forwards slideInRight}.animate-bounce-in{animation:.6s forwards bounceIn}.animate-scale-in{animation:.3s forwards scaleIn}html,body,#app{background:var(--bg-main);width:100%;min-height:100vh}#app{max-width:480px;min-height:100vh;margin:0 auto;position:relative;overflow-x:hidden}.text-center{text-align:center}.text-accent{color:var(--text-accent)}.font-bold{font-weight:700}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}