html,body{height:100%;margin:0;padding:0;overflow:hidden}*{box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root,.ant-app{height:100%}.page-container{height:100%;display:flex;flex-direction:column;background:#f5f5f5}.page-header{flex-shrink:0;padding:8px 12px;background:#fff;border-bottom:1px solid #f0f0f0;position:relative}.page-content{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:16px}.card-grid{display:grid;gap:16px;grid-template-columns:1fr}@media (min-width: 768px){.page-header{padding:16px 32px}.page-content{padding:24px 32px}.card-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1200px){.page-header{padding:16px 48px}.page-content{padding:24px 48px}.card-grid{grid-template-columns:repeat(3,1fr)}}.wrong-question-card{border-radius:12px;overflow:hidden;transition:box-shadow .2s;cursor:pointer}.wrong-question-card:hover{box-shadow:0 4px 16px #0000001a}.wrong-question-card .ant-card-body{padding:16px}.wrong-question-card .question-content{font-size:14px;color:#333;line-height:1.6;margin-bottom:8px;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.wrong-question-card .question-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:12px;color:#999}.detail-container{max-width:800px;margin:0 auto;width:100%}.detail-section{background:#fff;border-radius:12px;padding:20px;margin-bottom:16px}.detail-section-title{font-size:16px;font-weight:600;margin-bottom:12px;color:#333;display:flex;align-items:center;gap:8px}.markdown-body{font-size:14px;line-height:1.6}.markdown-body p{margin-bottom:1em}.markdown-body h1,.markdown-body h2,.markdown-body h3{margin-top:1.5em;margin-bottom:.5em;font-weight:600}.markdown-body ul,.markdown-body ol{padding-left:2em;margin-bottom:1em}.markdown-body code{background-color:#afb8c133;padding:.2em .4em;border-radius:6px;font-family:monospace}.markdown-body table{border-collapse:collapse;width:100%;margin-bottom:1em}.markdown-body th,.markdown-body td{border:1px solid #d0d7de;padding:6px 13px}.markdown-body blockquote{padding:0 1em;color:#656d76;border-left:.25em solid #d0d7de;margin:0 0 1em}.cause-tag{font-size:12px;border-radius:4px}.cause-tag-concept{background:#e6f7ff;color:#1890ff;border-color:#91d5ff}.cause-tag-careless{background:#fff7e6;color:#fa8c16;border-color:#ffd591}.cause-tag-method{background:#f9f0ff;color:#722ed1;border-color:#d3adf7}.cause-tag-knowledge{background:#fff2f0;color:#f5222d;border-color:#ffccc7}.cause-tag-comprehension{background:#fcffe6;color:#a0d911;border-color:#eaff8f}.practice-container{height:100%;display:flex;flex-direction:column}.practice-progress{flex-shrink:0;padding:16px 24px;background:#fff;border-bottom:1px solid #f0f0f0}.practice-content{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:24px;display:flex;justify-content:center}.practice-card{max-width:700px;width:100%}.practice-actions{flex-shrink:0;padding:16px 24px;background:#fff;border-top:1px solid #f0f0f0;display:flex;justify-content:center;gap:12px}.add-container{max-width:700px;margin:0 auto;width:100%}.upload-area{border:2px dashed #d9d9d9;border-radius:12px;padding:40px 20px;text-align:center;cursor:pointer;transition:border-color .3s;background:#fafafa}.upload-area:hover{border-color:#00b96b}.upload-area-icon{font-size:48px;color:#00b96b;margin-bottom:12px}.stats-row{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:16px}.stats-item{flex:1;min-width:100px;background:#fff;border-radius:8px;padding:16px;text-align:center}.stats-item .stats-value{font-size:28px;font-weight:700;color:#333}.stats-item .stats-label{font-size:12px;color:#999;margin-top:4px}.filter-bar{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:16px}.filter-actions-group{display:flex;gap:8px}.filter-submit-btn{flex:none}@media (max-width: 767px){.filter-bar{flex-direction:column;align-items:stretch}.filter-actions-group{width:100%}.filter-submit-btn{flex:1}.stats-item .stats-value{font-size:22px}.practice-actions{flex-direction:column;padding:12px 16px}.detail-section{padding:16px}}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#999}