/* j_01_style/006_play_6.css - 第六关专用样式（金币领取页） */
.word-card{min-height:580px;}
.sponsor-area{opacity:0;transition:opacity 5s ease-in-out;text-align:center;margin-top:-20px;margin-bottom:10px;}
.sponsor-area .sponsor-name{font-size:1.8rem;color:#ff0000;font-weight:500;font-weight:bold;}
.warm-reminder{opacity:0;transition:opacity 5s ease-in-out;font-size:1.8rem;color:#2196F3;text-align:center;margin-top:80px;margin-bottom:10px;font-weight:500;}
.login-message{font-size:1.7rem;color:#ff7b9c;margin-top:-70px;font-weight:500;text-align:center;margin-bottom:18px;}
.button-group{opacity:1;transition:opacity 5s ease-in-out;display:flex;flex-direction:column;align-items:center;gap:1rem;margin:1rem 0 2rem 0;}
.decode-btn,.login-btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 35px;border:3px solid #0066CC;border-radius:60px;background-color:#4da6ff;box-shadow:0 6px 0 #004C99;font-size:2.2rem;font-weight:700;color:white;cursor:pointer;transition:all 0.2s;text-decoration:none;min-width:140px;white-space:nowrap;}
.decode-btn:hover,.login-btn:hover{transform:translateY(-3px);box-shadow:0 9px 0 #004C99;background-color:#66b3ff;}
.coin-icon{font-size:5rem;animation:coinSpin 3s infinite linear;display:inline-block;}
.coin-rain{position:relative;width:100%;height:250px;overflow:hidden;margin:0;top:-60px;pointer-events:none;display:flex;justify-content:center;align-items:flex-start;}
.gold1,.gold2,.gold3{position:absolute;width:52px;height:52px;background:radial-gradient(circle at 30% 30%,#ffd700,#b8860b);border-radius:50%;box-shadow:0 0 35px gold;left:50%;transform:translateX(-50%);animation:fall 2.2s infinite;opacity:0;}
.gold1{width:46px;height:46px;animation-delay:0s;top:-5px;} 
.gold2{width:52px;height:52px;animation-delay:0.4s;top:-8px;}
.gold3{width:42px;height:42px;animation-delay:0.8s;top:-2px;}
@keyframes fall{0%{transform:translateX(-50%) translateY(-30px) rotate(0deg);opacity:0;}20%{opacity:1;transform:translateX(-50%) translateY(0) rotate(180deg);}60%{opacity:1;transform:translateX(-50%) translateY(120px) rotate(360deg);}100%{transform:translateX(-50%) translateY(220px) rotate(540deg);opacity:0;}}
.success-message{font-size:1.8rem;font-weight:700;color:#2196F3;margin-top:-40px;margin-bottom:5px;opacity:0;transition:opacity 5s ease-in-out;}
.total-coins-message{font-size:2.8rem;font-weight:700;color:#ffd700;text-shadow:1px 1px 0 #B45F2E;background:rgba(255,249,196,0.7);padding:15px 35px;border-radius:60px;border:3px solid #FFB347;box-shadow:0 6px 0 #E69500;margin:8px 0;opacity:0;transition:opacity 5s ease-in-out;}
.top-bar{margin:0 !important;padding:0 !important;position:relative;top:-10px;}
.coin-display{margin:0 !important;padding:0 !important;line-height:1;}
.coin-icon{margin:0 !important;padding:0 !important;}
.qrcode-subtitle {
    font-size: 1.7rem;
    font-weight: 900;
    color: #2196F3;
    text-align: center;
    margin-top: 4px;
    letter-spacing: 2px;

}

/* ===== 手机版样式 ===== */
@media (max-width:480px){
.word-card{min-height:540px;}
.success-message{font-size:1.8rem;margin-top:-30px;}
.total-coins-message{font-size:2rem;padding:12px 28px;}
.warm-reminder{font-size:1.5rem;margin-top:100px;margin-bottom:8px;color:#2196F3;}
.sponsor-area{margin-top:-40px;margin-bottom:20px;}
.sponsor-area .sponsor-name{font-size:1.8rem;color:#ff0000;}
.login-message{font-size:1.6rem;color:#ff7b9c;margin-top:-90px;font-weight:500;text-align:center;margin-bottom:18px}
.decode-btn,.login-btn{padding:10px 25px;font-size:1.6rem;min-width:120px;}
.button-group{gap:0.8rem;margin:1rem 0 0.5rem 0;}
.coin-icon{font-size:4rem;}
.coin-rain{height:120px;top:-50px;}
.gold1,.gold2,.gold3{width:44px;height:44px;}
.gold1{width:40px;height:40px;}
.gold2{width:44px;height:44px;}
.gold3{width:36px;height:36px;}
@keyframes fall{0%{transform:translateX(-50%) translateY(-20px) rotate(0deg);opacity:0;}20%{opacity:1;transform:translateX(-50%) translateY(0) rotate(180deg);}60%{opacity:1;transform:translateX(-50%) translateY(90px) rotate(360deg);}100%{transform:translateX(-50%) translateY(180px) rotate(540deg);opacity:0;}}
.top-bar{top:-15px;}
.coin-display{margin:0 !important;padding:0 !important;}
.coin-icon{margin:0 !important;padding:0 !important;}
    .qrcode-subtitle {
        font-size: 1.7rem;
        margin-top: 15px;

    }
}