:root{--bg:#f2f2f7;--bg-card:#fff;--bg-card-hover:#f8f8fc;--bg-inset:#f8f8fa;--text:#1c1c1e;--text-muted:#8e8e93;--border:#3c3c4314;--accent:#007aff;--accent-dim:#007aff1a;--up:#34c759;--up-dim:#34c7591a;--down:#ff3b30;--down-dim:#ff3b301a;--gold:#ff9500;--gold-dim:#ff95001a;--radius:16px;--radius-sm:10px;--shadow-sm:0 1px 3px #0000000f;--shadow-md:0 4px 12px #00000014;--spring:cubic-bezier(.34, 1.56, .64, 1);--ease-ios:cubic-bezier(.25, .1, .25, 1);--c-语文:#f472b6;--c-数学:#60a5fa;--c-英语:#a78bfa;--c-物理:#34d399;--c-化学:#fbbf24;--c-历史:#f87171;--c-道法:#94a3b8}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-family:SF Pro Display,PingFang SC,-apple-system,Helvetica Neue,sans-serif;line-height:1.5}#app{max-width:430px;min-height:100vh;margin:0 auto;padding-bottom:80px;position:relative}.tab-bar{-webkit-backdrop-filter:blur(20px);width:100%;max-width:430px;padding:8px 0 env(safe-area-inset-bottom,8px);z-index:100;background:#f2f2f7eb;border-top:none;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 -.5px #3c3c431f}.tab-item{color:var(--text-muted);flex-direction:column;flex:1;align-items:center;gap:2px;padding:6px 0;font-size:10px;font-weight:600;text-decoration:none;transition:color .2s;display:flex}.tab-item .tab-icon{font-size:20px;line-height:1}.tab-item.active{color:var(--accent)}.card{background:var(--bg-card);border-radius:var(--radius);box-shadow:var(--shadow-sm);border:none;margin-bottom:16px;padding:16px}.page-pad{padding:0 16px}.tag{border-radius:4px;padding:2px 8px;font-size:11px;font-weight:700;display:inline-block}.tag-p1{background:var(--down-dim);color:var(--down)}.tag-p2{background:var(--accent-dim);color:var(--accent)}.tag-up{background:var(--up-dim);color:var(--up)}.tag-down{background:var(--down-dim);color:var(--down)}.progress-bar{background:var(--bg-inset);border-radius:3px;height:6px;overflow:hidden}.progress-fill{height:100%;transition:width .6s var(--ease-ios);border-radius:3px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeInUp .4s var(--spring) forwards}.fd1{opacity:0;animation-delay:50ms}.fd2{opacity:0;animation-delay:.1s}.fd3{opacity:0;animation-delay:.15s}.fd4{opacity:0;animation-delay:.2s}.fd5{opacity:0;animation-delay:.25s}::-webkit-scrollbar{width:0}@media print{@page{margin:12mm;size:A4}body{font-size:12px;color:#000!important;background:#fff!important}.tab-bar{display:none!important}#app{max-width:100%;margin:0;padding-bottom:0}.page-pad{padding:0}.card{break-inside:avoid;border-radius:4px;margin-bottom:8px;padding:10px;box-shadow:none!important;border:1px solid #ccc!important}.progress-bar,.progress-fill{-webkit-print-color-adjust:exact;print-color-adjust:exact}.fade-in{opacity:1!important;animation:none!important}.no-print{display:none!important}.print-only{display:block!important}select,.tag,[style*="cursor: pointer"]{-webkit-print-color-adjust:exact;print-color-adjust:exact}}