/* j_01_style/004_play_4.css - 第四关专用样式（例句破译版） */
.word-card{min-height:580px;}.english-word{font-size:3.6rem;font-weight:700;color:#FF6666;text-align:center;margin:20px 0;letter-spacing:1px;}.sponsor-container{width:100%;text-align:center;margin:30px 0;}.sponsor-area{opacity:1;text-align:center;margin:10px 0;}.继续前进方框{display:flex;align-items:center;justify-content:center;padding:12px 40px;border:3px solid #2E7D32;border-radius:50px;background-color:#4CAF50;box-shadow:0 5px 0 #1B5E20;width:fit-content;min-width:180px;margin:5px auto 15px auto;cursor:pointer;transition:all 0.2s;box-sizing:border-box;}.继续前进方框:hover{transform:translateY(-2px);box-shadow:0 7px 0 #1B5E20;background-color:#5fdd64;}.继续前进文字{font-size:2.2rem;font-weight:800;color:white;white-space:nowrap;letter-spacing:2px;}.translation-bracket{min-height:80px;margin:1.2rem 0 1.5rem 0;padding:1rem;border:3px solid #FFB347;border-radius:50px;background-color:rgba(255,249,196,0.7);box-shadow:0 4px 0 #E69500;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:5px;}.translation-text{font-size:2.8rem;font-weight:700;margin:0;animation:fadeIn 0.5s ease;line-height:1.3;word-break:break-word;text-shadow:1px 1px 0 #FFE5B4;color:#FF3333;}.build-words-container{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:2px;}.built-word{font-size:2.2rem;font-weight:700;color:#FF3333;text-shadow:1px 1px 0 #FFE5B4;cursor:pointer;padding:0 2px;}.built-word:hover{transform:scale(1.05);color:#FF0000;}.word-space{font-size:2.2rem;color:#FF3333;display:inline-block;width:0.5rem;}.words-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px;}.word-option{display:inline-flex;align-items:center;justify-content:center;padding:8px 20px;border:3px solid #9B59B6;border-radius:50px;background-color:#9B59B6;box-shadow:0 4px 0 #6C3483;font-size:2rem;font-weight:700;color:white;white-space:nowrap;cursor:pointer;transition:all 0.2s;}.word-option:hover{transform:translateY(-2px);box-shadow:0 6px 0 #6C3483;background-color:#AE7AC7;color:white;}.correct-sentence{font-size:2.2rem;font-weight:700;color:#0066CC;margin-bottom:10px;padding:8px 15px;background:rgba(255,255,255,0.5);border-radius:40px;display:inline-block;}.success-message{font-size:2.4rem;font-weight:700;color:#FFD700;margin-bottom:15px;animation:fadeIn 0.5s ease;}@keyframes fadeIn{from{opacity:0;transform:translateY(-10px);}to{opacity:1;transform:translateY(0);}}.error-message{display:inline-flex;align-items:center;justify-content:center;padding:8px 25px;border:3px solid #0066CC;border-radius:50px;background-color:#4da6ff;box-shadow:0 4px 0 #004C99;font-size:2rem;font-weight:700;color:white;white-space:nowrap;cursor:pointer;margin:5px auto;}.error-message:hover{transform:translateY(-2px);box-shadow:0 6px 0 #004C99;background-color:#66b3ff;color:white;}.claim-btn{display:inline-flex;align-items:center;justify-content:center;padding:8px 25px;border:3px solid #0066CC;border-radius:50px;background-color:#4da6ff;box-shadow:0 4px 0 #004C99;font-size:2rem;font-weight:700;color:white;white-space:nowrap;cursor:pointer;transition:all 0.2s;text-decoration:none;min-width:140px;}.claim-btn:hover{transform:translateY(-2px);box-shadow:0 6px 0 #004C99;background-color:#66b3ff;}.decode-btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 35px;border:3px solid #0066CC;border-radius:50px;background-color:#4da6ff;box-shadow:0 5px 0 #004C99;font-size:2.2rem;font-weight:700;color:white;cursor:pointer;text-decoration:none;min-width:160px;transition:all 0.2s;margin:2rem auto 1.5rem auto;}.decode-btn:hover{transform:translateY(-3px);box-shadow:0 8px 0 #004C99;background-color:#66b3ff;}

/* 喇叭按钮样式（与第三关保持一致） */
.喇叭方框{display:flex;align-items:center;justify-content:center;padding:12px 20px;border:3px solid #1E88E5;border-radius:50px;background:linear-gradient(145deg, #64B5F6, #42A5F5);box-shadow:0 4px 0 #1565C0;width:fit-content;min-width:80px;margin:15px auto;cursor:pointer;transition:all 0.2s;}.喇叭方框:hover{transform:translateY(-2px);box-shadow:0 6px 0 #1565C0;background:linear-gradient(145deg, #42A5F5, #1E88E5);}.喇叭图标{font-size:2.8rem;color:#FFFFFF;}

/* 麦克风按钮样式（浅紫色） */
.麦克风方框{display:flex;align-items:center;justify-content:center;padding:12px 20px;border:3px solid #AB47BC;border-radius:50px;background:linear-gradient(145deg, #E1BEE7, #CE93D8);box-shadow:0 4px 0 #8E24AA;width:fit-content;min-width:80px;margin:15px auto;cursor:pointer;transition:all 0.2s;}.麦克风方框:hover{transform:translateY(-2px);box-shadow:0 6px 0 #8E24AA;background:linear-gradient(145deg, #CE93D8, #AB47BC);}.麦克风图标{font-size:2.8rem;color:#FFFFFF;}

/* 按钮容器（喇叭和麦克风并列） */
.audio-buttons{display:flex;justify-content:center;align-items:center;gap:20px;margin:20px auto;flex-wrap:wrap;}

.example-sentence {
    margin-top: 60px;
}

/* 手机版适配 */
@media (max-width:480px){
.word-card{min-height:540px;}.english-word{font-size:2.5rem;margin:15px 0;}.sponsor-container{margin:20px 0;}.继续前进方框{padding:10px 30px;min-width:150px;margin:5px auto 12px auto;}.继续前进文字{font-size:1.8rem;}.built-word{font-size:2rem;}.word-space{font-size:2rem;}.word-option{font-size:1.8rem;padding:6px 15px;}.correct-sentence{font-size:1.8rem;}.success-message{font-size:2rem;}.error-message{font-size:1.8rem;padding:6px 20px;}.claim-btn{font-size:1.8rem;padding:6px 20px;min-width:120px;}.decode-btn{font-size:1.8rem;padding:8px 25px;min-width:140px;margin:1.5rem auto 1rem auto;}.translation-bracket{min-height:60px;margin:1rem 0 1.2rem 0;padding:0.8rem;}.translation-text{font-size:2rem;}
/* 手机版喇叭和麦克风按钮 */
.喇叭方框,.麦克风方框{padding:8px 16px;min-width:70px;}.喇叭图标,.麦克风图标{font-size:2.2rem;}.audio-buttons{gap:15px;}
.example-sentence {
    margin-top: 60px;
}
}
