:root{--primary-color:#4dabf7;--secondary-color:#ffd166;--success-color:#51cf66;--error-color:#ff6b6b;--bg-color:#f9f4e6;--panel-color:#fff9e6;--text-color:#333;}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:700px;background-color:var(--panel-color);border-radius:20px;box-shadow:0 10px 25px rgba(0,0,0,0.1);padding:30px;text-align:center;position:relative;transition:all 0.3s;}h1{color:var(--primary-color);margin-top:0;text-shadow:2px 2px 4px rgba(0,0,0,0.1);}.header{display:flex;justify-content:space-around;margin-bottom:25px;background:linear-gradient(135deg,var(--secondary-color),#ffb700);padding:15px;border-radius:15px;font-weight:bold;color:var(--text-color);box-shadow:0 4px 8px rgba(0,0,0,0.1);}.header div{cursor:pointer;padding:8px 20px;border-radius:10px;transition:all 0.3s;}.header div:hover{background-color:rgba(255,255,255,0.3);transform:translateY(-2px);}.header div.active{background-color:rgba(255,255,255,0.5);transform:translateY(-2px);}.hint{font-size:24px;margin:20px 0;padding:15px;background-color:#f0f7ff;border-radius:15px;border:2px dashed var(--primary-color);box-shadow:inset 0 0 10px rgba(0,0,0,0.05);}.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:linear-gradient(135deg,var(--primary-color),#339af0);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;user-select:none;}.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 var(--primary-color);border-radius:15px;margin:25px 0;padding:15px;display:flex;justify-content:center;flex-wrap:wrap;gap:12px;background-color:#f8faff;box-shadow:inset 0 0 15px rgba(0,0,0,0.05);}.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;box-shadow:0 4px 8px rgba(0,0,0,0.15);position:relative;overflow:hidden;}.btn::after{content:'';position:absolute;top:50%;left:50%;width:5px;height:5px;background:rgba(255,255,255,0.5);opacity:0;border-radius:100%;transform:scale(1,1) translate(-50%);transform-origin:50% 50%;}.btn:focus:not(:active)::after{animation:ripple 0.6s ease-out;}@keyframes ripple{0%{transform:scale(0,0);opacity:0.5;}100%{transform:scale(20,20);opacity:0;}}.btn-primary{background:linear-gradient(135deg,var(--primary-color),#339af0);color:white;}.btn-secondary{background:linear-gradient(135deg,var(--secondary-color),#ffb700);color:var(--text-color);}.btn:hover{transform:translateY(-3px);box-shadow:0 8px 15px rgba(0,0,0,0.2);}.btn:active{transform:translateY(1px);}.score{font-size:22px;margin-top:20px;font-weight:bold;color:#f74dab;}.settings-panel,.wordlist-panel{display:none;padding:20px;background-color:#f0f7ff;border-radius:15px;margin-top:20px;box-shadow:inset 0 0 15px rgba(0,0,0,0.05);text-align:left;}.file-input-container{position:relative;margin:25px 0;}.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;}.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}.file-input-label:hover{background:linear-gradient(135deg,#e9ecef,#dee2e6);border-color:var(--primary-color);}#fileInput{position:absolute;left:0;top:0;width:100%;height:100%;opacity:0;cursor:pointer;}.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,var(--primary-color),#339af0);color:white;font-weight:bold;}.word-table tr:nth-child(even){background-color:#f8f9fa;}.word-table tr:hover{background-color:#e9ecef;}.flower{position:absolute;font-size:50px;animation:float 1.5s ease-in-out;z-index:10;display:none;pointer-events:none;filter:drop-shadow(0 0 8px rgba(255,192,203,0.8));}@keyframes float{0%{transform:translateY(0) scale(0.5);opacity:0;}50%{transform:translateY(-60px) scale(1.3);opacity:1;}100%{transform:translateY(-120px) scale(0.7);opacity:0;}}.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);}.timer-container{font-size:26px;color:var(--error-color);font-weight:bold;margin:15px 0;display:none;background-color:#fff5f5;padding:10px 20px;border-radius:10px;box-shadow:0 4px 8px rgba(0,0,0,0.1);}.setting-item{margin:20px 0;padding:15px;background-color:white;border-radius:10px;box-shadow:0 4px 8px rgba(0,0,0,0.05);}.setting-label{display:block;margin-bottom:10px;font-weight:bold;color:var(--primary-color);font-size:18px;}.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);}.number-input{width:80px;padding:8px 12px;border:2px solid #dee2e6;border-radius:8px;font-size:16px;margin-left:10px;}.number-input:focus{border-color:var(--primary-color);outline:none;box-shadow:0 0 0 3px rgba(77,171,247,0.3);}.final-score{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.9);display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:200;display:none;animation:fadeIn 0.5s ease-out;}@keyframes fadeIn{from{opacity:0;}to{opacity:1;}}.final-score h2{color:white;font-size:42px;margin-bottom:30px;text-shadow:0 2px 4px rgba(0,0,0,0.3);}.final-score-value{color:var(--secondary-color);font-size:80px;font-weight:bold;margin-bottom:40px;text-shadow:0 4px 8px rgba(0,0,0,0.3);animation:pulse 1.5s infinite;}@keyframes pulse{0%{transform:scale(1);}50%{transform:scale(1.1);}100%{transform:scale(1);}}.copyright{text-align:center;color:#ccc;margin-top:20px;}.final-score-btn{padding:18px 36px;font-size:20px;background:linear-gradient(135deg,var(--primary-color),#339af0);color:white;border:none;border-radius:12px;cursor:pointer;transition:all 0.3s;box-shadow:0 6px 12px rgba(0,0,0,0.2);}.final-score-btn:hover{transform:translateY(-3px);box-shadow:0 8px 16px rgba(0,0,0,0.3);}.final-score-btn:active{transform:translateY(1px);}