/* 第五关专用样式 - 连词成句版 */

/* 黄色卡片最小高度 */
.word-card{min-height:580px;}

/* 赞助商容器，控制上下间距 */
.sponsor-container{width:100%;text-align:center;margin:180px 0 20px 0;}

/* 赞助商区域 */
.sponsor-area{opacity:1;text-align:center;margin:80px 0 10px 0;}

/* 已拼句子区域 */
.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:#FF4500;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:#8E44AD;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 #2E7D32;border-radius:50px;background-color:#4CAF50;box-shadow:0 5px 0 #1B5E20;font-size:2.2rem;font-weight:700;color:white;cursor:pointer;text-decoration:none;min-width:160px;transition:all 0.2s;}
.decode-btn:hover{transform:translateY(-3px);box-shadow:0 8px 0 #1B5E20;background-color:#5fdd64;}

.example-sentence {
    margin-top: 60px;
}

/* 手机版适配 */
@media (max-width:480px){
.word-card{min-height:540px;}
.example-sentence{margin-top:30px;}
.sponsor-container{margin:20px 0;}
.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;margin-top:40px !important;}
.decode-btn{font-size:1.8rem;padding:8px 25px;min-width:140px;}
.example-sentence {
    margin-top: 60px;
}
}