@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";:root{--bg:#fafafa;--card:#fff;--border:#e8e8e8;--text:#1a1a1a;--text2:#6b6b6b;--text3:#a0a0a0;--accent:#2563eb;--accent-light:#eff6ff;--success:#16a34a;--success-light:#f0fdf4;--danger:#dc2626;--danger-light:#fef2f2;--warning:#f59e0b;--warning-light:#fffbeb;--mono:"JetBrains Mono", "SF Mono", Consolas, monospace;--sans:"Inter", -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", sans-serif;--radius:12px;--radius-sm:8px;--shadow:0 1px 3px #0000000f}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--sans);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;cursor:url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" width=\"24\" height=\"24\"><ellipse cx=\"12\" cy=\"15\" rx=\"6\" ry=\"5.5\" fill=\"%238B5E3C\"/><circle cx=\"6\" cy=\"7\" r=\"3.2\" fill=\"%23A0714F\"/><circle cx=\"11\" cy=\"4\" r=\"3\" fill=\"%23A0714F\"/><circle cx=\"15\" cy=\"4\" r=\"3\" fill=\"%23A0714F\"/><circle cx=\"20\" cy=\"7\" r=\"3.2\" fill=\"%23A0714F\"/></svg>") 12 12,auto;line-height:1.6}a{color:inherit;cursor:url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" width=\"24\" height=\"24\"><ellipse cx=\"12\" cy=\"15\" rx=\"6\" ry=\"5.5\" fill=\"%238B5E3C\"/><circle cx=\"6\" cy=\"7\" r=\"3.2\" fill=\"%23A0714F\"/><circle cx=\"11\" cy=\"4\" r=\"3\" fill=\"%23A0714F\"/><circle cx=\"15\" cy=\"4\" r=\"3\" fill=\"%23A0714F\"/><circle cx=\"20\" cy=\"7\" r=\"3.2\" fill=\"%23A0714F\"/></svg>") 12 12,pointer;text-decoration:none}button{font-family:var(--sans);cursor:url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" width=\"24\" height=\"24\"><ellipse cx=\"12\" cy=\"15\" rx=\"6\" ry=\"5.5\" fill=\"%238B5E3C\"/><circle cx=\"6\" cy=\"7\" r=\"3.2\" fill=\"%23A0714F\"/><circle cx=\"11\" cy=\"4\" r=\"3\" fill=\"%23A0714F\"/><circle cx=\"15\" cy=\"4\" r=\"3\" fill=\"%23A0714F\"/><circle cx=\"20\" cy=\"7\" r=\"3.2\" fill=\"%23A0714F\"/></svg>") 12 12,pointer;border:none;outline:none}input,select{font-family:var(--sans);cursor:url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" width=\"24\" height=\"24\"><ellipse cx=\"12\" cy=\"15\" rx=\"6\" ry=\"5.5\" fill=\"%238B5E3C\"/><circle cx=\"6\" cy=\"7\" r=\"3.2\" fill=\"%23A0714F\"/><circle cx=\"11\" cy=\"4\" r=\"3\" fill=\"%23A0714F\"/><circle cx=\"15\" cy=\"4\" r=\"3\" fill=\"%23A0714F\"/><circle cx=\"20\" cy=\"7\" r=\"3.2\" fill=\"%23A0714F\"/></svg>") 12 12,text;outline:none}.app-layout{min-height:100vh;display:flex}.sidebar{background:var(--card);border-right:1px solid var(--border);z-index:100;flex-direction:column;width:220px;padding:24px 16px;display:flex;position:fixed;top:0;bottom:0;left:0}.sidebar-logo{border-bottom:1px solid var(--border);align-items:center;gap:6px;margin-bottom:16px;padding:0 12px 20px;font-size:18px;font-weight:700;display:flex}.logo-paw{width:26px;height:26px}.sidebar-logo span{color:var(--accent)}.sidebar-nav{flex-direction:column;flex:1;gap:2px;display:flex}.nav-item{border-radius:var(--radius-sm);color:var(--text2);align-items:center;gap:10px;padding:10px 12px;font-size:14px;font-weight:500;transition:all .15s;display:flex}.nav-item:hover,.nav-item.active{background:var(--accent-light);color:var(--accent)}.nav-item i{text-align:center;width:20px;font-size:15px}.nav-badge{background:var(--danger);color:#fff;border-radius:10px;margin-left:auto;padding:1px 7px;font-size:11px;font-weight:600}.sidebar-footer{border-top:1px solid var(--border);flex-direction:column;gap:2px;padding-top:12px;display:flex}.sidebar-footer .footer-link{color:var(--text3);cursor:pointer;border-radius:8px;align-items:center;gap:10px;padding:8px 12px;font-size:13px;text-decoration:none;transition:all .15s;display:flex}.sidebar-footer .footer-link:hover{background:var(--bg2);color:var(--text)}.sidebar-footer .footer-link.active{background:var(--bg2);color:var(--accent)}.sidebar-footer .footer-user{justify-content:space-between;align-items:center;padding:10px 12px;display:flex}.sidebar-footer .user-name{font-size:13px;font-weight:600}.sidebar-footer .logout-btn{color:var(--text3);background:0 0;border-radius:4px;padding:4px 8px;font-size:12px}.sidebar-footer .logout-btn:hover{color:var(--danger);background:var(--danger-light)}.main-content{flex:1;max-width:900px;margin-left:220px;padding:32px 40px}.page-header{margin-bottom:28px}.page-header h1{letter-spacing:-.3px;font-size:22px;font-weight:700}.page-header p{color:var(--text3);margin-top:4px;font-size:13px}.page-header .short-title,.short-text{display:none}@media (width<=768px){.page-header h1{font-size:18px}.page-header .full-title{display:none}.page-header .short-title{display:inline}.full-text{display:none}.short-text{display:inline}.stat-label,.card-title{font-size:11px}}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px}.card-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.card-title{color:var(--text3);text-transform:uppercase;letter-spacing:.8px;font-size:13px;font-weight:600}.btn{border-radius:var(--radius-sm);white-space:nowrap;justify-content:center;align-items:center;gap:6px;padding:9px 18px;font-size:13px;font-weight:600;transition:all .15s;display:inline-flex}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:#1d4ed8}.btn-success{background:var(--success);color:#fff}.btn-success:hover{background:#15803d}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover{background:#b91c1c}.btn-ghost{color:var(--text2);border:1px solid var(--border);background:0 0}.btn-ghost:hover{background:var(--bg);border-color:#ccc}.btn-lg{padding:12px 28px;font-size:15px}.btn-sm{padding:5px 12px;font-size:12px}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin-bottom:24px;display:grid}.stat-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:16px}.stat-label{color:var(--text3);margin-bottom:4px;font-size:12px}.stat-value{font-size:24px;font-weight:700;font-family:var(--mono)}.stat-value.accent{color:var(--accent)}.stat-value.success{color:var(--success)}.stat-value.warning{color:var(--warning)}.stat-value.danger{color:var(--danger)}.form-group{margin-bottom:16px}.form-label{color:var(--text2);margin-bottom:6px;font-size:13px;font-weight:600;display:block}.flashcard{perspective:1000px;cursor:pointer;max-width:500px;margin:0 auto 24px}.flashcard-inner{width:100%;min-height:280px;transform-style:preserve-3d;transition:transform .5s;position:relative}.flashcard.flipped .flashcard-inner{transform:rotateY(180deg)}.flashcard-face{backface-visibility:hidden;border-radius:var(--radius);border:1px solid var(--border);background:var(--card);width:100%;min-height:280px;box-shadow:var(--shadow);flex-direction:column;justify-content:center;align-items:center;padding:32px;display:flex;position:absolute}.flashcard-back{transform:rotateY(180deg)}.flashcard-word{margin-bottom:8px;font-size:36px;font-weight:700}.flashcard-phonetic{color:var(--text3);font-size:16px;font-family:var(--mono);margin-bottom:4px}.flashcard-pos{color:var(--accent);margin-bottom:16px;font-size:13px}.flashcard-def{color:var(--text2);text-align:center;font-size:15px;line-height:1.7}.flashcard-example{color:var(--text3);text-align:center;margin-top:12px;font-size:13px;font-style:italic}.flashcard-hint{color:var(--text3);font-size:12px;position:absolute;bottom:16px}.cloze-sentence{font-size:var(--reading-size,20px);text-align:center;min-height:60px;margin-bottom:16px;font-weight:500;line-height:1.8}.cloze-blank{border-bottom:2px solid var(--accent);min-width:80px;color:var(--accent);margin:0 4px;font-weight:600;display:inline-block}.cloze-translation{background:var(--bg);border-radius:var(--radius-sm);justify-content:center;align-items:center;gap:10px;margin-bottom:20px;padding:10px 16px;display:flex}.cloze-hint{color:var(--text3);text-align:center;margin-bottom:16px;font-size:13px}.cloze-options{grid-template-columns:1fr 1fr;gap:10px;max-width:400px;margin:0 auto;display:grid}.cloze-option{border:2px solid var(--border);border-radius:var(--radius-sm);text-align:left;background:var(--card);cursor:pointer;align-items:center;gap:12px;padding:14px 20px;font-size:16px;font-weight:600;transition:all .15s;display:flex}.cloze-option .opt-key{background:var(--bg);border:1.5px solid var(--border);width:28px;height:28px;color:var(--text3);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-size:13px;font-weight:700;display:inline-flex}.cloze-option .opt-word{flex:1}.cloze-option:hover{border-color:var(--accent);background:var(--accent-light)}.cloze-option.correct{border-color:var(--success);background:var(--success-light);color:var(--success)}.cloze-option.wrong{border-color:var(--danger);background:var(--danger-light);color:var(--danger)}.cloze-option.disabled{pointer-events:none;opacity:.6}kbd{background:var(--bg);border:1px solid var(--border);color:var(--text3);vertical-align:middle;border-radius:4px;margin-left:4px;padding:1px 6px;font-family:JetBrains Mono,monospace;font-size:11px;display:inline-block}.options-grid{grid-template-columns:1fr 1fr;gap:12px;margin-top:20px;display:grid}.option-btn{border:2px solid var(--border);background:var(--bg);cursor:pointer;text-align:left;border-radius:12px;align-items:center;gap:12px;padding:16px 20px;font-family:inherit;font-size:15px;transition:all .2s;display:flex}.option-btn:hover:not(:disabled){border-color:var(--accent)}.option-btn.correct{border-color:var(--success);background:#f0fdf4}.option-btn.wrong{border-color:var(--danger);background:#fef2f2}.option-btn:disabled{cursor:default}.option-btn .opt-key{background:var(--bg2);width:28px;height:28px;color:var(--text2);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-size:13px;font-weight:600;display:flex}.progress-bar{background:var(--border);border-radius:3px;height:6px;margin-bottom:12px;overflow:hidden}.progress-fill{background:var(--accent);border-radius:3px;height:100%;transition:width .3s}.progress-fill.success{background:var(--success)}.progress-fill.warning{background:var(--warning)}.tag{border-radius:4px;align-items:center;padding:2px 8px;font-size:11px;font-weight:600;display:inline-flex}.tag-a1{color:#1d4ed8;background:#dbeafe}.tag-a2{color:#15803d;background:#dcfce7}.tag-b1{color:#b45309;background:#fef3c7}.tag-b2{color:#be185d;background:#fce7f3}.tag-c1{color:#7c3aed;background:#f3e8ff}.tag-c2{color:#dc2626;background:#fee2e2}.audio-btn{background:var(--accent-light);width:36px;height:36px;color:var(--accent);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:14px;transition:all .15s;display:flex}.audio-btn:hover{background:var(--accent);color:#fff}.word-list{flex-direction:column;gap:8px;display:flex}.word-item{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-sm);align-items:center;gap:12px;padding:12px 16px;transition:all .15s;display:flex}.word-item:hover{border-color:#ccc}.word-item .word{min-width:120px;font-size:16px;font-weight:600}.word-item .phonetic{color:var(--text3);font-size:12px;font-family:var(--mono);min-width:100px}.word-item .def{color:var(--text2);flex:1;font-size:13px}.word-item .actions{gap:6px;display:flex}.toast{border-radius:var(--radius-sm);opacity:0;pointer-events:none;z-index:9999;padding:10px 24px;font-size:14px;font-weight:500;transition:all .2s;position:fixed;bottom:32px;left:50%;transform:translate(-50%)translateY(8px)}.toast.show{opacity:1;transform:translate(-50%)translateY(0)}.toast-success{background:var(--success);color:#fff}.toast-error{background:var(--danger);color:#fff}.heatmap{grid-template-columns:repeat(7,1fr);gap:3px;display:grid}.heatmap-cell{aspect-ratio:1;background:var(--border);border-radius:3px}.heatmap-cell.l1{background:#bfdbfe}.heatmap-cell.l2{background:#60a5fa}.heatmap-cell.l3{background:#2563eb}.heatmap-cell.l4{background:#1d4ed8}@media (width<=768px){.sidebar{display:none}.main-content{margin-left:0;padding:20px 16px 100px}.stats-grid{grid-template-columns:repeat(2,1fr)}.cloze-options{grid-template-columns:1fr}}.mobile-tab-bar,.mobile-topbar{display:none}@media (width<=768px){.mobile-topbar{height:52px;padding:0 12px;padding-top:env(safe-area-inset-top,0);background:var(--card);border-bottom:1px solid var(--border);z-index:200;justify-content:space-between;align-items:center;display:flex;position:fixed;top:0;left:0;right:0}.topbar-left,.topbar-right{align-items:center;width:44px;display:flex}.topbar-right{justify-content:flex-end}.topbar-btn{width:36px;height:36px;color:var(--text2);cursor:pointer;background:0 0;border:none;border-radius:10px;justify-content:center;align-items:center;font-size:16px;text-decoration:none;display:flex}.topbar-btn:active{background:var(--bg)}.topbar-avatar{background:linear-gradient(135deg, var(--accent), #7c3aed);color:#fff;border-radius:10px;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;font-weight:700;display:flex}.topbar-title{text-align:center;text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:17px;font-weight:600;overflow:hidden}.main-content{margin-left:0;padding:72px 16px 84px}.page-header{display:none}.mobile-tab-bar{background:var(--card);border-top:1px solid var(--border);z-index:200;height:64px;padding:0 4px;padding-bottom:env(safe-area-inset-bottom,0);display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -2px 12px #0000000f}.tab-item{color:var(--text3);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;font-family:inherit;font-size:10px;text-decoration:none;transition:color .15s;display:flex;position:relative}.tab-item i{font-size:20px;transition:transform .15s}.tab-item.active{color:var(--accent)}.tab-item.active i{transform:scale(1.1)}.tab-center-btn{background:linear-gradient(135deg, var(--accent), #7c3aed);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;margin-top:-20px;font-size:20px;transition:transform .15s,box-shadow .15s;display:flex;position:relative;box-shadow:0 4px 16px #2563eb59}.tab-item.active .tab-center-btn{transform:scale(1.08);box-shadow:0 4px 20px #2563eb73}.tab-badge{background:var(--danger);color:#fff;border-radius:8px;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 4px;font-size:10px;font-weight:700;line-height:1;display:flex;position:absolute;top:-2px;right:-2px}}.more-overlay{z-index:201;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0006;position:fixed;inset:0}.more-menu{background:var(--card);z-index:202;border-radius:20px 20px 0 0;max-height:70vh;padding:12px 20px 32px;position:fixed;bottom:0;left:0;right:0;overflow-y:auto;box-shadow:0 -8px 32px #00000026}.more-handle{background:var(--border);border-radius:2px;width:36px;height:4px;margin:0 auto 16px}.more-title{margin-bottom:16px;font-size:16px;font-weight:700}.more-group{margin-bottom:20px}.more-group-label{color:var(--text3);text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px;padding-left:4px;font-size:12px;font-weight:600}.more-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.more-item{color:var(--text);cursor:pointer;-webkit-tap-highlight-color:transparent;flex-direction:column;align-items:center;gap:6px;font-size:12px;text-decoration:none;display:flex;position:relative}.more-tip{background:var(--border);width:16px;height:16px;color:var(--text3);border-radius:50%;justify-content:center;align-items:center;font-size:10px;font-weight:700;line-height:1;display:flex;position:absolute;top:0;right:6px}.more-icon{background:var(--accent-light);width:48px;height:48px;color:var(--accent);border-radius:14px;justify-content:center;align-items:center;font-size:20px;display:flex;position:relative}.more-badge{background:var(--danger);color:#fff;border-radius:8px;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 4px;font-size:9px;font-weight:700;display:flex;position:absolute;top:-4px;right:-4px}.more-footer{border-top:1px solid var(--border);justify-content:space-between;align-items:center;margin-top:20px;padding-top:16px;font-size:14px;display:flex}.more-footer .logout-btn{color:var(--danger);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:6px 12px;font-family:inherit;font-size:13px}.more-footer .logout-btn:hover{background:var(--danger-light)}.fade-enter-active,.fade-leave-active{transition:opacity .2s}.fade-enter-from,.fade-leave-to{opacity:0}.slide-up-enter-active{transition:transform .25s ease-out,opacity .2s}.slide-up-leave-active{transition:transform .2s ease-in,opacity .15s}.slide-up-enter-from,.slide-up-leave-to{opacity:0;transform:translateY(100%)}[data-theme=paper]{--bg:#f5f0e1;--card:#faf6eb;--border:#ddd3be;--text:#3d3426;--text2:#6b5d4d;--text3:#9c8e7a;--accent:sienna;--accent-light:#f0e6d4;--success:#5c7a29;--success-light:#eef2dc;--danger:#a03030;--danger-light:#f2dada;--warning:#b8860b;--warning-light:#f5edd4;--shadow:0 2px 6px #3c321e14}[data-theme=paper] body{background-color:#f5f0e1;background-image:repeating-linear-gradient(#0000,#0000 27px,#b4a0821f 27px 28px),url("data:image/svg+xml,%3Csvg width='200' height='200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.03'/%3E%3C/svg%3E");font-family:Georgia,Noto Serif SC,Songti SC,STSong,serif}[data-theme=paper] .app-layout{background:#f5f0e1}[data-theme=paper] .sidebar{background:#efe8d4;border-right-color:#d4c4a0;box-shadow:2px 0 8px #3c321e0f}[data-theme=paper] .sidebar-logo span{color:#8b4513}[data-theme=paper] .nav-item{color:#7a6b55}[data-theme=paper] .nav-item.active,[data-theme=paper] .nav-item:hover{color:#8b4513;background:#e6dac4}[data-theme=paper] .card{background:#faf6eb;border-color:#d4c4a0;box-shadow:0 2px 8px #3c321e0f}[data-theme=paper] .flashcard-face{background:linear-gradient(135deg,#faf6eb 0%,#f0ead8 100%);border-color:#c9b896;box-shadow:2px 3px 10px #3c321e1a}[data-theme=paper] .flashcard-word{color:#5c3a1e}[data-theme=paper] .btn-primary{background:linear-gradient(135deg,sienna,#8b4513);box-shadow:0 2px 4px #8b451333}[data-theme=paper] .btn-primary:hover{background:linear-gradient(135deg,#8b4513,#6b3410)}[data-theme=paper] .btn-ghost{color:#6b5d4d;border-color:#c9b896}[data-theme=paper] .btn-ghost:hover{background:#efe8d4;border-color:#a09070}[data-theme=paper] .progress-fill{background:linear-gradient(90deg,sienna,peru)}[data-theme=paper] .stat-value.accent{color:sienna}[data-theme=paper] .tag-a1{color:#5c3a1e;background:#e8dcc8}[data-theme=paper] .tag-a2{color:#3d5a1e;background:#d4e4c0}[data-theme=paper] .tag-b1{color:#8b6914;background:#f0e4c0}[data-theme=paper] .tag-b2{color:#8b4513;background:#e8d0c4}[data-theme=paper] .tag-c1{color:#6b3a6e;background:#dcc8e0}[data-theme=paper] .tag-c2{color:#8b3a3a;background:#e0c8c8}[data-theme=paper] .cloze-sentence{color:#3d3426}[data-theme=paper] .cloze-blank{color:#8b4513;border-bottom-color:sienna}[data-theme=paper] .cloze-option{background:#faf6eb;border-color:#c9b896}[data-theme=paper] .cloze-option:hover{background:#f0e6d4;border-color:sienna}[data-theme=paper] .audio-btn{color:#8b4513;background:#f0e6d4}[data-theme=paper] .audio-btn:hover{color:#fff;background:sienna}[data-theme=paper] .word-item{background:#faf6eb;border-color:#d4c4a0}[data-theme=paper] .toast{background:#5c3a1e}[data-theme=paper] .sidebar-footer .footer-link{color:#7a6b55}[data-theme=paper] .sidebar-footer .footer-link:hover{background:#e6dac4}[data-theme=paper] .sidebar-footer .footer-link.active{color:#8b4513;background:#e6dac4}[data-theme=paper] .sidebar-footer .user-name{color:#3d3426}[data-theme=paper] .sidebar-footer .logout-btn{color:#9c8e7a}[data-theme=paper] .stat-card{background:#faf6eb;border-color:#d4c4a0}[data-theme=paper] .heatmap-cell{background:#e0d8c4}[data-theme=paper] .heatmap-cell.l1{background:#d4c8a0}[data-theme=paper] .heatmap-cell.l2{background:#c4b480}[data-theme=paper] .heatmap-cell.l3{background:#b09a60}[data-theme=paper] .heatmap-cell.l4{background:#8b7a40}[data-theme=night]{--bg:#0a0f0a;--card:#0f1610;--border:#1a2a1c;--text:#dce8dc;--text2:#8a9e8c;--text3:#4e6050;--accent:#22c55e;--accent-light:#0f2a16;--success:#4ade80;--success-light:#0f2a16;--danger:#ef4444;--danger-light:#2a1010;--warning:#eab308;--warning-light:#2a2410;--shadow:0 2px 12px #00000080}[data-theme=night] body{font-family:var(--sans);background-color:#0a0f0a;background-image:radial-gradient(800px 600px at 15% 20%,#22c55e0f 0%,#0000 70%),radial-gradient(600px 500px at 85% 70%,#14b8a60a 0%,#0000 70%),radial-gradient(500px 400px at 50% 90%,#4ade8008 0%,#0000 60%)}[data-theme=night] .main-content:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(at 30% 0,#22c55e0f 0%,#0000 60%),radial-gradient(at 70% 0,#14b8a60a 0%,#0000 50%);height:300px;position:fixed;top:0;left:220px;right:0}[data-theme=night] .main-content:after{content:"";pointer-events:none;z-index:0;background:radial-gradient(at 50% 100%,#22c55e0a 0%,#0000 60%);height:200px;position:fixed;bottom:0;left:220px;right:0}[data-theme=night] .main-content{z-index:1;position:relative}[data-theme=night] .app-layout{background:#0a0f0a}[data-theme=night] .sidebar{background:#0c120d;border-right-color:#162418;box-shadow:2px 0 20px #0006}[data-theme=night] .sidebar-logo span{color:#4ade80;text-shadow:0 0 20px #4ade804d}[data-theme=night] .nav-item{color:#5e7a60}[data-theme=night] .nav-item.active{color:#4ade80;background:#22c55e1f;box-shadow:inset 0 0 12px #22c55e14}[data-theme=night] .nav-item:hover{color:#6ee7a0;background:#22c55e0f}[data-theme=night] .nav-badge{background:#ef4444;box-shadow:0 0 8px #ef444466}[data-theme=night] .card{background:#0f1610;border-color:#1a2a1c;box-shadow:0 2px 16px #0000004d,0 0 0 1px #22c55e0a}[data-theme=night] .flashcard-face{background:linear-gradient(135deg,#101a12 0%,#0f1610 100%);border-color:#1e3020;box-shadow:0 4px 24px #0006,0 0 40px #22c55e0a}[data-theme=night] .flashcard-word{color:#86efac;text-shadow:0 0 20px #86efac33}[data-theme=night] .btn-primary{background:linear-gradient(135deg,#16a34a,#22c55e);box-shadow:0 2px 12px #22c55e4d}[data-theme=night] .btn-primary:hover{background:linear-gradient(135deg,#15803d,#16a34a);box-shadow:0 4px 20px #22c55e66}[data-theme=night] .btn-ghost{color:#8a9e8c;border-color:#1e3020}[data-theme=night] .btn-ghost:hover{color:#86efac;background:#101a12;border-color:#22c55e}[data-theme=night] .btn-success{background:linear-gradient(135deg,#16a34a,#4ade80);box-shadow:0 2px 10px #4ade8033}[data-theme=night] .btn-danger{background:linear-gradient(135deg,#dc2626,#ef4444);box-shadow:0 2px 10px #ef444433}[data-theme=night] .progress-fill{background:linear-gradient(90deg,#16a34a,#4ade80);box-shadow:0 0 8px #22c55e66}[data-theme=night] .progress-fill.success{background:linear-gradient(90deg,#16a34a,#4ade80);box-shadow:0 0 8px #4ade804d}[data-theme=night] .stat-card{background:#0f1610;border-color:#1a2a1c;box-shadow:0 2px 12px #0000004d}[data-theme=night] .stat-value.accent,[data-theme=night] .stat-value.success{color:#4ade80;text-shadow:0 0 12px #4ade804d}[data-theme=night] .tag-a1{color:#4ade80;background:#0f2a16}[data-theme=night] .tag-a2{color:#2dd4bf;background:#0f2a1a}[data-theme=night] .tag-b1{color:#eab308;background:#2a2a10}[data-theme=night] .tag-b2{color:#f97316;background:#2a1a10}[data-theme=night] .tag-c1{color:#60a5fa;background:#0f1a2a}[data-theme=night] .tag-c2{color:#f87171;background:#2a1018}[data-theme=night] .cloze-sentence{color:#dce8dc}[data-theme=night] .cloze-blank{color:#86efac;border-bottom-color:#22c55e}[data-theme=night] .cloze-option{color:#dce8dc;background:#101a12;border-color:#1e3020}[data-theme=night] .cloze-option:hover{background:#0f2a16;border-color:#22c55e;box-shadow:0 0 12px #22c55e1f}[data-theme=night] .cloze-option.correct{color:#4ade80;background:#0f2a16;border-color:#4ade80;box-shadow:0 0 12px #4ade801f}[data-theme=night] .cloze-option.wrong{color:#f87171;background:#2a1010;border-color:#ef4444;box-shadow:0 0 12px #ef44441f}[data-theme=night] .word-item{background:#0f1610;border-color:#1a2a1c}[data-theme=night] .word-item:hover{border-color:#1e3020}[data-theme=night] .audio-btn{color:#4ade80;background:#0f2a16}[data-theme=night] .audio-btn:hover{color:#0a0f0a;background:#22c55e;box-shadow:0 0 16px #22c55e4d}[data-theme=night] .toast{background:#1a2a1c;box-shadow:0 4px 20px #0006}[data-theme=night] .sidebar-footer{border-top-color:#162418}[data-theme=night] .sidebar-footer .footer-link{color:#5e7a60}[data-theme=night] .sidebar-footer .footer-link:hover{color:#86efac;background:#101a12}[data-theme=night] .sidebar-footer .footer-link.active{color:#4ade80;background:#22c55e1f}[data-theme=night] .sidebar-footer .user-name{color:#86efac}[data-theme=night] .sidebar-footer .logout-btn{color:#4e6050}[data-theme=night] .mobile-tab-bar{background:#0c120d;border-top-color:#162418;box-shadow:0 -2px 16px #00000080}[data-theme=night] .more-menu{background:#0c120d;box-shadow:0 -8px 32px #0006}[data-theme=night] .more-handle{background:#1e3020}[data-theme=night] .more-tip{color:#4e6050;background:#1a2a1c}[data-theme=night] .more-footer{border-top-color:#162418}[data-theme=night] .heatmap-cell{background:#162418}[data-theme=night] .heatmap-cell.l1{background:#0f3016}[data-theme=night] .heatmap-cell.l2{background:#166534}[data-theme=night] .heatmap-cell.l3{background:#15803d}[data-theme=night] .heatmap-cell.l4{background:#22c55e;box-shadow:0 0 6px #22c55e66}[data-theme=night] .sidebar-logo{position:relative}[data-theme=night] .sidebar-logo:after{content:"";background:linear-gradient(90deg,#0000,#22c55e4d,#14b8a633,#0000);height:1px;animation:4s ease-in-out infinite ambient-pulse;position:absolute;bottom:0;left:12px;right:12px}@keyframes ambient-pulse{0%,to{opacity:.4}50%{opacity:1}}@media (width<=768px){[data-theme=night] .main-content:before,[data-theme=night] .main-content:after{left:60px}}.cloze-sentence{font-size:var(--reading-size,20px)}.flashcard-word{font-size:calc(var(--reading-size,16px) * 2.25)}.flashcard-def{font-size:var(--reading-size,15px)}