:root{--player1-color:#ff7675;--player2-color:#74b9ff;--bg-color:#f9f4e6;--panel-color:#fff9e6;--text-color:#333;--current-color:var(--player1-color);}body{font-family:'Comic Sans MS','楷体',sans-serif;background-color:var(--bg-color);margin:0;padding:0;display:flex;justify-content:center;align-items:center;min-height:100vh;color:var(--text-color);}.game-container{width:800px;background-color:var(--panel-color);border-radius:20px;box-shadow:0 10px 25px rgba(0,0,0,0.1);padding:30px;position:relative;}h1{color:#4dabf7;margin-top:0;text-align:center;text-shadow:2px 2px 4px rgba(0,0,0,0.1);font-size:2.5rem;}.menu-icon{position:fixed;left:20px;bottom:20px;width:50px;height:50px;background:#4dabf7;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;color:white;font-size:24px;z-index:100;box-shadow:0 4px 8px rgba(0,0,0,0.2);transition:all 0.3s;}.menu-icon:hover{transform:scale(1.1);}.settings-panel{position:fixed;left:80px;bottom:30px;background:white;border-radius:15px;padding:20px;box-shadow:0 10px 25px rgba(0,0,0,0.2);display:none;z-index:99;width:300px;}.settings-panel.active{display:block;animation:slideIn 0.3s ease-out;}@keyframes slideIn{from{transform:translateX(-20px);opacity:0;}to{transform:translateX(0);opacity:1;}}.player-settings{margin-bottom:20px;}.player-input{margin:15px 0;}.player-input label{display:block;margin-bottom:5px;font-weight:bold;color:#4dabf7;}.player-input input{width:auto;padding:8px 12px;border:2px solid #dee2e6;border-radius:8px;font-size:16px;}.timer-settings{margin:15px 0;display:none;}.timer-settings.active{display:block;}.score-board{display:flex;justify-content:space-around;margin:20px 0;}.player-score{text-align:center;padding:15px 30px;border-radius:15px;font-size:24px;font-weight:bold;box-shadow:0 4px 8px rgba(0,0,0,0.1);width:45%;transition:all 0.3s;}.player1{background:linear-gradient(135deg,var(--player1-color),#e84393);color:white;}.player2{background:linear-gradient(135deg,var(--player2-color),#0984e3);color:white;}.player-score.active{transform:scale(1.1);box-shadow:0 8px 15px rgba(0,0,0,0.2);}.score-value{font-size:36px;display:inline-block;min-width:60px;text-align:center;animation:pulse 1s infinite alternate;}.timer-display{font-size:26px;color:#ff6b6b;font-weight:bold;margin:15px 0;background-color:#fff5f5;padding:10px 20px;border-radius:10px;box-shadow:0 4px 8px rgba(0,0,0,0.1);text-align:center;display:none;}.hint{font-size:24px;margin:20px 0;padding:15px;background-color:#f0f7ff;border-radius:15px;border:2px dashed #4dabf7;box-shadow:inset 0 0 10px rgba(0,0,0,0.05);text-align:center;}.letters-container{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin:25px 0;}.letter-box{width:65px;height:65px;line-height:65px;text-align:center;background-color:var(--current-color);color:white;font-size:30px;font-weight:bold;border-radius:12px;cursor:pointer;box-shadow:0 4px 8px rgba(0,0,0,0.15);transition:all 0.2s;}.checkbox-container{display:flex;align-items:center;margin:10px 0;}.checkbox-container input[type="checkbox"]{width:20px;height:20px;margin-right:10px;accent-color:var(--primary-color);}.letter-box:hover{transform:translateY(-5px) scale(1.05);box-shadow:0 8px 15px rgba(0,0,0,0.2);}.letter-box:active{transform:translateY(0) scale(0.98);}.answer-area{min-height:65px;border:3px dashed #4dabf7;border-radius:15px;margin:25px 0;padding:15px;display:flex;justify-content:center;flex-wrap:wrap;gap:12px;background-color:#f8faff;position:relative;}.controls{display:flex;justify-content:center;gap:20px;margin:25px 0;}.btn{padding:12px 28px;border:none;border-radius:12px;font-size:16px;font-weight:bold;cursor:pointer;transition:all 0.3s;background:#4dabf7;color:white;box-shadow:0 4px 8px rgba(0,0,0,0.1);}.btn:hover{transform:translateY(-3px);box-shadow:0 6px 12px rgba(0,0,0,0.2);}.flower{position:absolute;font-size:40px;z-index:10;animation:float 1.5s ease-out forwards;pointer-events:none;}@keyframes float{0%{transform:translateY(0) scale(0.8);opacity:1;}100%{transform:translateY(-100px) scale(1.2);opacity:0;}}.final-score{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.95);display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:200;display:none;animation:fadeIn 0.5s ease-out;}.final-score h2{color:white;font-size:42px;margin-bottom:30px;text-shadow:0 2px 4px rgba(0,0,0,0.3);}.final-score-player{display:flex;justify-content:center;align-items:center;margin-bottom:20px;font-size:28px;color:white;}@keyframes fadeIn{from{opacity:0;}to{opacity:1;}}.final-score-name{font-weight:bold;margin:0 15px;}.final-score-value{color:#ffd166;font-size:70px;font-weight:bold;margin-bottom:20px;text-shadow:0 4px 8px rgba(0,0,0,0.3);animation:pulse 1.5s infinite;}.player1-final .final-score-name{color:var(--player1-color);}.player2-final .final-score-name{color:var(--player2-color);}.final-score-btn{padding:15px 30px;font-size:18px;background:#4dabf7;color:white;border:none;border-radius:10px;cursor:pointer;margin-top:30px;}.wordlist-panel{display:none;padding:25px;background-color:#f0f7ff;border-radius:15px;margin-top:20px;box-shadow:inset 0 0 15px rgba(0,0,0,0.05);}.word-table{width:100%;border-collapse:collapse;margin-top:20px;box-shadow:0 0 10px rgba(0,0,0,0.05);}.word-table th,.word-table td{border:1px solid #dee2e6;padding:12px;text-align:left;}.word-table th{background:linear-gradient(135deg,#4dabf7,#339af0);color:white;font-weight:bold;}.word-table tr:nth-child(even){background-color:#f8f9fa;}.message{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background-color:rgba(0,0,0,0.85);color:white;padding:20px 40px;border-radius:12px;font-size:22px;z-index:100;display:none;box-shadow:0 10px 25px rgba(0,0,0,0.2);}.message.success{background-color:rgba(81,207,102,0.9);}.message.error{background-color:rgba(255,107,107,0.9);}.file-input-container{position:relative;margin:25px 0;}@keyframes pulse{0%{transform:scale(1);}50%{transform:scale(1.2);}100%{transform:scale(1);}}.file-input-label{display:block;padding:15px;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:10px;text-align:center;cursor:pointer;transition:all 0.3s;border:2px dashed #adb5bd;color:#495057;font-weight:bold;}.file-input-label:hover{background:linear-gradient(135deg,#e9ecef,#dee2e6);border-color:#4dabf7;}#fileInput{position:absolute;left:0;top:0;width:100%;height:100%;opacity:0;cursor:pointer;}.domain-error{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.95);color:white;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:1000;font-size:30px;text-align:center;padding:20px;display:none;}.domain-error h2{color:#ff6b6b;margin-bottom:20px;}