*{margin:0;padding:0;box-sizing:border-box}:root{--primary-color:#0077b6;--primary-dark:#005f8a;--secondary-color:#e0f2fe;--accent-color:#2d6a4f;--text-dark:#1a1a2e;--text-light:#6c757d;--bg-color:#f0f9ff;--card-bg:#ffffff;--shadow:0 4px 15px rgba(0, 119, 182, 0.08);--shadow-hover:0 8px 25px rgba(0, 119, 182, 0.15);--border-radius:16px;--transition:all 0.3s ease;--danger-color:#d62828;--warning-color:#f77f00;--success-color:#2d6a4f;--combo-bg:linear-gradient(135deg, #f77f00, #fcbf49);--combo-color:#fff;--btn-hint-bg:#f0fdf4;--btn-hint-color:#2d6a4f;--btn-hint-border:#a7f3d0;--input-bg:#f8fdff;--input-border:#e0f2fe;--input-focus-border:#00b4d8;--player-bubble-bg:#d4edda;--player-bubble-color:#1b4332;--player-bubble-border:#a7f3d0;--ai-bubble-bg:#fee2e2;--ai-bubble-color:#7f1d1d;--ai-bubble-border:#fecaca;--system-bubble-bg:#e0f2fe;--system-bubble-color:#0077b6;--system-bubble-border:#bae6fd;--logo-gradient:linear-gradient(135deg, #0077b6, #00b4d8, #48cae4);--timer-bar-bg:#2d6a4f;--score-panel-bg:linear-gradient(135deg, #ffffff 0%, #e0f2fe 100%);--theme-name:'fresh'}body{font-family:'Noto Sans SC','Microsoft YaHei',sans-serif;background-color:var(--bg-color);color:var(--text-dark);min-height:100vh;overflow-x:hidden}[data-theme=cute]{--primary-color:#e91e63;--primary-dark:#c2185b;--secondary-color:#fce4ec;--accent-color:#e91e63;--text-dark:#333;--text-light:#999;--bg-color:#fce4ec;--card-bg:rgba(255,255,255,0.85);--shadow:0 8px 25px rgba(0,0,0,0.08);--shadow-hover:0 15px 35px rgba(0,0,0,0.15);--border-radius:24px;--danger-color:#ff5252;--warning-color:#ffd54f;--success-color:#69f0ae;--combo-bg:linear-gradient(135deg, #ffd54f, #ffb74d);--combo-color:#f57f17;--btn-hint-bg:linear-gradient(135deg, #ffd54f, #ffb74d);--btn-hint-color:#f57f17;--btn-hint-border:transparent;--input-bg:#fce4ec;--input-border:#f8bbd0;--input-focus-border:#e91e63;--player-bubble-bg:linear-gradient(135deg, #ff80ab, #f48fb1);--player-bubble-color:#fff;--player-bubble-border:transparent;--ai-bubble-bg:linear-gradient(135deg, #b388ff, #9c7cf4);--ai-bubble-color:#fff;--ai-bubble-border:transparent;--system-bubble-bg:linear-gradient(135deg, #ffd54f, #ffe082);--system-bubble-color:#f57f17;--system-bubble-border:transparent;--logo-gradient:linear-gradient(135deg, #ff6b9d, #c084fc, #60a5fa);--timer-bar-bg:linear-gradient(135deg, #69f0ae, #00e676);--score-panel-bg:linear-gradient(135deg, rgba(255,255,255,0.85), rgba(255,224,230,0.85));--theme-name:'cute'}[data-theme=cute] body{font-family:'ZCOOL KuaiLe','Microsoft YaHei',sans-serif}[data-theme=guofeng]{--primary-color:#c45c48;--primary-dark:#a04030;--secondary-color:#f4e4c1;--accent-color:#2c5f41;--text-dark:#333;--text-light:#666;--bg-color:#f9f5e9;--card-bg:#fffef8;--shadow:0 4px 20px rgba(0, 0, 0, 0.1);--shadow-hover:0 8px 30px rgba(0, 0, 0, 0.15);--border-radius:12px;--danger-color:#e74c3c;--warning-color:#f39c12;--success-color:#2c5f41;--combo-bg:var(--primary-color);--combo-color:var(--secondary-color);--btn-hint-bg:var(--accent-color);--btn-hint-color:#fff;--btn-hint-border:transparent;--input-bg:#fff;--input-border:#e0e0e0;--input-focus-border:var(--primary-color);--player-bubble-bg:var(--accent-color);--player-bubble-color:#fff;--player-bubble-border:transparent;--ai-bubble-bg:var(--primary-color);--ai-bubble-color:#fff;--ai-bubble-border:transparent;--system-bubble-bg:var(--secondary-color);--system-bubble-color:var(--text-dark);--system-bubble-border:transparent;--logo-gradient:var(--primary-color);--timer-bar-bg:var(--accent-color);--score-panel-bg:linear-gradient(135deg, var(--card-bg) 0%, var(--secondary-color) 100%);--theme-name:'guofeng'}[data-theme=guofeng] body{font-family:'Ma Shan Zheng','ZCOOL XiaoWei','Noto Serif SC','Microsoft YaHei',serif}[data-theme=pixel]{--primary-color:#ffd700;--primary-dark:#e6c200;--secondary-color:#16213e;--accent-color:#00d4ff;--text-dark:#eee;--text-light:#888;--bg-color:#1a1a2e;--card-bg:#16213e;--shadow:0 0 15px rgba(0, 212, 255, 0.15);--shadow-hover:0 0 25px rgba(0, 212, 255, 0.3);--border-radius:2px;--danger-color:#ff6b6b;--warning-color:#ffd700;--success-color:#00d4ff;--combo-bg:#16213e;--combo-color:#ffd700;--btn-hint-bg:#16213e;--btn-hint-color:#00d4ff;--btn-hint-border:#00d4ff;--input-bg:#0f0f23;--input-border:#333;--input-focus-border:#00d4ff;--player-bubble-bg:#16213e;--player-bubble-color:#00d4ff;--player-bubble-border:#00d4ff;--ai-bubble-bg:#16213e;--ai-bubble-color:#ff6b6b;--ai-bubble-border:#ff6b6b;--system-bubble-bg:#16213e;--system-bubble-color:#ffd700;--system-bubble-border:#ffd700;--logo-gradient:#ffd700;--timer-bar-bg:#00d4ff;--score-panel-bg:#16213e;--theme-name:'pixel'}[data-theme=pixel] body{font-family:'Microsoft YaHei',sans-serif;background-image:linear-gradient(rgba(0,0,0,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,.03) 1px,transparent 1px);background-size:4px 4px}[data-theme=doodle]{--primary-color:#ff6b6b;--primary-dark:#e55a5a;--secondary-color:#fff9c4;--accent-color:#6bcb77;--text-dark:#333;--text-light:#999;--bg-color:#fffbf0;--card-bg:#ffffff;--shadow:4px 4px 0 rgba(0,0,0,0.12);--shadow-hover:6px 6px 0 rgba(0,0,0,0.18);--border-radius:4px 16px 4px 16px;--danger-color:#ff6b6b;--warning-color:#ffd93d;--success-color:#6bcb77;--combo-bg:#ffd93d;--combo-color:#333;--btn-hint-bg:#e8f4fd;--btn-hint-color:#333;--btn-hint-border:#333;--input-bg:#fffbf0;--input-border:#ddd;--input-focus-border:#ff6b6b;--player-bubble-bg:#d4fc79;--player-bubble-color:#333;--player-bubble-border:#333;--ai-bubble-bg:#ffe0ec;--ai-bubble-color:#333;--ai-bubble-border:#333;--system-bubble-bg:#e8f4fd;--system-bubble-color:#333;--system-bubble-border:#333;--logo-gradient:#333;--timer-bar-bg:#6bcb77;--score-panel-bg:#fff;--theme-name:'doodle'}[data-theme=doodle] body{font-family:'Long Cang','Comic Sans MS','Microsoft YaHei',cursive;background-image:linear-gradient(rgba(180,210,230,.25) 1px,transparent 1px),linear-gradient(90deg,rgba(180,210,230,.25) 1px,transparent 1px);background-size:30px 30px}.game-container{position:relative;max-width:900px;margin:0 auto;min-height:100vh;display:flex;flex-direction:column}.bg-decoration{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:-1;overflow:hidden}.cloud{position:absolute;background:rgba(255,255,255,.6);border-radius:100px;opacity:.8}.cloud::before{content:'';position:absolute;background:rgba(255,255,255,.6);border-radius:100px}.cloud-1{width:120px;height:40px;top:15%;left:10%;animation:20s ease-in-out infinite float}.cloud-1::before{width:60px;height:60px;top:-30px;left:15px}.cloud-2{width:100px;height:35px;top:25%;right:15%;animation:25s ease-in-out infinite reverse float}.cloud-2::before{width:50px;height:50px;top:-25px;right:15px}.cloud-3{width:80px;height:30px;top:60%;left:5%;animation:30s ease-in-out infinite float}@keyframes float{0%,100%{transform:translateX(0) translateY(0)}50%{transform:translateX(30px) translateY(-10px)}}.screen{flex:1;display:flex;flex-direction:column;padding:20px;animation:.5s fadeIn}.screen.hidden{display:none}@keyframes fadeIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.loading-screen{justify-content:center;align-items:center;text-align:center}.loading-content{max-width:400px;width:100%}.loading-bar-container{width:100%;height:8px;background:var(--input-border);border-radius:4px;overflow:hidden;margin:30px 0 15px}.loading-bar{height:100%;width:0%;background:var(--primary-color);border-radius:4px;transition:width .3s}.loading-text{color:var(--text-light);font-size:.9rem}.menu-screen{justify-content:center;align-items:center;text-align:center}.menu-content{max-width:600px;width:100%}.logo{margin-bottom:40px}.logo h1{font-size:4rem;background:var(--logo-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:.2em;margin-bottom:10px}.subtitle{font-size:1.2rem;color:var(--text-light);letter-spacing:.3em}.mode-selection h2{font-size:1.3rem;color:var(--text-dark);margin-bottom:20px;position:relative;display:inline-block}.mode-selection h2::after{content:'';position:absolute;bottom:-5px;left:50%;transform:translateX(-50%);width:60px;height:3px;background:var(--primary-color);border-radius:2px}.mode-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;margin-bottom:30px}.mode-card{background:var(--card-bg);border:2px solid transparent;border-radius:var(--border-radius);padding:25px 15px;cursor:pointer;transition:var(--transition);display:flex;flex-direction:column;align-items:center;gap:10px;box-shadow:var(--shadow)}.mode-card:hover{border-color:var(--primary-color);transform:translateY(-5px);box-shadow:var(--shadow-hover)}.mode-icon{font-size:2.5rem}.mode-name{font-size:1.2rem;font-weight:600;color:var(--text-dark)}.mode-desc{font-size:.85rem;color:var(--text-light);line-height:1.4}.menu-actions{margin-bottom:30px}.game-info{color:var(--text-light);font-size:.9rem;line-height:1.8}.game-info strong{color:var(--primary-color)}.loading-status{font-size:.8rem;color:var(--text-light);opacity:.7;margin-top:4px}.theme-toast{position:fixed;bottom:80px;left:50%;transform:translateX(-50%);background:var(--card-bg);color:var(--text-dark);border:1px solid var(--input-border);padding:8px 20px;border-radius:20px;font-size:.85rem;box-shadow:var(--shadow);z-index:300;opacity:0;transition:opacity .3s;pointer-events:none}.theme-toast.show{opacity:1}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;border:none;border-radius:25px;font-family:inherit;font-size:1rem;cursor:pointer;transition:var(--transition);text-decoration:none}.btn-primary{background:var(--primary-color);color:#fff}.btn-primary:hover{background:var(--primary-dark);transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.2)}.btn-secondary{background:var(--secondary-color);color:var(--text-dark)}.btn-secondary:hover{background:#e8d4a8}.btn-share{background:linear-gradient(135deg,var(--success-color),var(--accent-color));color:#fff;width:100%;margin-bottom:10px}.btn-share:hover{filter:brightness(.9)}.btn-share.copied{background:var(--text-light)}.btn-danger{background:var(--danger-color);color:#fff}.btn-danger:hover{filter:brightness(.85)}.btn-hint{background:var(--btn-hint-bg);color:var(--btn-hint-color);border:1px solid var(--btn-hint-border)}.btn-hint:hover{filter:brightness(.9);transform:translateY(-2px)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.ad-banner{padding:5px 15px;text-align:center;flex-shrink:0}.ad-placeholder{background:rgba(139,69,19,.1);border:1px dashed rgba(139,69,19,.3);padding:8px;border-radius:8px;font-size:.75rem;color:#999;min-height:50px;display:flex;align-items:center;justify-content:center}.btn-watch-ad{background:linear-gradient(135deg,#ff9800,#f57c00);color:#fff;font-size:.75rem;padding:4px 8px;border-radius:4px;border:none;cursor:pointer;margin-left:8px}.btn-watch-ad:hover{background:linear-gradient(135deg,#f57c00,#e65100)}.btn-icon{background:0 0;border:none;font-size:1.5rem;cursor:pointer;padding:8px;border-radius:50%;transition:var(--transition)}.btn-icon:hover{background:rgba(0,0,0,.05)}.game-screen{padding:0;display:flex;flex-direction:column;height:100vh;overflow:hidden}.game-header{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;background:var(--card-bg);border-bottom:1px solid var(--input-border);flex-shrink:0;z-index:10}.mode-badge{background:var(--primary-color);color:#fff;padding:5px 15px;border-radius:20px;font-size:.9rem;font-weight:600}.timer-container{display:flex;align-items:center;gap:10px;width:200px}.timer-bar-container{flex:1;height:8px;background:var(--input-border);border-radius:4px;overflow:hidden}.timer-bar{height:100%;background:var(--accent-color);border-radius:4px;transition:width 1s linear,background-color .3s}.timer-bar.warning{background:var(--warning-color)}.timer-bar.danger{background:var(--danger-color)}.timer-text{font-weight:600;color:var(--text-dark);min-width:35px}.total-timer{font-size:.9rem;color:var(--primary-color);font-weight:600}.score-panel{display:flex;justify-content:space-around;padding:10px 20px;background:var(--score-panel-bg);border-bottom:1px solid var(--input-border);flex-shrink:0}.score-item{text-align:center}.score-label{display:block;font-size:.8rem;color:var(--text-light);margin-bottom:5px}.score-value{display:block;font-size:1.5rem;font-weight:700;color:var(--text-dark)}.player-score .score-value{color:var(--accent-color)}.ai-score .score-value{color:var(--primary-color)}.current-display{text-align:center;padding:15px;background:var(--card-bg);border-bottom:1px solid var(--input-border);flex-shrink:0}.current-label{font-size:.9rem;color:var(--text-light);margin-bottom:10px}.current-char{font-size:4rem;font-weight:700;color:var(--primary-color);text-shadow:2px 2px 0 var(--secondary-color);margin-bottom:10px;animation:2s infinite pulse}@keyframes pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.05)}}.current-idiom{font-size:1rem;color:var(--text-light)}.game-area{flex:1;overflow-y:auto;padding:15px;min-height:0;-webkit-overflow-scrolling:touch}.idiom-list{display:flex;flex-direction:column;gap:15px}.idiom-item{display:flex;align-items:flex-start;gap:15px;animation:.3s slideIn}.idiom-item.player{flex-direction:row-reverse}@keyframes slideIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.avatar{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.9rem;flex-shrink:0}.idiom-item.player .avatar{background:var(--player-bubble-bg);color:var(--player-bubble-color)}.idiom-item.ai .avatar{background:var(--ai-bubble-bg);color:var(--ai-bubble-color)}.idiom-item.system .avatar{background:var(--system-bubble-bg);color:var(--system-bubble-color)}.idiom-content{background:var(--card-bg);padding:12px 18px;border-radius:var(--border-radius);max-width:70%;box-shadow:var(--shadow)}.idiom-item.player .idiom-content{background:var(--player-bubble-bg);color:var(--player-bubble-color);border:1px solid var(--player-bubble-border)}.idiom-item.ai .idiom-content{background:var(--ai-bubble-bg);color:var(--ai-bubble-color);border:1px solid var(--ai-bubble-border)}.idiom-item.system .idiom-content{background:var(--system-bubble-bg);color:var(--system-bubble-color);border:1px solid var(--system-bubble-border)}.idiom-word{font-size:1.2rem;font-weight:600;display:inline}.idiom-word-row{margin-bottom:4px}.idiom-source{display:inline-block;font-size:.7rem;color:var(--text-light);text-decoration:none;margin-left:6px;opacity:.6;transition:var(--transition);vertical-align:middle;padding:1px 4px;border-radius:3px;background:rgba(0,0,0,.04)}.idiom-source:hover{opacity:1;color:var(--primary-color);background:rgba(0,0,0,.08);text-decoration:none}.idiom-pinyin{font-size:.8rem;opacity:.8;margin-bottom:4px}.idiom-meaning{font-size:.85rem;opacity:.9}.message{text-align:center;padding:8px;min-height:30px;font-size:.9rem;transition:var(--transition);flex-shrink:0}.message.success{color:var(--accent-color);font-weight:600}.message.error{color:var(--danger-color)}.message.info{color:var(--text-light)}.input-area{padding:15px;background:var(--card-bg);border-top:1px solid var(--input-border);flex-shrink:0}.hint-text{text-align:center;color:var(--accent-color);font-size:.85rem;margin-top:8px;min-height:18px;opacity:.9}.input-form{display:flex;gap:10px;margin-bottom:15px}.idiom-input{flex:1;padding:15px 20px;border:2px solid var(--input-border);border-radius:25px;font-family:inherit;font-size:1.1rem;text-align:center;letter-spacing:.3em;transition:var(--transition);background:var(--input-bg)}.idiom-input:focus{outline:0;border-color:var(--input-focus-border)}.idiom-input:disabled{background:#f5f5f5;cursor:not-allowed}.idiom-input.shake{animation:.5s shake;border-color:var(--danger-color)}@keyframes shake{0%,100%{transform:translateX(0)}20%,60%{transform:translateX(-10px)}40%,80%{transform:translateX(10px)}}.input-actions{display:flex;justify-content:center;gap:15px}.input-actions .btn{padding:10px 20px;font-size:.9rem}.result-screen{justify-content:center;align-items:center;text-align:center}.result-content{max-width:500px;width:100%}.result-title{font-size:2.5rem;margin-bottom:10px}.result-title.win{color:var(--accent-color)}.result-title.lose{color:var(--primary-color)}.result-title.draw{color:var(--warning-color)}.result-message{font-size:1.1rem;color:var(--text-light);margin-bottom:30px;white-space:pre-line}.result-stats{display:flex;justify-content:center;gap:50px;margin-bottom:30px}.stat-item{text-align:center}.stat-label{display:block;font-size:.9rem;color:var(--text-light);margin-bottom:5px}.stat-value{display:block;font-size:2.5rem;font-weight:700;color:var(--primary-color)}.history-section{background:var(--card-bg);border-radius:var(--border-radius);padding:20px;margin-bottom:30px;max-height:250px;overflow-y:auto}.history-section h3{margin-bottom:15px;color:var(--text-dark)}.history-list{display:flex;flex-direction:column;gap:8px}.history-item{display:flex;align-items:center;gap:15px;padding:8px 12px;background:rgba(0,0,0,.02);border-radius:8px}.history-number{width:25px;height:25px;background:var(--secondary-color);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:600}.history-word{flex:1;font-weight:600;text-align:left}.history-player{font-size:.85rem;color:var(--text-light)}.result-actions{display:flex;justify-content:center;gap:15px}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:100;opacity:0;visibility:hidden;transition:var(--transition)}.modal.show{opacity:1;visibility:visible}.modal-content{background:var(--card-bg);border-radius:var(--border-radius);padding:30px;max-width:400px;width:90%;transform:scale(.9);transition:var(--transition)}.modal.show .modal-content{transform:scale(1)}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.modal-header h2{color:var(--text-dark)}.btn-close{background:0 0;border:none;font-size:1.5rem;cursor:pointer;color:var(--text-light);transition:var(--transition)}.btn-close:hover{color:var(--text-dark)}.modal-body{margin-bottom:25px}.modal-actions{display:flex;gap:15px}.modal-actions .btn{flex:1}.setting-item{margin-bottom:25px}.toggle-label{display:flex;align-items:center;gap:15px;cursor:pointer}.toggle-label input{display:none}.toggle-slider{width:50px;height:26px;background:var(--input-border);border-radius:13px;position:relative;transition:var(--transition)}.toggle-slider::after{content:'';position:absolute;width:22px;height:22px;background:#fff;border-radius:50%;top:2px;left:2px;transition:var(--transition)}.toggle-label input:checked+.toggle-slider{background:var(--accent-color)}.toggle-label input:checked+.toggle-slider::after{left:26px}.toggle-text{font-weight:600;color:var(--text-dark)}.setting-desc{margin-top:8px;margin-left:65px;font-size:.85rem;color:var(--text-light)}.combo-popup{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);font-size:3rem;font-weight:700;color:var(--primary-color);text-shadow:2px 2px 0 var(--secondary-color);pointer-events:none;animation:1.5s forwards comboPop;z-index:50;background:var(--combo-bg);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@keyframes comboPop{0%{opacity:0;transform:translate(-50%,-50%) scale(.5)}20%{opacity:1;transform:translate(-50%,-50%) scale(1.2)}80%{opacity:1;transform:translate(-50%,-50%) scale(1)}100%{opacity:0;transform:translate(-50%,-80%) scale(1)}}.hidden{display:none!important}@media (max-width:600px){.logo h1{font-size:2.5rem}.mode-cards{grid-template-columns:repeat(2,1fr);gap:10px}.result-stats{gap:30px}.stat-value{font-size:2rem}.idiom-content{max-width:80%}.input-actions{flex-direction:column;gap:8px}.input-actions .btn{width:100%;padding:8px 12px;font-size:.85rem}.modal-actions,.result-actions{flex-direction:column}.game-screen{height:100vh;display:flex;flex-direction:column;overflow:hidden}.game-header{padding:8px 12px;flex-shrink:0}.timer-container{width:120px}.score-panel{padding:8px 12px;flex-shrink:0}.score-value{font-size:1.1rem}.current-display{padding:8px 12px;flex-shrink:0}.current-char{font-size:2rem;margin-bottom:2px}.current-idiom{font-size:.85rem}.game-area{flex:1;min-height:0;padding:8px 12px;max-height:none;overflow-y:auto;-webkit-overflow-scrolling:touch}.idiom-item,.idiom-list{gap:8px}.idiom-word{font-size:.95rem}.idiom-pinyin{font-size:.7rem}.idiom-meaning{font-size:.75rem}.avatar{width:30px;height:30px;font-size:.75rem}.input-area{flex-shrink:0;padding:10px 12px;padding-bottom:max(10px,env(safe-area-inset-bottom));background:var(--card-bg);border-top:1px solid rgba(0,0,0,.1)}.input-form{margin-bottom:8px}.idiom-input{padding:10px 12px;font-size:1rem}.hint-text{margin-bottom:4px;min-height:14px;font-size:.8rem}.message{font-size:.85rem;padding:6px 12px}}@media (max-width:380px){.game-header{flex-wrap:wrap;gap:6px;padding:6px 10px}.header-left{width:100%;text-align:center}.mode-badge{display:inline-block;width:100%;text-align:center;border-radius:8px}.header-center{flex:1}.timer-container{width:100%}.score-panel{padding:6px 10px;flex-wrap:wrap;gap:4px}.score-label{font-size:.7rem}.score-value{font-size:1rem}.current-display{padding:6px 10px}.current-char{font-size:1.8rem}.game-area{padding:6px 10px}.input-area{padding:8px 10px}.input-form{flex-direction:column;gap:8px}.idiom-input{padding:10px;font-size:.95rem}.input-form .btn-primary{width:100%;padding:10px}.input-actions .btn{padding:8px 10px;font-size:.8rem}.bg-decoration,.idiom-item.collapsed .idiom-meaning,.idiom-item.collapsed .idiom-pinyin{display:none}.idiom-item.collapsed .idiom-word{font-size:.85rem}.idiom-item.collapsed .avatar{width:22px;height:22px;font-size:.6rem}.idiom-item.collapsed{gap:5px;opacity:.6}.current-idiom{cursor:pointer}.current-idiom .meaning-text{display:none}.current-idiom.expanded .meaning-text{display:inline}.game-screen.input-focused .current-display{padding:4px 10px;display:flex;align-items:center;gap:8px}.game-screen.input-focused .current-label{display:none}.game-screen.input-focused .current-char{font-size:1.2rem;margin-bottom:0;animation:none}.game-screen.input-focused .current-idiom{font-size:.8rem;flex:1}.game-screen.input-focused .game-area,.game-screen.input-focused .score-panel{display:none}}.theme-selector{margin-bottom:20px}.theme-selector label{display:block;font-weight:600;color:var(--text-dark);margin-bottom:10px}.theme-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.theme-option{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 4px;border:2px solid var(--input-border);border-radius:var(--border-radius);cursor:pointer;transition:var(--transition);background:var(--card-bg);font-size:.75rem;color:var(--text-dark);font-family:inherit}.theme-option:hover{border-color:var(--primary-color);transform:translateY(-2px)}.theme-option.active{border-color:var(--primary-color);box-shadow:0 0 0 2px var(--primary-color),var(--shadow)}.theme-option .theme-preview{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px}.theme-random .theme-preview{background:linear-gradient(135deg,#ff6b9d,#0077b6,gold,#6bcb77)}.theme-fresh .theme-preview{background:linear-gradient(135deg,#0077b6,#48cae4)}.theme-cute .theme-preview{background:linear-gradient(135deg,#ff6b9d,#c084fc)}.theme-guofeng .theme-preview{background:linear-gradient(135deg,#c45c48,#2c5f41)}.theme-pixel .theme-preview{background:linear-gradient(135deg,#1a1a2e,#00d4ff)}.theme-doodle .theme-preview{background:linear-gradient(135deg,#ff6b6b,#ffd93d)}.theme-decoration{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:-1;overflow:hidden}.theme-decoration>*{display:none}:root:not([data-theme]) .deco-fresh,[data-theme=cute] .deco-cute,[data-theme=doodle] .deco-doodle,[data-theme=fresh] .deco-fresh,[data-theme=guofeng] .deco-guofeng,[data-theme=pixel] .deco-pixel{display:block}.deco-fresh .wave{position:absolute;bottom:0;left:0;width:200%;height:200px;opacity:.12;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 320'%3E%3Cpath fill='%230099ff' d='M0,224L48,213.3C96,203,192,181,288,181.3C384,181,480,203,576,218.7C672,235,768,245,864,229.3C960,213,1056,171,1152,165.3C1248,160,1344,192,1392,208L1440,224L1440,320L1392,320C1344,320,1248,320,1152,320C1056,320,960,320,864,320C768,320,672,320,576,320C480,320,384,320,288,320C192,320,96,320,48,320L0,320Z'%3E%3C/path%3E%3C/svg%3E") 0 0/50% 100% repeat-x;animation:12s linear infinite waveMove}.deco-fresh .wave:nth-child(2){opacity:.08;animation-duration:18s;animation-direction:reverse}@keyframes waveMove{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}.deco-cute .bubble{position:absolute;border-radius:50%;opacity:.35;animation:8s ease-in-out infinite floatBubble}.deco-cute .bubble:first-child{width:60px;height:60px;background:#ff80ab;top:10%;left:5%}.deco-cute .bubble:nth-child(2){width:40px;height:40px;background:#80d8ff;top:20%;right:10%;animation-delay:1s}.deco-cute .bubble:nth-child(3){width:80px;height:80px;background:#b9f6ca;bottom:15%;left:8%;animation-delay:2s}.deco-cute .bubble:nth-child(4){width:50px;height:50px;background:#ffd180;top:60%;right:5%;animation-delay:3s}.deco-cute .bubble:nth-child(5){width:35px;height:35px;background:#ea80fc;top:40%;left:15%;animation-delay:1.5s}.deco-cute .bubble:nth-child(6){width:45px;height:45px;background:#ff8a80;bottom:30%;right:15%;animation-delay:2.5s}@keyframes floatBubble{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(10deg)}}.deco-guofeng .guofeng-cloud{position:absolute;background:rgba(255,255,255,.6);border-radius:100px;opacity:.8}.deco-guofeng .guofeng-cloud::before{content:'';position:absolute;background:rgba(255,255,255,.6);border-radius:100px}.deco-guofeng .guofeng-cloud:first-child{width:120px;height:40px;top:15%;left:10%;animation:20s ease-in-out infinite float}.deco-guofeng .guofeng-cloud:first-child::before{width:60px;height:60px;top:-30px;left:15px}.deco-guofeng .guofeng-cloud:nth-child(2){width:100px;height:35px;top:25%;right:15%;animation:25s ease-in-out infinite reverse float}.deco-guofeng .guofeng-cloud:nth-child(2)::before{width:50px;height:50px;top:-25px;right:15px}.deco-guofeng .guofeng-cloud:nth-child(3){width:80px;height:30px;top:60%;left:5%;animation:30s ease-in-out infinite float}.deco-guofeng .guofeng-cloud:nth-child(3)::before{width:40px;height:40px;top:-20px;left:10px}.deco-pixel .star{position:absolute;width:4px;height:4px;background:gold;animation:2s ease-in-out infinite twinkle}.deco-pixel .star:first-child{top:5%;left:10%}.deco-pixel .star:nth-child(2){top:15%;left:80%;animation-delay:.5s}.deco-pixel .star:nth-child(3){top:30%;left:25%;animation-delay:1s}.deco-pixel .star:nth-child(4){top:45%;left:70%;animation-delay:1.5s}.deco-pixel .star:nth-child(5){top:60%;left:15%;animation-delay:.3s}.deco-pixel .star:nth-child(6){top:75%;left:85%;animation-delay:.8s}.deco-pixel .star:nth-child(7){top:20%;left:50%;animation-delay:1.2s}.deco-pixel .star:nth-child(8){top:85%;left:40%;animation-delay:.6s}@keyframes twinkle{0%,100%{opacity:.3}50%{opacity:1}}[data-theme=pixel] .game-container::after{content:'';position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:999;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.03) 2px,rgba(0,0,0,.03) 4px)}[data-theme=pixel] .btn,[data-theme=pixel] .mode-card{border-radius:2px}[data-theme=pixel] .mode-card:hover{box-shadow:0 0 15px rgba(0,212,255,.3)}[data-theme=pixel] .current-char{text-shadow:0 0 20px rgba(255,215,0,.5),0 0 40px rgba(255,215,0,.3)}[data-theme=pixel] .btn-primary{border:2px solid var(--primary-color)}[data-theme=pixel] .btn-hint{border:2px solid var(--accent-color)}.deco-doodle .doodle-item{position:absolute;font-size:28px;opacity:.12;animation:4s ease-in-out infinite doodleWobble}.deco-doodle .doodle-item:first-child{top:8%;left:5%;transform:rotate(-15deg)}.deco-doodle .doodle-item:nth-child(2){top:15%;right:8%;animation-delay:1s;transform:rotate(10deg)}.deco-doodle .doodle-item:nth-child(3){top:45%;left:3%;animation-delay:2s;transform:rotate(-8deg)}.deco-doodle .doodle-item:nth-child(4){top:70%;right:5%;animation-delay:.5s;transform:rotate(12deg)}@keyframes doodleWobble{0%,100%{transform:scale(1)}50%{transform:scale(1.1)}}[data-theme=doodle] .mode-card{border:3px solid #333}[data-theme=doodle] .btn{border:2px solid #333;box-shadow:3px 3px 0 rgba(0,0,0,.12)}[data-theme=doodle] .btn:hover{transform:translate(-2px,-2px);box-shadow:5px 5px 0 rgba(0,0,0,.18)}[data-theme=doodle] .idiom-content{border:2px solid #333}[data-theme=doodle] .logo h1::after{content:'';position:absolute;bottom:2px;left:10%;right:10%;height:12px;background:rgba(255,220,100,.5);border-radius:4px;z-index:-1;transform:rotate(-.5deg)}.deco-guofeng .mountain{position:absolute;bottom:0;left:0;width:100%;height:120px;background:linear-gradient(135deg,transparent 33%,rgba(196,92,72,.05) 33%,rgba(196,92,72,.05) 66%,transparent 66%)}.theme-float{position:fixed;right:12px;top:50%;transform:translateY(-50%);z-index:200;display:flex;flex-direction:column;align-items:flex-end;gap:6px}.theme-float-btn{width:38px;height:38px;border-radius:50%;border:2px solid var(--input-border);background:var(--card-bg);font-size:18px;cursor:pointer;box-shadow:var(--shadow);transition:var(--transition);display:flex;align-items:center;justify-content:center;padding:0;line-height:1}.theme-float-btn:hover{transform:scale(1.1);box-shadow:var(--shadow-hover)}.theme-float-panel{display:none;flex-direction:column;gap:3px;background:var(--card-bg);border:2px solid var(--input-border);border-radius:12px;padding:8px 6px;box-shadow:var(--shadow-hover);min-width:64px}.theme-float-panel.show{display:flex}.theme-float-option{display:flex;align-items:center;gap:6px;padding:5px 8px;border:none;border-radius:8px;background:0 0;cursor:pointer;font-size:12px;font-family:inherit;color:var(--text-dark);transition:var(--transition);white-space:nowrap}.theme-float-option:hover{background:var(--secondary-color)}.theme-float-option.active{background:var(--primary-color);color:#fff}.tf-dot{width:14px;height:14px;border-radius:50%;flex-shrink:0;border:1px solid rgba(0,0,0,.1)}.tf-random{background:linear-gradient(135deg,#ff6b9d,#0077b6,gold,#6bcb77)}.tf-fresh{background:linear-gradient(135deg,#0077b6,#48cae4)}.tf-cute{background:linear-gradient(135deg,#ff6b9d,#c084fc)}.tf-guofeng{background:linear-gradient(135deg,#c45c48,#2c5f41)}.tf-pixel{background:linear-gradient(135deg,#1a1a2e,#00d4ff)}.tf-doodle{background:linear-gradient(135deg,#ff6b6b,#ffd93d)}.tf-label{font-size:12px;line-height:1}@media (max-width:600px){.theme-float{right:8px;top:auto;bottom:8px;transform:none;flex-direction:column-reverse}.theme-float-btn{width:34px;height:34px;font-size:16px}.theme-float-panel{min-width:58px;padding:6px 4px}.theme-float-option{padding:4px 6px;font-size:11px}.tf-dot{width:12px;height:12px}}@media print{.game-container{background:#fff}.bg-decoration,.btn,.input-area{display:none!important}}.share-modal-content{max-width:380px}.share-preview{text-align:center;padding:10px 0}.share-preview img{max-width:100%;border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,.15)}.modal-footer{display:flex;gap:10px;padding:16px 20px;border-top:1px solid rgba(0,0,0,.06);flex-wrap:wrap}.modal-footer .btn{flex:1;min-width:90px}