*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;font-size:16px}body{font-family:-apple-system,PingFang SC,Microsoft YaHei,Helvetica Neue,sans-serif;color:#333;background:#f5f5f5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent;overflow-x:hidden}#root{height:100%}input,textarea,button,select{font-family:inherit;font-size:inherit}input:focus,textarea:focus,button:focus,select:focus{outline:none}.app-container{max-width:480px;margin:0 auto;min-height:100vh;background:#f5f5f5;position:relative;display:flex;flex-direction:column}.page-content{flex:1;padding-top:56px;padding-bottom:70px;padding-bottom:calc(70px + env(safe-area-inset-bottom,0px));overflow-y:auto}.page-content.no-tab{padding-bottom:20px}.header-bar{position:fixed;top:0;left:50%;transform:translate(-50%);width:100%;max-width:480px;height:56px;background:linear-gradient(135deg,#1890ff,#096dd9);color:#fff;display:flex;align-items:center;padding:0 16px;z-index:1000;box-shadow:0 2px 8px #1890ff4d}.header-bar .back-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:none;background:#ffffff26;border-radius:50%;color:#fff;font-size:18px;cursor:pointer;margin-right:12px;flex-shrink:0;min-width:40px;min-height:40px}.header-bar .back-btn:active{background:#ffffff4d}.header-bar .header-title{font-size:18px;font-weight:600;flex:1;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.header-bar .header-subtitle{font-size:11px;opacity:.8;text-align:center;margin-top:-2px}.bottom-nav{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:480px;height:60px;height:calc(60px + env(safe-area-inset-bottom,0px));padding-bottom:env(safe-area-inset-bottom,0px);background:#fff;display:flex;align-items:center;border-top:1px solid #e8e8e8;z-index:1000;box-shadow:0 -2px 8px #0000000d}.bottom-nav .nav-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;height:60px;border:none;background:transparent;cursor:pointer;color:#999;text-decoration:none;min-height:44px;padding:4px 0;transition:color .2s}.bottom-nav .nav-item .nav-icon{font-size:22px;margin-bottom:2px}.bottom-nav .nav-item .nav-label{font-size:11px}.bottom-nav .nav-item.active{color:#1890ff}.card{background:#fff;border-radius:8px;box-shadow:0 1px 3px #00000014;margin:12px 16px;overflow:hidden}.card-header{padding:14px 16px;font-size:16px;font-weight:600;color:#333;border-bottom:1px solid #f0f0f0}.card-body{padding:16px}.form-group{margin-bottom:16px}.form-label{display:block;font-size:14px;color:#666;margin-bottom:6px;font-weight:500}.form-input{width:100%;height:44px;padding:0 12px;border:1px solid #d9d9d9;border-radius:6px;font-size:15px;color:#333;background:#fff;transition:border-color .2s;min-height:44px}.form-input:focus{border-color:#1890ff;box-shadow:0 0 0 2px #1890ff26}.form-textarea{width:100%;min-height:100px;padding:10px 12px;border:1px solid #d9d9d9;border-radius:6px;font-size:15px;color:#333;background:#fff;resize:vertical;transition:border-color .2s}.form-textarea:focus{border-color:#1890ff;box-shadow:0 0 0 2px #1890ff26}.btn{display:inline-flex;align-items:center;justify-content:center;height:44px;min-height:44px;padding:0 20px;border:none;border-radius:6px;font-size:15px;font-weight:500;cursor:pointer;transition:all .2s;min-width:44px;-webkit-user-select:none;user-select:none}.btn-primary{background:#1890ff;color:#fff}.btn-primary:active{background:#096dd9}.btn-primary:disabled{background:#91d5ff;cursor:not-allowed}.btn-danger{background:#ff4d4f;color:#fff}.btn-danger:active{background:#d9363e}.btn-block{width:100%}.btn-sm{height:32px;min-height:32px;padding:0 12px;font-size:13px;min-width:32px}.list-item{display:flex;align-items:center;padding:14px 16px;border-bottom:1px solid #f0f0f0;cursor:pointer;min-height:44px;transition:background .15s;text-decoration:none;color:inherit}.list-item:last-child{border-bottom:none}.list-item:active{background:#f5f5f5}.list-item .list-item-content{flex:1;min-width:0}.list-item .list-item-title{font-size:15px;color:#333;margin-bottom:4px}.list-item .list-item-desc{font-size:12px;color:#999}.list-item .list-item-arrow{color:#ccc;font-size:14px;margin-left:8px;flex-shrink:0}.tag{display:inline-block;padding:2px 8px;border-radius:4px;font-size:12px;font-weight:500}.tag-green{background:#f6ffed;color:#52c41a;border:1px solid #b7eb8f}.tag-red{background:#fff2f0;color:#ff4d4f;border:1px solid #ffccc7}.tag-orange{background:#fff7e6;color:#fa8c16;border:1px solid #ffd591}.tag-blue{background:#e6f7ff;color:#1890ff;border:1px solid #91d5ff}.tag-gray{background:#fafafa;color:#8c8c8c;border:1px solid #d9d9d9}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:2000;display:flex;align-items:center;justify-content:center;animation:fadeIn .2s ease}.modal-content{background:#fff;border-radius:12px;width:85%;max-width:360px;overflow:hidden;animation:scaleIn .2s ease}.modal-header{padding:16px;text-align:center;font-size:17px;font-weight:600;color:#333}.modal-body{padding:0 16px 16px;text-align:center;font-size:15px;color:#666;line-height:1.6}.modal-footer{display:flex;border-top:1px solid #f0f0f0}.modal-footer .btn{flex:1;border-radius:0;height:48px;min-height:48px;font-size:16px}.modal-footer .btn-cancel{background:#fff;color:#666;border-right:1px solid #f0f0f0}.modal-footer .btn-confirm{background:#fff;color:#1890ff}.quick-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:16px}.quick-action-card{background:#fff;border-radius:8px;padding:16px 8px;text-align:center;cursor:pointer;box-shadow:0 1px 3px #00000014;transition:transform .15s;min-height:44px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:none;text-decoration:none;color:inherit}.quick-action-card:active{transform:scale(.97)}.quick-action-card .action-icon{font-size:28px;margin-bottom:8px}.quick-action-card .action-label{font-size:13px;color:#333}.stats-row{display:flex;padding:12px 16px;gap:8px}.stat-item{flex:1;background:#fff;border-radius:8px;padding:12px;text-align:center;box-shadow:0 1px 3px #00000014}.stat-item .stat-num{font-size:22px;font-weight:700;color:#1890ff}.stat-item .stat-label{font-size:12px;color:#999;margin-top:2px}.login-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:24px;background:linear-gradient(135deg,#e6f7ff,#bae7ff)}.login-card{width:100%;max-width:360px;background:#fff;border-radius:12px;padding:32px 24px;box-shadow:0 4px 16px #0000001a}.login-logo{text-align:center;margin-bottom:24px}.login-logo .logo-icon{font-size:48px}.login-logo .logo-title{font-size:22px;font-weight:700;color:#1890ff;margin-top:8px}.login-logo .logo-subtitle{font-size:13px;color:#999;margin-top:4px}.welcome-header{background:linear-gradient(135deg,#1890ff,#096dd9);color:#fff;padding:24px 16px 20px;text-align:center}.welcome-header .welcome-text{font-size:16px;opacity:.9}.welcome-header .welcome-name{font-size:22px;font-weight:700;margin-top:4px}.empty-state{text-align:center;padding:60px 20px;color:#999}.empty-state .empty-icon{font-size:48px;margin-bottom:12px}.empty-state .empty-text{font-size:14px}.loading-spinner{display:flex;align-items:center;justify-content:center;padding:60px 20px;color:#999;font-size:14px}.exam-question{padding:16px}.exam-question .question-num{font-size:14px;color:#1890ff;font-weight:600;margin-bottom:8px}.exam-question .question-stem{font-size:16px;color:#333;line-height:1.7;margin-bottom:16px}.exam-options{display:flex;flex-direction:column;gap:10px}.exam-option{display:flex;align-items:center;padding:12px 14px;border:1.5px solid #e8e8e8;border-radius:8px;cursor:pointer;min-height:44px;transition:all .15s}.exam-option:hover{border-color:#91d5ff}.exam-option.selected{border-color:#1890ff;background:#e6f7ff}.exam-option.selected-correct{border-color:#52c41a;background:#f6ffed}.exam-option.selected-wrong{border-color:#ff4d4f;background:#fff2f0}.exam-option.correct{border-color:#52c41a;background:#f6ffed}.exam-option .option-label{width:28px;height:28px;border-radius:50%;border:1.5px solid #d9d9d9;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:600;margin-right:10px;flex-shrink:0;color:#666}.exam-option.selected .option-label{background:#1890ff;border-color:#1890ff;color:#fff}.exam-option.selected-correct .option-label{background:#52c41a;border-color:#52c41a;color:#fff}.exam-option.selected-wrong .option-label{background:#ff4d4f;border-color:#ff4d4f;color:#fff}.exam-option .option-text{font-size:15px;color:#333;flex:1}.question-nav{display:flex;flex-wrap:wrap;gap:8px;padding:12px 0}.question-nav-item{width:36px;height:36px;min-width:36px;min-height:36px;border-radius:50%;border:1px solid #d9d9d9;background:#fff;display:flex;align-items:center;justify-content:center;font-size:13px;cursor:pointer;color:#666;transition:all .15s}.question-nav-item.active{background:#1890ff;border-color:#1890ff;color:#fff}.question-nav-item.answered{background:#e6f7ff;border-color:#91d5ff;color:#1890ff}.exam-nav-buttons{display:flex;gap:12px;padding:12px 16px}.exam-nav-buttons .btn{flex:1}.result-score{text-align:center;padding:30px 16px 20px}.result-score .score-number{font-size:56px;font-weight:800;color:#1890ff;line-height:1}.result-score .score-label{font-size:14px;color:#666;margin-top:6px}.result-score .score-detail{font-size:13px;color:#999;margin-top:8px}.result-question{padding:16px 0;border-bottom:1px solid #f0f0f0}.result-question:last-child{border-bottom:none}.result-question .result-stem{font-size:15px;color:#333;line-height:1.7;margin-bottom:8px}.result-question .result-answer-info{display:flex;gap:12px;font-size:13px;margin-bottom:6px}.result-question .result-analysis{background:#fafafa;padding:10px 12px;border-radius:6px;font-size:13px;color:#666;line-height:1.6;margin-top:8px}.wrong-group{margin:12px 0}.wrong-group .wrong-group-header{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;background:#fafafa;border-radius:8px 8px 0 0;cursor:pointer;min-height:44px}.wrong-group .wrong-group-body{background:#fff;border-radius:0 0 8px 8px;overflow:hidden}.profile-section{padding:16px 0}.profile-section .section-title{font-size:14px;color:#999;padding:0 16px 8px;font-weight:500}.message-toast{position:fixed;top:70px;left:50%;transform:translate(-50%);z-index:3000;padding:10px 20px;border-radius:6px;font-size:14px;color:#fff;animation:fadeIn .2s ease;max-width:320px;text-align:center}.message-toast.success{background:#52c41a}.message-toast.error{background:#ff4d4f}@media (min-width: 480px){.app-container{border-left:1px solid #e8e8e8;border-right:1px solid #e8e8e8}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}