/* ===== Yoyo — 共用样式 ===== */

* { margin:0; padding:0; box-sizing:border-box; }

body {
    font-family:"Microsoft YaHei","微软雅黑",sans-serif;
    background:#f5f7fa;
    color:#333;
    min-height:100vh;
    display:flex;
    flex-direction:column;
}

/* ===== 导航栏 ===== */
.navbar {
    background:#1a3a5c;
    padding:12px 40px;
    display:flex;
    justify-content:space-between;
    align-items:center;
    color:white;
}
.navbar .logo {
    font-size:20px;
    font-weight:bold;
    color:#4fc3f7;
    text-decoration:none;
}
.navbar .nav-links a {
    color:white;
    text-decoration:none;
    margin-left:25px;
    font-size:14px;
}
.navbar .nav-links a:hover { color:#4fc3f7; }
.navbar .nav-links a.active { color:#4fc3f7; font-weight:bold; }

/* ===== 积分余额徽章 ===== */
.credit-badge {
    display:inline-block;
    background:rgba(255,255,255,0.15);
    color:#4fc3f7;
    padding:4px 12px;
    border-radius:12px;
    font-size:13px;
    font-weight:bold;
    margin-left:15px;
    margin-right:5px;
    vertical-align:middle;
}

/* ===== 主内容区 ===== */
.main {
    flex:1;
    max-width:1100px;
    width:100%;
    margin:30px auto;
    padding:0 20px;
}
.page-title {
    font-size:24px;
    color:#1a3a5c;
    margin-bottom:5px;
}
.page-desc {
    color:#888;
    font-size:13px;
    margin-bottom:25px;
}

/* ===== 卡片 ===== */
.card, .report-card, .activate-box {
    background:white;
    border-radius:10px;
    padding:25px 30px;
    box-shadow:0 2px 12px rgba(0,0,0,0.08);
    margin-bottom:20px;
}
.report-card h3, .card h3 {
    font-size:17px;
    color:#1a3a5c;
    margin-bottom:15px;
    border-left:4px solid #4fc3f7;
    padding-left:12px;
}

/* ===== 按钮 ===== */
.btn-primary {
    background:#1a3a5c;
    color:white;
    border:none;
    padding:12px 30px;
    border-radius:8px;
    font-size:15px;
    cursor:pointer;
}
.btn-primary:hover { background:#2d6a9f; }

.btn-secondary {
    background:white;
    color:#1a3a5c;
    border:1px solid #1a3a5c;
    padding:12px 30px;
    border-radius:8px;
    font-size:15px;
    cursor:pointer;
    text-decoration:none;
    display:inline-block;
}
.btn-secondary:hover { background:#f0f4fa; }

.btn-group { display:flex; gap:15px; margin-top:20px; flex-wrap:wrap; }

/* ===== 表单 ===== */
.form-group { margin-bottom:15px; }
.form-group label {
    display:block;
    font-size:13px;
    color:#555;
    margin-bottom:5px;
    font-weight:bold;
}
.form-group input,
.form-group textarea,
.form-group select {
    width:100%;
    padding:10px 14px;
    border:1px solid #ddd;
    border-radius:6px;
    font-size:14px;
    font-family:inherit;
    outline:none;
}
.form-group textarea { min-height:100px; resize:vertical; }
.form-group input:focus,
.form-group textarea:focus,
.form-group select:focus { border-color:#4fc3f7; }

/* ===== 底部 ===== */
.footer {
    background:#1a3a5c;
    color:#b0d4f1;
    text-align:center;
    padding:18px;
    font-size:13px;
    margin-top:60px;
}

/* ===== 响应式 ===== */
@media (max-width:768px) {
    .navbar { padding:10px 15px; }
    .main { padding:0 10px; margin:20px auto; }
    .two-col { flex-direction:column; }
    .btn-group { flex-direction:column; }
    .btn-group a, .btn-group button { width:100%; text-align:center; }
}