/* 打卡成就样式 */
.ach-stat { display: flex; gap: 14px; flex-wrap: wrap; margin-bottom: 14px; }
.ach-big { flex: 1; min-width: 90px; text-align: center; padding: 12px 8px; background: #f8faff; border-radius: 12px; }
.ach-big b { display: block; font-size: 26px; color: #2563eb; font-weight: 800; line-height: 1.1; }
.ach-big span { font-size: 12px; color: #6b7280; }

.ach-days { display: flex; align-items: center; gap: 5px; flex-wrap: wrap; margin-bottom: 16px; }
.ach-cell { width: 18px; height: 18px; border-radius: 4px; background: #eef0f2; transition: background .2s; }
.ach-cell.on { background: linear-gradient(135deg,#4c8bf5,#2563eb); }
.ach-days-label { font-size: 12px; color: #9ca3af; margin-left: 6px; }

.ach-badges { display: grid; grid-template-columns: repeat(auto-fill, minmax(110px, 1fr)); gap: 10px; }
.ach-badge { text-align: center; padding: 12px 8px; background: #fff; border: 1px solid #e6e8eb; border-radius: 12px; opacity: .55; transition: all .2s; }
.ach-badge.on { opacity: 1; border-color: #c7d7fb; background: #f8faff; box-shadow: 0 2px 8px rgba(76,139,245,.1); }
.ach-icon { font-size: 26px; line-height: 1.2; }
.ach-name { font-size: 13px; font-weight: 600; color: #374151; margin-top: 4px; }
.ach-badge.on .ach-name { color: #2563eb; }
.ach-desc { font-size: 11px; color: #9ca3af; margin-top: 2px; line-height: 1.4; }

/* 暗色 */
[data-theme="dark"] .ach-big { background: #0f172a; }
[data-theme="dark"] .ach-big b { color: #93c5fd; }
[data-theme="dark"] .ach-cell { background: #334155; }
[data-theme="dark"] .ach-badge { background: #1e293b; border-color: #334155; }
[data-theme="dark"] .ach-badge.on { background: #0f172a; border-color: #3b82f6; }
[data-theme="dark"] .ach-name { color: #cbd5e1; }

@media (max-width: 640px) {
  .ach-badges { grid-template-columns: repeat(auto-fill, minmax(90px, 1fr)); }
}