/* ═══════════ 预约页 ═══════════ */
.apt-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.apt-expert-card{background:#fff;border-radius: var(--radius-lg);padding:32px 24px;text-align:center;box-shadow:0 2px 16px rgba(10,42,94,.06)}
.apt-expert-card .avatar{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,var(--gold),var(--gold2));display:flex;align-items:center;justify-content:center;font-size:32px;color:#fff;font-weight:700;margin:0 auto 12px;overflow:hidden}
.apt-expert-card .avatar img{width:100%;height:100%;object-fit:cover}
.apt-expert-card .price{font-size:32px;color:var(--gold);font-weight:700;margin-top:16px}
.apt-expert-card .note{font-size:12px;color:var(--text3);margin-top:8px}
.apt-form{background:#fff;border-radius: var(--radius-lg);padding:28px;box-shadow:0 2px 16px rgba(10,42,94,.06)}
.apt-form h3{color:var(--navy);margin-bottom:20px;font-size:20px}
.form-modes{display:flex;gap:8px;margin-bottom:20px}
.form-mode{flex:1;padding:10px;text-align:center;background:#f8fafc;border-radius: var(--radius-sm);cursor:pointer;border:1px solid transparent;font-size:13px;color:var(--text2);transition:.2s}
.form-mode.active{border-color:var(--gold);color:var(--gold);background:rgba(212,175,55,.05)}
.form-group{margin-bottom:16px}
.form-group label{display:block;font-size:13px;color:var(--text2);margin-bottom:6px;font-weight:500}
.form-group input,.form-group select,.form-group textarea{width:100%;padding:10px 14px;background:#f8fafc;border:1px solid rgba(0,0,0,.08);border-radius: var(--radius-sm);color:var(--text);font-size:14px;outline:none;transition:.2s}
.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(212,175,55,.08)}
.form-group textarea{resize:vertical;min-height:80px}
.success-box{background:#fff;border-radius: var(--radius-lg);padding:48px;text-align:center;box-shadow:0 2px 16px rgba(10,42,94,.06)}
.success-box .icon{font-size:64px;margin-bottom:16px}
.success-box h3{color:var(--navy);font-size:22px}
.success-box p{color:var(--text2);margin:12px 0 24px}
/* ═══════════ 个人中心 — 设置列表 ═══════════ */
.acct-header{display:flex;align-items:center;gap:16px;background:#f8fafc;border-radius:var(--radius);padding:24px 20px;margin-bottom:24px}
.acct-avatar{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,var(--navy),var(--navy2));display:flex;align-items:center;justify-content:center;font-size:26px;color:#fff;flex-shrink:0}
.acct-info{flex:1}
.acct-name{font-size:18px;font-weight:700;color:var(--navy);margin-bottom:2px}
.acct-sub{font-size:12px;color:var(--text3)}
.acct-edit-btn{padding:8px 18px;border-radius: var(--radius-lg);font-size:13px;cursor:pointer;border:1px solid var(--gold);color:var(--gold);background:#fff;transition:.2s;flex-shrink:0}
.acct-edit-btn:hover{background:var(--gold);color:#fff}

.acct-set-list{display:flex;flex-direction:column;gap:2px;margin-bottom:28px}
.acct-set-item{display:flex;align-items:center;gap:12px;padding:16px 0;cursor:pointer;border-bottom:1px solid rgba(0,0,0,.04);transition:.2s}
.acct-set-item:hover{background:rgba(0,0,0,.01);margin:0 -24px;padding:16px 24px;border-radius: var(--radius-sm)}
.acct-set-item:last-child{border-bottom:none}
.acct-set-icon{font-size:20px;flex-shrink:0;width:28px;text-align:center}
.acct-set-text{flex:1;font-size:15px;color:var(--navy);font-weight:500}
.acct-set-extra{font-size:13px;color:var(--text3);flex-shrink:0}
.acct-menu-arrow{font-size:18px;color:var(--text3);flex-shrink:0}

.acct-logout-btn{display:block;width:100%;padding:12px;border-radius:var(--radius-sm);border:1px solid rgba(0,0,0,.08);background:#fff;color:var(--text2);font-size:14px;cursor:pointer;transition:.2s}
.acct-logout-btn:hover{background:#fef2f2;color:var(--red);border-color:rgba(239,68,68,.3)}

/* ====== 专家余额页 ====== */
.eb-balance-card {
  background: linear-gradient(135deg, var(--navy) 0%, #0f3460 100%);
  border-radius: var(--radius);
  padding: 28px 28px 20px;
  color: #fff;
  margin-bottom: 20px;
}
.eb-bc-header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 24px;
}
.eb-bc-label { font-size: var(--text-caption); opacity: 0.7; margin-bottom: 6px; }
.eb-bc-amount { font-size: 42px; font-weight: 700; letter-spacing: -1px; }
.eb-bc-badge {
  font-size: var(--text-small);
  background: rgba(255,255,255,0.12);
  padding: 5px 14px;
  border-radius: var(--radius-pill);
  white-space: nowrap;
}
.eb-bc-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 12px;
  padding: 16px 0;
  border-top: 1px solid rgba(255,255,255,0.1);
}
.eb-bc-item { text-align: center; }
.eb-bc-item-label { font-size: var(--text-small); opacity: 0.55; display: block; margin-bottom: 2px; }
.eb-bc-item-val { font-size: 17px; font-weight: 600; }
.eb-bc-rule {
  font-size: var(--text-small);
  opacity: 0.5;
  line-height: 1.6;
  padding-top: 12px;
  border-top: 1px solid rgba(255,255,255,0.1);
}

.eb-section-title {
  font-size: var(--text-h4);
  font-weight: 700;
  color: var(--navy);
  margin-bottom: 4px;
}
.eb-section-desc {
  font-size: var(--text-caption);
  color: var(--text2);
  margin-bottom: 20px;
}

.eb-form-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
}
.eb-form-full { grid-column: 1 / -1; }
.eb-form-item label {
  display: block;
  font-size: var(--text-caption);
  color: var(--text2);
  margin-bottom: 5px;
}
.eb-form-item input {
  width: 100%;
  padding: 10px 14px;
  border: 1px solid #e2e8f0;
  border-radius: var(--radius-sm);
  font-size: var(--text-body);
  color: var(--text);
  outline: none;
  transition: border-color .2s;
  background: #fafbfc;
}
.eb-form-item input:focus { border-color: var(--navy2); background: #fff; }

.eb-save-btn {
  width: 100%;
  margin-top: 18px;
  padding: 12px;
  background: linear-gradient(135deg, var(--navy), #0f3460);
  color: #fff;
  border: none;
  border-radius: var(--radius-sm);
  font-size: 15px;
  font-weight: 600;
  cursor: pointer;
  transition: opacity .2s;
}
.eb-save-btn:hover { opacity: 0.9; }

.eb-record {
  padding: 16px 0;
  border-bottom: 1px solid #f1f5f9;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.eb-record:last-child { border-bottom: none; }
.eb-rec-left { flex: 1; }
.eb-rec-type { font-size: var(--text-body); font-weight: 600; color: var(--navy); }
.eb-rec-meta { font-size: var(--text-small); color: var(--text3); margin-top: 2px; }
.eb-rec-right { text-align: right; flex-shrink: 0; }
.eb-rec-amount { font-size: 19px; font-weight: 700; color: var(--navy); }
.eb-rec-detail { font-size: var(--text-small); color: var(--text3); margin-top: 2px; }
.eb-rec-status {
  font-size: var(--text-small);
  padding: 2px 10px;
  border-radius: var(--radius-pill);
  display: inline-block;
  margin-top: 4px;
}
.eb-rec-status.completed { background: #ecfdf5; color: #059669; }
.eb-rec-status.pending { background: #fffbeb; color: #d97706; }
.eb-rec-status.failed { background: #fef2f2; color: #dc2626; }

.eb-empty { text-align: center; padding: 48px; color: var(--text3); font-size: var(--text-caption); }

@media (max-width: 600px) {
  .eb-bc-grid { grid-template-columns: repeat(2, 1fr); }
  .eb-bc-amount { font-size: 32px; }
  .eb-form-grid { grid-template-columns: 1fr; }
  .eb-record { flex-direction: column; }
  .eb-rec-right { text-align: left; margin-top: 8px; }
}