*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--color-bg: #f0f4f8;--color-surface: #ffffff;--color-primary: #2563eb;--color-primary-dark: #1d4ed8;--color-primary-light: #dbeafe;--color-primary-glow: rgba(37, 99, 235, .15);--color-success: #059669;--color-success-dark: #047857;--color-success-bg: #ecfdf5;--color-success-light: #d1fae5;--color-success-glow: rgba(5, 150, 105, .15);--color-warning: #d97706;--color-warning-bg: #fffbeb;--color-danger: #dc2626;--color-danger-dark: #b91c1c;--color-danger-bg: #fef2f2;--color-accent: #7c3aed;--color-accent-bg: #ede9fe;--color-frozen: #6d28d9;--color-frozen-bg: #f5f3ff;--color-text: #0f172a;--color-text-muted: #475569;--color-text-light: #94a3b8;--color-border: #e2e8f0;--color-border-light: #f1f5f9;--radius-sm: 10px;--radius-md: 14px;--radius-lg: 18px;--radius-xl: 24px;--radius-full: 9999px;--shadow-xs: 0 1px 2px rgba(0,0,0,.04);--shadow-sm: 0 1px 3px rgba(0,0,0,.06), 0 1px 2px rgba(0,0,0,.04);--shadow-md: 0 4px 16px rgba(0,0,0,.07), 0 2px 6px rgba(0,0,0,.04);--shadow-lg: 0 8px 32px rgba(0,0,0,.08), 0 4px 8px rgba(0,0,0,.04);--shadow-glow: 0 0 0 4px var(--color-primary-glow);--font-sans: -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Segoe UI", sans-serif;--font-mono: "SF Mono", "JetBrains Mono", "Fira Code", "Consolas", monospace;--transition: .2s cubic-bezier(.4, 0, .2, 1);--transition-bounce: .3s cubic-bezier(.34, 1.56, .64, 1)}html{font-size:16px;-webkit-text-size-adjust:100%}body{font-family:var(--font-sans);background:var(--color-bg);color:var(--color-text);line-height:1.6;min-height:100vh}#app{max-width:480px;margin:0 auto;min-height:100vh;display:flex;flex-direction:column}.app-main{flex:1;padding:14px 12px 32px;display:flex;flex-direction:column;gap:12px}.app-header{background:linear-gradient(145deg,#1e3a5f,#1d4ed8 40%,#2563eb,#0891b2);color:#fff;padding:20px 16px 24px;position:sticky;top:0;z-index:100;box-shadow:0 4px 20px #2563eb66;overflow:hidden}.app-header:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:4px;background:linear-gradient(90deg,#f59e0b,#ef4444,#8b5cf6,#06b6d4);opacity:.7}.header-inner{max-width:480px;margin:0 auto}.header-top{display:flex;align-items:center;gap:8px;margin-bottom:8px}.app-title{font-size:1.2rem;font-weight:800;letter-spacing:.02em;text-shadow:0 1px 3px rgba(0,0,0,.2)}.header-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.baseline-chip{display:inline-flex;align-items:center;gap:4px;background:#ffffff2e;border:1px solid rgba(255,255,255,.25);border-radius:20px;padding:3px 10px;font-size:.8rem}.baseline-chip strong{font-size:.95rem;font-weight:800;font-family:var(--font-mono)}.header-tip{font-size:.72rem;opacity:.75}.card{background:var(--color-surface);border-radius:var(--radius-xl);padding:20px 16px;box-shadow:var(--shadow-md);border:1px solid var(--color-border);transition:box-shadow var(--transition),transform var(--transition)}.card:hover{box-shadow:var(--shadow-lg)}.card-title{font-size:1rem;font-weight:800;color:var(--color-text);margin-bottom:16px;display:flex;align-items:center;gap:8px}.card-title:before{content:"";display:inline-block;width:4px;height:18px;flex-shrink:0;background:linear-gradient(to bottom,var(--color-primary),var(--color-accent));border-radius:2px}.card-hint{font-size:.78rem;color:var(--color-text-muted);margin-bottom:10px}.form-group{margin-bottom:14px}.form-label{display:block;font-size:.78rem;font-weight:700;color:var(--color-text-muted);margin-bottom:7px;text-transform:uppercase;letter-spacing:.05em}.form-input{width:100%;padding:11px 13px;border:1.5px solid var(--color-border);border-radius:var(--radius-sm);font-size:1rem;font-family:var(--font-sans);color:var(--color-text);background:#f8fafc;transition:border-color var(--transition),box-shadow var(--transition),background var(--transition);-webkit-appearance:none;-moz-appearance:none;appearance:none}.form-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #2563eb1f;background:#fff}.form-input::placeholder{color:var(--color-text-light)}.toggle-group{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:8px;background:var(--color-bg);padding:5px;border-radius:var(--radius-lg)}.toggle-btn{display:flex;align-items:center;justify-content:center;gap:6px;padding:12px 8px;border:2px solid var(--color-border);border-radius:var(--radius-md);font-size:.95rem;font-weight:700;cursor:pointer;background:#f8fafc;color:var(--color-text-muted);transition:all var(--transition);font-family:var(--font-sans);-webkit-tap-highlight-color:transparent;position:relative;overflow:hidden}.toggle-btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,var(--color-primary),#3b82f6);opacity:0;transition:opacity var(--transition)}.toggle-btn>*{position:relative;z-index:1}.toggle-btn.active{border-color:transparent;color:#fff;box-shadow:0 4px 14px #2563eb59;transform:translateY(-2px)}.toggle-btn.active:before{opacity:1}.toggle-btn:not(.active):hover{border-color:var(--color-primary);color:var(--color-primary);background:var(--color-primary-light)}.toggle-btn:not(.active):active{transform:scale(.97)}.type-hint{font-size:.75rem;color:var(--color-text-muted);background:var(--color-bg);border-radius:var(--radius-sm);padding:6px 10px;line-height:1.5;border-left:3px solid var(--color-primary)}.rank-input-row{display:flex;align-items:center;gap:7px}.rank-dir-btn{flex:0 0 auto;display:flex;align-items:center;gap:3px;padding:11px 12px;border:2px solid var(--color-border);border-radius:var(--radius-sm);font-size:.82rem;font-weight:700;cursor:pointer;background:#f8fafc;color:var(--color-text-muted);transition:all var(--transition);font-family:var(--font-sans);white-space:nowrap;-webkit-tap-highlight-color:transparent}.rank-dir-btn.active[data-dir=advance]{background:var(--color-success-bg);border-color:var(--color-success);color:var(--color-success);box-shadow:0 2px 6px #0596692e}.rank-dir-btn.active[data-dir=drop]{background:var(--color-danger-bg);border-color:var(--color-danger);color:var(--color-danger);box-shadow:0 2px 6px #dc26262e}.rank-input{flex:1;width:auto;font-family:var(--font-mono);font-size:1.2rem;font-weight:700;text-align:center}.input-unit{font-size:.85rem;color:var(--color-text-muted);white-space:nowrap;font-weight:600}.scores-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.scores-toggle{display:flex;align-items:center;gap:5px;cursor:pointer;font-size:.78rem;color:var(--color-primary);font-weight:600;background:var(--color-primary-light);padding:3px 9px;border-radius:12px}.scores-toggle input[type=checkbox]{width:14px;height:14px;cursor:pointer;accent-color:var(--color-primary)}.scores-inputs{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:6px}.scores-inputs.hidden{display:none}.score-field{display:flex;align-items:center;gap:6px}.score-label{font-size:.8rem;font-weight:700;color:var(--color-text-muted);white-space:nowrap;width:28px}.score-input{flex:1;padding:9px 8px;font-size:.95rem;font-family:var(--font-mono);text-align:center}.score-badge{font-size:.7rem;font-weight:800;padding:2px 6px;border-radius:6px;white-space:nowrap;min-width:28px;text-align:center}.score-badge.pass{background:var(--color-success-light);color:var(--color-success)}.score-badge.fail{background:var(--color-danger-bg);color:var(--color-danger)}.score-threshold-note{font-size:.72rem;color:var(--color-text-light);padding:4px 0 0 2px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:12px 16px;border:none;border-radius:var(--radius-md);font-size:.95rem;font-weight:700;cursor:pointer;transition:all var(--transition);font-family:var(--font-sans);-webkit-tap-highlight-color:transparent;letter-spacing:.01em}.btn-full{width:100%;display:flex}.btn-primary{background:linear-gradient(135deg,var(--color-primary),#3b82f6);color:#fff;box-shadow:0 3px 10px #2563eb4d;font-size:1rem;padding:13px 16px;letter-spacing:.05em}.btn-primary:active{transform:translateY(1px);box-shadow:0 1px 4px #2563eb33}.btn-success{background:linear-gradient(135deg,#059669,#10b981);color:#fff;box-shadow:0 3px 10px #05966947;margin-top:12px}.btn-success:active{transform:translateY(1px)}.btn-outline{background:transparent;border:2px solid var(--color-primary);color:var(--color-primary);padding:10px 14px;font-size:.88rem;border-radius:var(--radius-sm)}.btn-outline:active{background:#2563eb12}.btn-warning{background:linear-gradient(135deg,#d97706,#f59e0b);color:#fff;box-shadow:0 3px 10px #d9770647}.btn-warning:active{transform:translateY(1px)}.btn-danger{background:linear-gradient(135deg,#dc2626,#ef4444);color:#fff;box-shadow:0 3px 10px #dc262638;margin-top:8px}.btn-danger:active{transform:translateY(1px)}.result-card{margin-top:16px;border-radius:var(--radius-lg);overflow:hidden;border:1.5px solid var(--color-border);animation:slideDown .25s cubic-bezier(.34,1.56,.64,1);box-shadow:var(--shadow-lg),0 0 0 1px #2563eb0d;background:linear-gradient(180deg,#fff,#fafbff)}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.result-header{padding:11px 16px;font-size:.82rem;font-weight:800;background:linear-gradient(135deg,var(--color-primary),#3b82f6);color:#fff;letter-spacing:.04em;text-transform:uppercase}.result-header.deduct{background:linear-gradient(135deg,#b91c1c,var(--color-danger))}.result-header.zero{background:linear-gradient(135deg,#475569,#64748b)}.result-body{padding:14px 16px 10px;display:flex;flex-direction:column}.result-main-row{display:flex;justify-content:space-between;align-items:center;padding:4px 0 10px}.result-main-label{font-size:.85rem;color:var(--color-text-muted);font-weight:600}.result-main-value{font-size:1.8rem;font-weight:900;font-family:var(--font-mono);color:var(--color-accent);letter-spacing:-.02em}.result-divider{height:1px;background:var(--color-border-light);margin:4px 0 10px}.result-row{display:flex;justify-content:space-between;align-items:center;padding:7px 0;border-bottom:1px solid var(--color-border-light)}.result-row:last-child{border-bottom:none}.result-label{font-size:.83rem;color:var(--color-text-muted)}.result-value{font-size:1.05rem;font-weight:800;font-family:var(--font-mono)}.result-value.green{color:var(--color-success)}.result-value.frozen{color:var(--color-frozen)}.result-value.red{color:var(--color-danger)}.result-note{padding:8px 16px 10px;font-size:.75rem;color:var(--color-text-muted);background:var(--color-bg);line-height:1.55}.semester-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px}.stat-item{border-radius:var(--radius-md);padding:14px 12px 12px;display:flex;flex-direction:column;gap:4px;position:relative;overflow:hidden;border:1.5px solid transparent;transition:transform var(--transition),box-shadow var(--transition)}.stat-item:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.stat-item:before{content:"";position:absolute;top:0;left:0;right:0;height:3px}.stat-available{background:#f0fdf8;border-color:#a7f3d0}.stat-available:before{background:linear-gradient(90deg,#059669,#10b981)}.stat-frozen{background:var(--color-frozen-bg);border-color:#c4b5fd}.stat-frozen:before{background:linear-gradient(90deg,#6d28d9,#8b5cf6)}.stat-used{background:#fff7ed;border-color:#fed7aa}.stat-used:before{background:linear-gradient(90deg,#ea580c,#f97316)}.stat-total{background:#faf5ff;border-color:#e9d5ff}.stat-total:before{background:linear-gradient(90deg,#7c3aed,#a855f7)}.stat-icon{font-size:1rem;line-height:1;margin-bottom:1px}.stat-label{font-size:.68rem;color:var(--color-text-muted);font-weight:600;text-transform:uppercase;letter-spacing:.03em}.stat-value{font-size:1.1rem;font-weight:800;font-family:var(--font-mono);color:var(--color-text)}.stat-available .stat-value{color:var(--color-success)}.stat-frozen .stat-value{color:var(--color-frozen)}.stat-used .stat-value{color:#ea580c}.stat-total .stat-value{color:var(--color-accent)}.withdraw-row{display:flex;gap:8px;margin-bottom:14px}.withdraw-row .form-input{flex:1;padding:10px 12px;font-size:.95rem;font-family:var(--font-mono)}.records-container{max-height:280px;overflow-y:auto;margin-bottom:12px;border-radius:var(--radius-md);border:1.5px solid var(--color-border);background:linear-gradient(180deg,#f8fafc,#f1f5f9)}.empty-hint{padding:28px 16px;text-align:center;font-size:.82rem;color:var(--color-text-light);line-height:1.8}.records-list{list-style:none;padding:0}.record-item{display:flex;align-items:center;gap:12px;padding:12px;border-bottom:1px solid var(--color-border-light);animation:slideInRight .25s ease;transition:background var(--transition)}.record-item:hover{background:#2563eb08}@keyframes fadeIn{0%{opacity:0;transform:translate(-4px)}to{opacity:1;transform:translate(0)}}.record-item:last-child{border-bottom:none}.record-icon{flex:0 0 auto;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.82rem;font-weight:800}.record-icon.reward{background:var(--color-success-light);color:var(--color-success)}.record-icon.deduct{background:var(--color-danger-bg);color:var(--color-danger)}.record-icon.withdraw{background:#fff7ed;color:#ea580c}.record-icon.settle{background:var(--color-accent-bg);color:var(--color-accent)}.record-icon.zero{background:var(--color-border-light);color:var(--color-text-muted)}.record-body{flex:1;min-width:0}.record-title{font-size:.82rem;font-weight:700;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.record-meta{font-size:.7rem;color:var(--color-text-light);margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.record-amount{font-size:.92rem;font-weight:800;font-family:var(--font-mono);white-space:nowrap;flex-shrink:0}.record-amount.positive{color:var(--color-success)}.record-amount.negative{color:var(--color-danger)}.record-amount.neutral{color:var(--color-text-muted)}.examples-collapse{margin-bottom:12px;border-radius:var(--radius-md);border:1.5px solid var(--color-border);overflow:hidden}.collapse-toggle-btn{width:100%;display:flex;justify-content:space-between;align-items:center;background:var(--color-bg);border:none;cursor:pointer;font-size:.88rem;font-weight:700;color:var(--color-text);padding:12px 14px;font-family:var(--font-sans);-webkit-tap-highlight-color:transparent;transition:background var(--transition)}.collapse-toggle-btn:active{background:var(--color-primary-light)}#rules-toggle-btn{background:none;padding:0}.toggle-arrow{font-size:.7rem;color:var(--color-text-muted);transition:transform .22s ease;flex-shrink:0}.toggle-arrow.open{transform:rotate(180deg)}.examples-content{padding:12px 14px 14px;border-top:1px solid var(--color-border);background:#fff}.examples-content.hidden{display:none}.examples-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}.example-btn{display:flex;flex-direction:column;align-items:flex-start;padding:10px 11px;background:#f8fafc;border:1.5px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition);text-align:left;font-family:var(--font-sans);-webkit-tap-highlight-color:transparent}.example-btn:active,.example-btn.active{background:#eff6ff;border-color:var(--color-primary);box-shadow:0 2px 8px #2563eb26}.example-tag{font-size:.68rem;font-weight:800;padding:2px 7px;border-radius:5px;margin-bottom:5px;text-transform:uppercase;letter-spacing:.04em}.example-tag.monthly{background:#dbeafe;color:#1d4ed8}.example-tag.major{background:var(--color-accent-bg);color:#5b21b6}.example-title{font-size:.8rem;font-weight:700;color:var(--color-text);line-height:1.3;margin-bottom:3px}.example-desc{font-size:.7rem;color:var(--color-text-muted);line-height:1.4}.example-reward{font-size:.85rem;font-weight:800;color:var(--color-success);font-family:var(--font-mono);margin-top:5px}.settlement-area{display:flex;flex-direction:column}.rules-content{margin-top:14px;display:flex;flex-direction:column;gap:16px}.rules-content.hidden{display:none}.rules-block{border-left:3px solid var(--color-primary);padding-left:12px}.rules-title{font-size:.88rem;font-weight:700;color:var(--color-primary);margin-bottom:8px}.rules-list{padding-left:16px;display:flex;flex-direction:column;gap:8px}.rules-list li{font-size:.82rem;color:var(--color-text)}.rules-list ul{padding-left:14px;margin-top:4px;display:flex;flex-direction:column;gap:3px}.rules-list ul li{color:var(--color-text-muted)}.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:var(--radius-sm);border:1px solid var(--color-border)}.rules-table{width:100%;border-collapse:collapse;font-size:.78rem;white-space:nowrap}.rules-table thead tr{background:linear-gradient(135deg,#eff6ff,#f5f3ff)}.rules-table th{padding:8px 10px;text-align:left;font-weight:700;color:var(--color-text);border-bottom:2px solid var(--color-border)}.rules-table td{padding:7px 10px;border-bottom:1px solid var(--color-border-light);color:var(--color-text-muted)}.rules-table tbody tr:last-child td{border-bottom:none}.rules-table tbody tr:nth-child(2n){background:#f8fafc}.rules-summary{background:linear-gradient(135deg,#eff6ff,#f5f3ff);border-radius:var(--radius-sm);padding:12px 14px;font-size:.82rem;line-height:1.6;color:var(--color-text);border:1px solid #dbeafe}.app-footer{padding:16px;text-align:center;font-size:.72rem;color:var(--color-text-light);border-top:1px solid var(--color-border);background:var(--color-surface)}.hidden{display:none!important}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%) translateY(80px);background:#1e293b;color:#fff;padding:10px 20px;border-radius:24px;font-size:.85rem;font-weight:600;box-shadow:0 4px 16px #0003;transition:transform .25s cubic-bezier(.34,1.56,.64,1),opacity .25s;opacity:0;z-index:999;white-space:nowrap;max-width:calc(100vw - 48px)}.toast.show{transform:translate(-50%) translateY(0);opacity:1}.toast.success{background:var(--color-success)}.toast.error{background:var(--color-danger)}.toast.warning{background:var(--color-warning)}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:2px}.pin-icon{font-size:3rem;text-align:center;margin-bottom:12px}.pin-input{text-align:center;font-size:1.5rem;letter-spacing:.5em;font-family:var(--font-mono)}.pin-error{color:var(--color-danger);font-size:.85rem;text-align:center;margin-top:10px}.pin-error.hidden{display:none}.admin-nav{position:fixed;bottom:0;left:0;right:0;background:var(--color-surface);border-top:1px solid var(--color-border);display:flex;justify-content:space-around;padding:8px 0 calc(8px + env(safe-area-inset-bottom));z-index:200;box-shadow:0 -2px 12px #0000000f}.admin-nav-btn{display:flex;flex-direction:column;align-items:center;gap:2px;background:none;border:none;cursor:pointer;font-size:.68rem;color:var(--color-text-muted);padding:4px 12px;border-radius:var(--radius-sm);transition:all var(--transition);font-family:var(--font-sans)}.admin-nav-btn span{font-size:1.2rem}.admin-nav-btn.active{color:var(--color-primary);background:var(--color-primary-light)}.quick-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}.scores-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}.loading{text-align:center;padding:40px;color:var(--color-text-light);font-size:.9rem}.admin-header{padding:16px 16px 18px}.hero-balance{background:linear-gradient(150deg,#1e3a8a,#2563eb 55%,#0891b2);border:none;color:#fff;padding:22px 18px 18px;position:relative;overflow:hidden}.hero-balance:after{content:"";position:absolute;top:-40%;right:-20%;width:180px;height:180px;background:radial-gradient(circle,rgba(255,255,255,.18),transparent 70%);border-radius:50%}.hero-label{font-size:.78rem;opacity:.82;letter-spacing:.06em;position:relative}.hero-amount{font-size:2.6rem;font-weight:900;font-family:var(--font-mono);letter-spacing:-.02em;line-height:1.15;margin:2px 0 4px;text-shadow:0 2px 8px rgba(0,0,0,.2);position:relative}.hero-sub{font-size:.78rem;opacity:.85;margin-bottom:16px;position:relative}.hero-sub strong{font-weight:800}.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;position:relative;z-index:1}.hero-stat{background:#ffffff24;border:1px solid rgba(255,255,255,.18);border-radius:12px;padding:9px 11px;display:flex;flex-direction:column;gap:2px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.hero-stat-label{font-size:.68rem;opacity:.85}.hero-stat-value{font-size:.98rem;font-weight:800;font-family:var(--font-mono)}.hero-stat-value.negative{color:#fecaca}.record-type-tag{display:inline-block;font-size:.62rem;font-weight:800;padding:1px 5px;border-radius:4px;margin-left:4px;vertical-align:middle;letter-spacing:.03em}.record-type-tag.monthly{background:#dbeafe;color:#1d4ed8}.record-type-tag.major{background:var(--color-accent-bg);color:#5b21b6}.positive{color:var(--color-success)}.negative{color:var(--color-danger)}.neutral{color:var(--color-text-muted)}.footer-admin-link{display:inline-block;font-size:.82rem;font-weight:700;color:var(--color-primary);text-decoration:none;padding:8px 16px;border-radius:20px;background:var(--color-primary-light);margin-bottom:8px;transition:all var(--transition)}.footer-admin-link:active{transform:scale(.97);background:#bfdbfe}.footer-note{font-size:.7rem}.exam-item{border-bottom:1px solid var(--color-border-light)}.exam-item:last-child{border-bottom:none}.exam-item .record-item{border-bottom:none}.exam-detail{padding:0 12px 12px 52px;animation:slideDown .18s ease}.exam-detail.hidden{display:none}.detail-row{display:flex;justify-content:space-between;font-size:.78rem;padding:4px 0}.detail-label{color:var(--color-text-muted)}.detail-value{font-weight:700;font-family:var(--font-mono)}.detail-scores{display:flex;flex-wrap:wrap;gap:5px;margin:6px 0}.score-chip{font-size:.72rem;font-weight:700;padding:3px 8px;border-radius:6px;background:#f1f5f9;color:var(--color-text);font-family:var(--font-mono)}.score-chip.fail{background:var(--color-danger-bg);color:var(--color-danger)}.score-chip.adj{background:var(--color-accent-bg);color:#5b21b6}.detail-note{font-size:.74rem;color:var(--color-text-muted);margin:6px 0;font-style:italic}.detail-empty{font-size:.74rem;color:var(--color-text-light);padding:4px 0}.detail-actions{display:flex;gap:8px;margin-top:8px}.detail-actions .btn{flex:1;padding:8px 10px;font-size:.8rem}.stat-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:14px}.stat-card{background:var(--color-bg);border-radius:var(--radius-md);padding:10px 8px;text-align:center;border:1.5px solid var(--color-border)}.stat-card-icon{font-size:1.1rem}.stat-card-value{font-size:1.05rem;font-weight:800;font-family:var(--font-mono);color:var(--color-primary);line-height:1.25}.stat-card-label{font-size:.66rem;color:var(--color-text-muted)}.chart-block{margin-top:6px}.chart-title{font-size:.78rem;font-weight:700;color:var(--color-text-muted);margin-bottom:8px}.chart-svg{width:100%;height:auto;display:block;overflow:visible}.chart-axis-text{font-size:9px;fill:var(--color-text-light);font-family:var(--font-mono)}.chart-line{fill:none;stroke:var(--color-primary);stroke-width:2.5;stroke-linejoin:round;stroke-linecap:round}.chart-area{fill:url(#rankGradient);opacity:.5}.chart-dot{fill:#fff;stroke:var(--color-primary);stroke-width:2}.chart-bar{fill:var(--color-success);rx:3}.chart-bar.deduct{fill:var(--color-danger)}.chart-grid-line{stroke:var(--color-border-light);stroke-width:1}.chart-empty{text-align:center;padding:24px;font-size:.8rem;color:var(--color-text-light)}.subject-chips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.subject-chip{display:inline-flex;align-items:center;gap:5px;padding:5px 11px;border-radius:999px;font-size:.76rem;font-weight:700;cursor:pointer;background:#f1f5f9;color:var(--color-text-light);border:1.5px solid transparent;font-family:var(--font-sans);transition:all var(--transition);-webkit-tap-highlight-color:transparent}.subject-chip .chip-dot{width:8px;height:8px;border-radius:50%;background:var(--chip, #94a3b8);opacity:.35;transition:opacity var(--transition)}.subject-chip.active{background:#fff;color:var(--color-text);border-color:var(--chip);box-shadow:0 1px 6px #0000000f}.subject-chip.active .chip-dot{opacity:1}.subject-chip:active{transform:scale(.96)}.chart-hint{font-size:.68rem;color:var(--color-text-light);text-align:center;margin-top:8px}