/* theme.css - 亮色主题 + 响应式 */
body.light-theme{background:#f1f5f9;color:#1e293b}
body.light-theme ::-webkit-scrollbar{scrollbar-color:#cbd5e1 transparent}
body.light-theme .ambient-glow{display:none}
body.light-theme header{background:#fff;border-color:rgba(0,0,0,.06)!important}
body.light-theme header .font-display,body.light-theme header span{color:#1e293b!important}
body.light-theme .stat-card{background:#fff;border:1px solid rgba(0,0,0,.08)}
body.light-theme .stat-card:hover{border-color:rgba(5,150,105,.3)}
body.light-theme .text-slate-400,body.light-theme .text-slate-500,body.light-theme .text-slate-600{color:#64748b!important}
body.light-theme .text-slate-300{color:#475569!important}
body.light-theme .text-slate-200{color:#334155!important}
body.light-theme .text-emerald-400,.body.light-theme .text-emerald-500{color:#059669!important}
body.light-theme .text-blue-400,.body.light-theme .text-amber-400,.body.light-theme .text-rose-400{color:#d97706!important}
body.light-theme .timer-display{background:linear-gradient(180deg,#1e293b,#374151);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
body.light-theme .timer-display.running{background:linear-gradient(180deg,#059669,#047857);-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 20px rgba(5,150,105,.3))}
body.light-theme .timer-display.breaking{background:linear-gradient(180deg,#2563eb,#1d4ed8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 20px rgba(37,99,235,.3))}
body.light-theme .form-input{background:#fff;border-color:rgba(0,0,0,.12);color:#1e293b}
body.light-theme .form-input:focus{border-color:rgba(5,150,105,.5)}
body.light-theme .form-input::placeholder{color:#94a3b8}
body.light-theme .tab-btn{color:#64748b;background:transparent}
body.light-theme .tab-btn:hover{color:#475569}
body.light-theme .tab-btn.active{color:#059669}
body.light-theme header nav{background:rgba(0,0,0,.04)!important;border-color:rgba(0,0,0,.06)!important}
body.light-theme .section-title{color:#1e293b}
body.light-theme .section-title::before{background:linear-gradient(180deg,#059669,transparent)}
body.light-theme .badge{color:#fff!important}
body.light-theme .badge-overdue{background:#dc2626!important;color:#fff!important}
body.light-theme .badge-pending{background:#2563eb!important;color:#fff!important}
body.light-theme .badge-progress{background:#d97706!important;color:#fff!important}
body.light-theme .badge-done{background:#059669!important;color:#fff!important}
body.light-theme .badge-p1{background:#dc2626!important;color:#fff!important}
body.light-theme .badge-p2{background:#ea580c!important;color:#fff!important}
body.light-theme .badge-p3{background:#2563eb!important;color:#fff!important}
body.light-theme .badge-p4{background:#64748b!important;color:#fff!important}
body.light-theme .badge-abandoned{background:#94a3b8!important;color:#fff!important}
body.light-theme .type-bg-语文{background:#fb7185!important;color:#fff!important}
body.light-theme .type-bg-数学{background:#60a5fa!important;color:#fff!important}
body.light-theme .type-bg-英语{background:#a78bfa!important;color:#fff!important}
body.light-theme .type-bg-科学{background:#34d399!important;color:#fff!important}
body.light-theme .type-bg-体育{background:#fbbf24!important;color:#fff!important}
body.light-theme .type-bg-校内{background:#f472b6!important;color:#fff!important}
body.light-theme .type-bg-其他{background:#64748b!important;color:#fff!important}
body.light-theme .modal-content{background:#fff;border-color:rgba(0,0,0,.1);color:#1e293b}
body.light-theme .modal-overlay{background:rgba(0,0,0,.5)}
body.light-theme .kanban-card{background:#fff;border:1px solid rgba(0,0,0,.06);color:#1e293b}
body.light-theme .kanban-card:hover{border-color:rgba(0,0,0,.12)}
body.light-theme .kanban-card .text-slate-500,.body.light-theme .kanban-card .text-slate-600{color:#64748b!important}
body.light-theme .data-table th{background:#f8fafc;color:#475569;border-color:rgba(0,0,0,.06)}
body.light-theme .data-table td{border-color:rgba(0,0,0,.03);color:#374151}
body.light-theme .data-table tbody tr:hover td{background:#f8fafc}
body.light-theme .date-filter-dropdown{background:#fff;border-color:rgba(0,0,0,.1);box-shadow:0 8px 32px rgba(0,0,0,.1)}
body.light-theme .quick-tag{background:#f1f5f9;border-color:rgba(0,0,0,.08);color:#64748b}
body.light-theme .quick-tag:hover,body.light-theme .quick-tag.active{background:rgba(5,150,105,.1);color:#059669;border-color:rgba(5,150,105,.3)}
body.light-theme #dailyQuote{color:#374151!important}
body.light-theme .batch-bar{background:rgba(5,150,105,.06);border-color:rgba(5,150,105,.2)}
body.light-theme .btn-secondary{background:#f1f5f9;border-color:rgba(0,0,0,.1);color:#475569}
body.light-theme .btn-secondary:hover{background:#e2e8f0;color:#1e293b}
body.light-theme .btn-danger{background:rgba(220,38,38,.08);border-color:rgba(220,38,38,.2);color:#dc2626}
body.light-theme .btn-danger:hover{background:rgba(220,38,38,.15)}
body.light-theme .session-dot{border-color:#d1d5db}
body.light-theme .week-calendar-card,body.light-theme #weekCalendar>div{background:#fff!important}
body.light-theme #weekCalendar .text-slate-500,body.light-theme #weekCalendar .text-slate-600{color:#64748b!important}
body.light-theme #weekCalendar .text-slate-300{color:#475569!important}
body.light-theme input[type="datetime-local"].form-input{color:#1e293b}
body.light-theme .theme-toggle{background:rgba(0,0,0,.05);border-color:rgba(0,0,0,.1);color:#64748b}
body.light-theme .theme-toggle:hover{background:rgba(0,0,0,.08);color:#1e293b}
/* ==================== Light Theme Overrides for Phase 2+ Components ==================== */
body.light-theme .wsc-nav,body.light-theme .tw-nav{background:rgba(0,0,0,.04);border-color:rgba(0,0,0,.1);color:#64748b}
body.light-theme .wsc-nav:hover,body.light-theme .tw-nav:hover{background:rgba(5,150,105,.15);border-color:#059669;color:#059669}
body.light-theme .wsc-item,body.light-theme .tw-item{background:transparent;border-color:rgba(0,0,0,.08);color:#64748b}
body.light-theme .wsc-item:hover,body.light-theme .tw-item:hover{background:rgba(0,0,0,.04);color:#374151;border-color:rgba(0,0,0,.15)}
body.light-theme .wsc-item.selected,body.light-theme .tw-item.selected{background:rgba(5,150,105,.15);border-color:#059669;color:#059669}
body.light-theme .wsc-item.this-week,body.light-theme .tw-item.current{border-color:rgba(217,119,6,.4)}
body.light-theme .wsc-badge,body.light-theme .tw-badge{background:rgba(217,119,6,.15);color:#d97706}
body.light-theme .growth-tree-card{background:linear-gradient(180deg,rgba(5,150,105,.05),rgba(37,99,235,.05));border-color:rgba(5,150,105,.2)}
body.light-theme .tree-name{color:#1e293b}
body.light-theme .tree-desc{color:#64748b}
body.light-theme .tree-stat{background:rgba(0,0,0,.04)}
body.light-theme .tree-stat .stat-value{color:#059669}
body.light-theme .tree-stat .stat-label{color:#64748b}
body.light-theme .progress-bar{background:rgba(0,0,0,.08)}
body.light-theme .progress-next{color:#64748b}
body.light-theme .progress-next.complete{color:#d97706}
body.light-theme .badge-system-card{background:#fff;border-color:rgba(0,0,0,.08)}
body.light-theme .badge-item{border-color:rgba(0,0,0,.08);background:rgba(0,0,0,.02)}
body.light-theme .badge-item.earned{border-color:#d97706;background:rgba(217,119,6,.08)}
body.light-theme .badge-item.locked .badge-name{color:#94a3b8}
body.light-theme .badge-name{color:#1e293b}
body.light-theme .feeling-tag{border-color:rgba(0,0,0,.12);background:rgba(0,0,0,.03);color:#64748b}
body.light-theme .feeling-tag:hover{background:rgba(0,0,0,.06)}
body.light-theme .feeling-tag.selected{background:rgba(5,150,105,.15);border-color:#059669;color:#059669}
body.light-theme .summary-stat{background:rgba(0,0,0,.04)}
body.light-theme .summary-value{color:#1e293b}
body.light-theme .summary-label{color:#64748b}
body.light-theme .badge-notification{background:linear-gradient(135deg,#fff,#f8fafc);border-color:#d97706;box-shadow:0 10px 40px rgba(217,119,6,.2)}
body.light-theme .badge-notif-title{color:#d97706}
body.light-theme .badge-notif-name{color:#1e293b}
body.light-theme .badge-notif-desc{color:#64748b}
body.light-theme .reward-card:hover{border-color:rgba(217,119,6,.3)}

/* Mobile Responsive */
@media (max-width:768px){
  header{padding:12px 16px!important}
  header .font-display{font-size:14px}
  .tab-btn{padding:8px 16px;font-size:13px}
  main{padding:12px 12px!important}
  .timer-display{font-size:64px}
  .stat-card{padding:14px 16px;border-radius:12px}
  .grid.grid-cols-6{grid-template-columns:repeat(3,1fr)!important}
  .flex.gap-6.mb-6{flex-direction:column!important;gap:12px}
  .stat-card[style*="width:220px"]{width:100%!important}
  #completionRing{width:140px!important;height:140px!important}
  #trendChart{height:240px!important}
  #heatmapChart{height:160px!important}
  .kanban-lane{min-width:160px}
  .modal-content{padding:20px!important;width:95%!important;max-height:90vh}
  .grid.grid-cols-2.gap-4{grid-template-columns:1fr!important}
  .col-span-2{grid-column:span 1!important}
  .date-filter-dropdown{min-width:240px}
}
@media (max-width:480px){
  .timer-display{font-size:48px}
  .grid.grid-cols-6{grid-template-columns:repeat(2,1fr)!important}
  .grid.grid-cols-3{grid-template-columns:1fr!important}
  .btn-primary,.btn-secondary{padding:8px 16px;font-size:13px}
  #weekCalendar{grid-template-columns:repeat(7,1fr)!important;gap:4px!important}
  #weekCalendar>div{min-height:60px;padding:8px}
  .tab-btn{padding:6px 12px;font-size:12px}
  .tab-btn.active::after{left:15%;right:15%}
}