/* 登录容器 */
.login-container{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:20px}

.login-box{width:100%;max-width:420px;background:var(--card);padding:34px 26px;border-radius:12px;box-shadow:var(--shadow)}

.login-box h1{text-align:center;margin-bottom:20px;color:#0f172a}

.error-message{background:#fef2f2;color:#991b1b;padding:12px 14px;border-radius:10px;margin-bottom:15px;text-align:center;border:1px solid #fecaca}

/* 顶部导航栏 */
.top-bar{background:linear-gradient(180deg, var(--primary), var(--primary-600));color:#fff;padding:10px 20px;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:100;box-shadow:var(--shadow)}

.countdown{font-weight:700}

.actions{display:flex;gap:10px}

/* 内容区域 */
.content-area{max-width:1200px;margin:0 auto;padding:20px}

.content-area h2{margin-bottom:20px;color:#0f172a;border-bottom:1px solid var(--border);padding-bottom:10px}

/* 网页内容区域 */
.web-content{background:var(--card);border-radius:12px;padding:20px;min-height:400px;box-shadow:var(--shadow)}

/* 账号卡片 */
.account-card{background:var(--card);border-radius:12px;padding:20px;box-shadow:var(--shadow);max-width:520px;margin:0 auto}

.account-item{margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid var(--border)}

.account-item:last-child {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
}

.account-item label{display:block;margin-bottom:5px;font-weight:700;color:#0f172a}

.account-value{display:flex;align-items:center;gap:10px}

.copy-btn{padding:6px 10px;font-size:12px}

/* 复制提示（修改后） */
.toast{position:fixed;bottom:20px;right:20px;background:var(--success);color:#fff;padding:8px 12px;font-size:13px;border-radius:8px;box-shadow:var(--shadow);display:none;z-index:1000;max-width:220px;white-space:nowrap}

/* 响应式调整 */
@media (max-width:768px){
  .top-bar{flex-direction:column;gap:10px;text-align:center}
  .actions{width:100%;justify-content:center}
}

/* 在这里下载区域样式 */
.download-section{margin-top:30px;text-align:center;padding:20px;background:linear-gradient(135deg, var(--primary) 0%, var(--primary-700) 100%);border-radius:12px;box-shadow:var(--shadow)}

.download-title{color:#ffffff !important;font-size:28px;font-weight:700;margin-bottom:20px;text-shadow:0 2px 6px rgba(0,0,0,.25);letter-spacing:1px}

.download-image-container{display:flex;justify-content:center;align-items:center;margin-top:15px}

.download-image{max-width:350px;width:100%;height:auto;border-radius:12px;box-shadow:var(--shadow);transition:transform .2s ease}

.download-image:hover{transform:scale(1.02)}

/* 手机端适配 */
@media (max-width:768px){
  .download-section{margin-top:25px;padding:15px;border-radius:10px}
  .download-title{color:var(--text-inverse);font-size:24px;margin-bottom:15px;letter-spacing:1px}
  .download-image{max-width:330px;border-radius:10px}
}

/* 电脑端适配 */
@media (min-width: 769px) {
    .download-image {
        max-width: 420px;
    }
}

/* 自动暗色模式（可配合 JS 切换 .dark 类） */
@media (prefers-color-scheme: dark){
  :root{--bg:#0b1220;--card:#0f172a;--text:#e2e8f0;--border:#1f2937}
}
body.dark{--bg:#0b1220;--card:#0f172a;--text:#e2e8f0;--border:#1f2937}