/* Anna 1.0.4 · Flexy 客户中心布局 */
.anna-overview { padding:30px; }
.anna-overview-title,.anna-section-title { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:26px; }
.anna-overview-title h2,.anna-dashboard-grid h2 { margin:0; font-size:19px; font-weight:600; }
.anna-overview-title p { margin:5px 0 0; color:var(--anna-muted); }
.anna-overview-title a { font-size:13px; white-space:nowrap; }
.anna-overview-title .anna-icon { width:17px; }
.anna-overview-grid { display:grid; grid-template-columns:1.55fr 1fr 1fr 1fr; gap:28px; }
.anna-balance { padding:4px 28px 4px 0; border-right:1px solid var(--anna-border); }
.anna-metric-label { display:block; font-size:14px; color:var(--anna-muted); }
.anna-balance-value { display:block; margin:10px 0 16px; font-size:34px; line-height:1.2; font-weight:600; letter-spacing:-1px; font-variant-numeric:tabular-nums; overflow-wrap:anywhere; }
.anna-balance-meta { display:flex; justify-content:space-between; flex-wrap:wrap; gap:8px; margin-bottom:20px; font-size:12px; color:var(--anna-muted); }
.anna-balance-meta span:last-child { color:var(--anna-text); font-variant-numeric:tabular-nums; }
.anna-metric { display:flex; flex-direction:column; align-items:flex-start; gap:10px; min-width:0; color:var(--anna-text)!important; }
a.anna-metric:hover { text-decoration:none; }
a.anna-metric:hover .anna-metric-label { color:var(--anna-accent); text-decoration:underline; }
.anna-metric strong { font-size:30px; line-height:1.15; font-weight:500; font-variant-numeric:tabular-nums; }
.anna-metric-note { font-size:12px; color:var(--anna-muted); overflow-wrap:anywhere; }
.anna-metric-icon { display:flex; align-items:center; justify-content:center; width:44px; height:44px; border-radius:13px; margin-bottom:2px; }
.anna-tone-blue { background:var(--anna-soft); color:var(--anna-accent); }
.anna-tone-orange { background:#fff2e9; color:#a55711; }
.anna-tone-cyan { background:#e8f7ff; color:#0879a5; }
html[data-anna-theme="dark"] .anna-tone-orange { background:#463629; color:#f6c096; }
html[data-anna-theme="dark"] .anna-tone-cyan { background:#233d49; color:#86d9fb; }
.anna-dashboard-grid { display:grid; grid-template-columns:minmax(0,1fr) 310px; gap:24px; align-items:start; }
.anna-dashboard-grid > .card,.anna-dashboard-aside > .card { margin-bottom:0; }
.anna-dashboard-aside { display:flex; flex-direction:column; gap:24px; grid-column:2; grid-row:1 / span 2; min-width:0; }
.anna-resources { min-height:370px; min-width:0; }
.anna-theme .anna-resources .table td,.anna-theme .anna-resources .table th { padding:15px 10px; white-space:nowrap; }
.anna-profile-heading { display:flex; align-items:center; gap:12px; margin-bottom:24px; }
.anna-profile-heading > div { flex:1; min-width:0; }
.anna-profile-heading h2 { overflow-wrap:anywhere; font-size:17px; }
.anna-profile-heading p { margin:3px 0 0; color:var(--anna-muted); font-size:12px; }
.anna-profile-icon { background:var(--anna-soft); color:var(--anna-accent); width:44px; height:44px; border-radius:14px; display:grid; place-items:center; }
.anna-security-links { display:flex; flex-direction:column; gap:18px; }
.anna-security-links a { display:flex; align-items:center; gap:10px; font-size:13px; color:var(--anna-text); }
.anna-security-links .anna-icon { color:var(--anna-muted); width:18px; height:18px; }
.anna-security-state { margin-left:auto; color:var(--anna-accent); font-size:12px; }
.anna-product-list { display:flex; flex-direction:column; gap:12px; margin-top:22px; max-height:320px; overflow-y:auto; }
.anna-product-list > a { display:flex; justify-content:space-between; align-items:center; gap:10px; color:var(--anna-text); }
.anna-product-list > a > span:first-child { display:flex; align-items:center; gap:10px; min-width:0; }
.anna-product-list .anna-icon { color:var(--anna-muted); width:18px; }
.anna-product-count { background:var(--anna-soft); color:var(--anna-accent); font-size:12px; border-radius:7px; padding:1px 8px; }
.anna-timeline { list-style:none; padding:0; margin:0; }
.anna-timeline li { display:grid; grid-template-columns:140px minmax(0,1fr); gap:20px; position:relative; padding:0 0 24px 20px; border-left:1px solid var(--anna-border); margin-left:4px; }
.anna-timeline li:last-child { padding-bottom:0; }
.anna-timeline li::before { content:""; position:absolute; left:-5px; top:7px; width:9px; height:9px; border-radius:50%; background:var(--anna-accent); border:2px solid var(--anna-surface); }
.anna-timeline time { color:var(--anna-muted); font-size:12px; }
.anna-timeline a { color:var(--anna-text); overflow-wrap:anywhere; }
.anna-announcements { grid-column:1; }
.anna-icon-arrow { --anna-icon:url('./icons/arrow-right.svg'); }
.anna-icon-user { --anna-icon:url('./icons/user.svg'); }
.anna-icon-shield { --anna-icon:url('./icons/shield.svg'); }
.anna-icon-phone { --anna-icon:url('./icons/telephone.svg'); }
.anna-icon-mail { --anna-icon:url('./icons/mail.svg'); }
@media(max-width:1399.98px) {
  .anna-overview-grid { gap:20px; grid-template-columns:1.4fr 1fr 1fr 1fr; }
  .anna-balance-value { font-size:28px; }
  .anna-dashboard-grid { grid-template-columns:minmax(0,1fr) 280px; }
}
@media(max-width:1199.98px) {
  .anna-dashboard-grid { grid-template-columns:1fr; }
  .anna-dashboard-aside { grid-column:1; grid-row:auto; display:grid; grid-template-columns:1fr 1fr; }
}
@media(max-width:767.98px) {
  .anna-overview { padding:22px; }
  .anna-overview-title { align-items:flex-start; }
  .anna-overview-grid { grid-template-columns:1fr 1fr; gap:24px; }
  .anna-balance { border:0; padding:0; }
  .anna-dashboard-aside { display:flex; }
  .anna-timeline li { grid-template-columns:1fr; gap:5px; }
}
@media(max-width:399.98px) {
  .anna-overview-grid { gap:20px 12px; }
  .anna-balance-value { font-size:25px; }
  .anna-overview-title { flex-direction:column; gap:12px; }
}