@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid}}}.collapse{visibility:collapse}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.container{width:100%}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.table{display:table}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.flex-wrap{flex-wrap:wrap}.border{border-style:var(--tw-border-style);border-width:1px}.underline{text-decoration-line:underline}:root{color-scheme:light dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#242424;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}body{min-width:320px;min-height:100vh;margin:0}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}}.modal-overlay{z-index:1000;background-color:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{background-color:#fff;border-radius:8px;width:80%;max-width:600px;max-height:80vh;overflow-y:auto;box-shadow:0 2px 10px #0000001a}.modal-header{border-bottom:1px solid #e8e8e8;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.modal-header h3{color:#333;margin:0;font-size:18px}.modal-close{cursor:pointer;color:#999;background:0 0;border:none;font-size:24px}.modal-body{padding:20px}.modal-footer{text-align:right;border-top:1px solid #e8e8e8;padding:16px 20px}.modal-close-btn{color:#fff;cursor:pointer;background-color:#1890ff;border:none;border-radius:4px;padding:8px 16px}.modal-close-btn:hover{background-color:#40a9ff}.word-basic-info{border-bottom:1px solid #e8e8e8;margin-bottom:20px;padding-bottom:16px}.word-basic-info h4{color:#333;margin:0 0 8px;font-size:24px}.word-basic-info p{color:#666;margin:0;font-size:16px}.word-stats{margin-bottom:20px}.word-stats h4,.word-dates h4{color:#333;margin:0 0 16px;font-size:16px}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px;margin-bottom:20px;display:grid}.stat-item{text-align:center;background-color:#f5f5f5;border-radius:8px;padding:16px}.stat-label{color:#666;margin-bottom:8px;font-size:14px;display:block}.stat-value{color:#333;font-size:24px;font-weight:700;display:block}.stat-value.correct{color:#52c41a}.stat-value.wrong{color:#f5222d}.stat-value.status-new{color:#1890ff}.stat-value.status-learning{color:#faad14}.stat-value.status-mastered{color:#52c41a}.dates-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;display:grid}.date-item{background-color:#f5f5f5;border-radius:8px;padding:16px}.date-label{color:#666;margin-bottom:8px;font-size:14px;display:block}.date-value{color:#333;word-break:break-all;font-size:14px;display:block}.detail-btn{color:#fff;cursor:pointer;background-color:#1890ff;border:none;border-radius:4px;padding:4px 12px;font-size:14px}.detail-btn:hover{background-color:#40a9ff}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}*{margin:0;padding:0;box-sizing:border-box}body{font-family:PingFang SC,Microsoft YaHei,sans-serif;background-color:#f5f7fa;color:#333;line-height:1.6}.container{max-width:1200px;margin:0 auto;padding:20px}.header{text-align:center;margin-bottom:24px}.logo{font-size:2rem;font-weight:700;color:#007bff;margin-bottom:12px}.nav-tabs{display:flex;gap:8px;justify-content:center;margin-bottom:24px}.nav-tab{padding:6px 12px;border:1px solid #ddd;background:#fff;color:#333;cursor:pointer;border-radius:4px;transition:all .2s}.nav-tab.active{background-color:#007bff;color:#fff;border-color:#007bff}.form-group{margin-bottom:16px}label{display:block;margin-bottom:6px;font-weight:500;color:#555}input[type=text],input[type=email],input[type=password],input[type=number],select,textarea{width:100%;padding:10px;border:1px solid #ccc;border-radius:4px;font-size:14px;box-sizing:border-box;height:40px}button{padding:8px 16px;background-color:#007bff;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px;transition:background .2s}button:hover{background-color:#0056b3}button.secondary{background-color:#6c757d}button:disabled{opacity:.5;cursor:not-allowed;background-color:#ccc;color:#666}button.danger{background-color:#dc3545}.table{width:100%;border-collapse:collapse;margin-top:20px}.table th,.table td{padding:12px;text-align:left;border-bottom:1px solid #ddd}.table th{background-color:#f8f9fa;font-weight:600}.table tr:hover{background-color:#f1f3f5}.action-btn{margin-right:8px;padding:4px 8px;font-size:12px}.card{background:#fff;border-radius:8px;padding:20px;box-shadow:0 2px 8px #0000001a;margin-bottom:20px}.user-info{text-align:center;margin-bottom:20px}.logout-btn{background-color:#6c757d;margin-left:8px}.welcome{margin-bottom:10px;font-size:14px}@keyframes pulse{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}.stat-card{background-color:#f8f9fa;border-radius:8px;padding:16px;text-align:center;min-width:120px;margin:10px;box-shadow:0 2px 4px #0000001a;transition:transform .2s}.stat-card:hover{transform:translateY(-5px)}.stat-number{font-size:24px;font-weight:700;color:#007bff;margin:8px 0}.ai-report{background-color:#f0f8ff;border-radius:8px;padding:16px;border-left:4px solid #007bff;white-space:pre-wrap;font-family:PingFang SC,Microsoft YaHei,sans-serif}@media(max-width:768px){.stat-card{min-width:100px;padding:12px;margin:5px}.stat-number{font-size:20px}#memoryHealthChart,#radarChart,#trendChart,#errorTypesChart{height:250px!important}}@media(max-width:480px){.stat-card{min-width:80px;padding:10px}.stat-number{font-size:18px}#memoryHealthChart,#radarChart,#trendChart,#errorTypesChart{height:200px!important}}
