*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Microsoft YaHei,sans-serif;background:#f5f5f5;color:#1a1a2e;height:100%;line-height:1.5;overflow:hidden;font-size:14px}#app{height:100%}.view{height:100vh;display:flex;flex-direction:column;overflow:hidden}.top-bar{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#fff;border-bottom:1px solid #eee;flex-shrink:0;min-height:44px;z-index:100}.top-bar-back{background:none;border:none;color:#4f46e5;font-size:1.2rem;cursor:pointer;padding:4px 8px;border-radius:6px;min-width:36px}.top-bar-back:active{background:#eef2ff}.top-bar-title{font-weight:600;font-size:1rem;flex:1}.top-bar-progress{font-size:.82rem;color:#888}.home-view{background:linear-gradient(135deg,#667eea,#764ba2);justify-content:center;align-items:center;padding:40px 20px}.home-header{text-align:center;margin-bottom:40px}.home-header h1{font-size:1.8rem;color:#fff;margin-bottom:8px}.home-subtitle{color:#fffc;font-size:.95rem}.home-modes{width:100%;max-width:360px}.mode-item{background:#fff;border-radius:14px;padding:18px 16px;display:flex;align-items:center;gap:14px;margin-bottom:14px;cursor:pointer;box-shadow:0 4px 16px #0000001a;transition:transform .15s}.mode-item:active{transform:scale(.98)}.mode-icon-wrap{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.3rem;flex-shrink:0}.mode-icon-blue{background:#eef2ff}.mode-icon-green{background:#ecfdf5}.mode-info{flex:1}.mode-title{font-weight:600;font-size:1rem;margin-bottom:2px}.mode-desc{font-size:.8rem;color:#888}.mode-badge{padding:3px 10px;border-radius:12px;font-size:.72rem;font-weight:600;flex-shrink:0}.badge-blue{background:#eef2ff;color:#4f46e5}.badge-green{background:#ecfdf5;color:#059669}.bank-list{flex:1;overflow-y:auto;padding:12px 16px;-webkit-overflow-scrolling:touch}.bank-item{background:#fff;border-radius:10px;padding:14px 16px;margin-bottom:8px;display:flex;align-items:center;box-shadow:0 1px 3px #0000000a;cursor:pointer;transition:background .15s}.bank-item:active{background:#f9fafb}.bank-item-name{font-weight:600;font-size:.95rem;flex:1}.bank-item-meta{font-size:.78rem;color:#888;margin-right:8px}.bank-item-arrow{color:#ccc;font-size:1.2rem}.bank-empty{text-align:center;padding:60px 20px}.bank-empty p{color:#888;margin-bottom:8px}.bank-empty .hint{font-size:.82rem;color:#aaa;margin-bottom:20px}.btn{padding:8px 18px;border-radius:8px;font-size:.88rem;font-weight:500;border:none;cursor:pointer}.btn-primary{background:#4f46e5;color:#fff}.btn-primary:active{background:#4338ca}.btn-secondary{background:#e5e7eb;color:#374151}.btn-danger{background:#fee2e2;color:#dc2626}.btn-sm{padding:5px 12px;font-size:.8rem}.practice-top{flex:1 1 0;min-height:0;overflow-y:auto;padding:12px 16px;-webkit-overflow-scrolling:touch;display:flex;flex-direction:column;gap:10px}.practice-bottom{flex:1 1 0;min-height:0;border-top:1px solid #eee;background:#fafafa;display:flex;flex-direction:column}.options-scroll{flex:1;overflow-y:auto;padding:12px 16px;-webkit-overflow-scrolling:touch}.question-card{background:#fff;border-radius:10px;padding:14px 16px;box-shadow:0 1px 3px #0000000a}.question-title{font-size:1rem;line-height:1.5}.explanation-card{background:#fff;border-radius:10px;padding:14px 16px;box-shadow:0 1px 3px #0000000a}.card-label{font-size:.78rem;color:#888;margin-bottom:8px;padding-bottom:6px;border-bottom:1px solid #f3f4f6}.cloze-text{line-height:2;font-size:.92rem}.blank-marker{display:inline-block;min-width:24px;padding:1px 6px;margin:0 2px;border-radius:4px;text-align:center;font-weight:600;background:#eef2ff;color:#4f46e5;border-bottom:2px dashed #4f46e5;font-size:.85rem}.blank-marker.correct{background:#d1fae5;color:#059669;border-color:#059669}.blank-marker.wrong{background:#fee2e2;color:#dc2626;border-color:#dc2626;animation:shake .4s}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-3px)}40%{transform:translate(3px)}60%{transform:translate(-3px)}80%{transform:translate(3px)}}.options-area{display:flex;flex-direction:column;gap:12px}.option-group{background:#fff;border-radius:10px;padding:12px;box-shadow:0 1px 3px #0000000a}.option-group-label{font-size:.82rem;color:#4f46e5;font-weight:600;margin-bottom:8px}.option-group-btns{display:grid;grid-template-columns:1fr 1fr;gap:8px}.option-btn{padding:10px 12px;border-radius:8px;font-size:.88rem;background:#f9fafb;border:2px solid #e5e7eb;cursor:pointer;text-align:center;word-break:break-all;overflow-wrap:break-word;min-height:40px;display:flex;align-items:center;justify-content:center;line-height:1.3;transition:all .15s}.option-btn:active{background:#eef2ff;border-color:#4f46e5}.option-btn.selected-correct{background:#d1fae5;border-color:#059669;color:#059669}.option-btn.selected-wrong{background:#fee2e2;border-color:#dc2626;color:#dc2626}.option-btn.show-correct{background:#d1fae5;border-color:#059669;color:#059669}.option-btn:disabled{pointer-events:none;opacity:.85}.feedback{margin-top:12px;padding:12px 14px;border-radius:8px;font-size:.9rem}.feedback.correct{background:#d1fae5;color:#065f46}.feedback.wrong{background:#fee2e2;color:#991b1b}.feedback p{margin-bottom:4px}.feedback .correct-answer{font-weight:600}.bottom-nav{display:flex;align-items:center;justify-content:space-around;padding:6px 16px;padding-bottom:calc(6px + env(safe-area-inset-bottom));background:#fff;border-top:1px solid #eee;flex-shrink:0;z-index:100;min-height:50px}.nav-btn{display:flex;flex-direction:column;align-items:center;background:none;border:none;cursor:pointer;padding:4px 16px;border-radius:8px;color:#4f46e5;min-width:60px}.nav-btn:disabled{color:#ccc}.nav-btn:active:not(:disabled){background:#eef2ff}.nav-btn-retry{color:#f59e0b}.nav-btn-center{color:#888;cursor:default}.nav-btn-center:active{background:transparent}.nav-icon{font-size:1rem;margin-bottom:1px}.nav-label{font-size:.7rem}.analysis-content{flex:1;overflow-y:auto;padding:12px 16px;-webkit-overflow-scrolling:touch;display:flex;flex-direction:column;gap:10px}.analysis-explanation-card{background:#fff;border-radius:10px;padding:14px 16px;box-shadow:0 1px 3px #0000000a}.explanation-text{line-height:2;font-size:.92rem;-webkit-user-select:text;user-select:text;cursor:text}.analysis-mark{background:#fef3c7;border-bottom:2px solid #f59e0b;padding:1px 2px;border-radius:3px;cursor:pointer}.mark-toolbar{display:flex;align-items:center;gap:8px;margin-top:10px;padding:8px 12px;background:#eef2ff;border-radius:8px}.mark-hint{font-size:.8rem;color:#4f46e5;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.marks-card{background:#fff;border-radius:10px;padding:14px 16px;box-shadow:0 1px 3px #0000000a}.marks-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.marks-title{font-weight:600;font-size:.92rem}.badge{background:#eef2ff;color:#4f46e5;padding:2px 8px;border-radius:10px;font-size:.75rem;font-weight:600}.marked-list{margin-bottom:10px}.marked-item{display:flex;align-items:center;justify-content:space-between;padding:6px 10px;margin-bottom:4px;background:#f9fafb;border-radius:6px;font-size:.85rem;border-left:3px solid #4f46e5}.marked-item .mark-num{color:#4f46e5;font-weight:700;margin-right:6px;font-size:.72rem}.marked-item .mark-text{flex:1;word-break:break-all}.marked-item .mark-del{background:none;border:none;color:#ef4444;cursor:pointer;font-size:1rem;padding:2px 4px;border-radius:4px}