*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:PingFang SC,Microsoft YaHei,Noto Sans CJK SC,sans-serif;background:#f0f4f0;color:#1a2e1a;min-height:100vh}.login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0d2826,#1a4a3a,#0d2826)}.login-card{background:#fff;border-radius:20px;padding:48px 40px;width:360px;text-align:center;box-shadow:0 20px 60px #0000004d}.login-logo-img{width:80px;height:80px;object-fit:contain;margin:0 auto 20px;display:block;border-radius:16px}.login-title{font-size:22px;font-weight:700;color:#0d2826;margin-bottom:6px}.login-sub{font-size:13px;color:#6b7280;margin-bottom:32px}.login-input{width:100%;padding:13px 16px;border:2px solid #e5e7eb;border-radius:10px;font-size:15px;outline:none;transition:border-color .2s;margin-bottom:12px}.login-input:focus{border-color:#2d6a50}.login-err{color:#dc2626;font-size:13px;margin-bottom:12px}.login-btn{width:100%;margin-top:8px}.btn-primary{background:linear-gradient(135deg,#0d2826,#2d6a50);color:#c9a84c;border:none;border-radius:10px;padding:13px 28px;font-size:16px;font-weight:600;cursor:pointer;transition:opacity .2s,transform .1s;display:inline-flex;align-items:center;gap:8px}.btn-primary:hover{opacity:.9;transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-secondary{background:#f3f4f6;color:#374151;border:2px solid #e5e7eb;border-radius:10px;padding:11px 24px;font-size:14px;cursor:pointer;transition:background .2s}.btn-secondary:hover{background:#e5e7eb}.btn-retry{background:transparent;border:1px solid #dc2626;color:#dc2626;border-radius:6px;padding:6px 14px;font-size:13px;cursor:pointer;margin-left:12px}.header{background:linear-gradient(135deg,#0d2826,#1a3f3c);padding:0 24px;position:sticky;top:0;z-index:10;box-shadow:0 2px 12px #0000004d}.header-inner{max-width:800px;margin:0 auto;display:flex;align-items:center;gap:16px;padding:16px 0}.header-logo{width:48px;height:48px;object-fit:contain;border-radius:10px;flex-shrink:0}.header-title{font-size:20px;font-weight:700;color:#fff}.header-sub{font-size:12px;color:#5aada8;margin-top:2px}.main{max-width:800px;margin:32px auto;padding:0 20px 48px}.card{background:#fff;border-radius:16px;padding:32px;box-shadow:0 4px 24px #00000014}.form-section{margin-bottom:28px}.section-heading{font-size:15px;font-weight:600;color:#0d2826;margin-bottom:12px;padding-left:10px;border-left:3px solid #c9a84c}.exam-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.exam-btn{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:14px 16px;border:2px solid #e5e7eb;border-radius:12px;background:#f9fafb;cursor:pointer;transition:all .2s;text-align:left}.exam-btn:hover{border-color:#2d6a50;background:#f0faf6}.exam-btn.active{border-color:#2d6a50;background:linear-gradient(135deg,#0d2826,#2d6a50);box-shadow:0 4px 14px #2d6a504d}.exam-name{font-size:15px;font-weight:700;color:#0d2826}.exam-btn.active .exam-name{color:#c9a84c}.exam-sub{font-size:11px;color:#6b7280}.exam-btn.active .exam-sub{color:#c9a84cb3}.exam-code{font-size:10px;font-weight:600;background:#e5e7eb;color:#374151;padding:2px 7px;border-radius:20px;margin-top:2px}.exam-btn.active .exam-code{background:#c9a84c33;color:#c9a84c}.paper-btns{display:flex;gap:12px}.paper-btn{flex:1;padding:12px 16px;border:2px solid #e5e7eb;border-radius:10px;font-size:14px;font-weight:600;color:#6b7280;background:#f9fafb;cursor:pointer;transition:all .2s}.paper-btn:hover{border-color:#2d6a50;color:#2d6a50}.paper-btn.active{border-color:#2d6a50;background:#2d6a50;color:#c9a84c;box-shadow:0 4px 12px #2d6a504d}.grade-btns{display:flex;gap:12px}.grade-btn{flex:1;padding:14px;border:2px solid #e5e7eb;border-radius:10px;font-size:18px;font-weight:700;color:#6b7280;background:#f9fafb;cursor:pointer;transition:all .2s}.intl-level-btns{display:grid;gap:10px}.intl-level-btns .grade-btn{flex:unset;font-size:14px;padding:12px 6px;white-space:nowrap;text-align:center}.grade-btn:hover{border-color:#2d6a50;color:#2d6a50}.grade-btn.active{border-color:#2d6a50;background:#2d6a50;color:#c9a84c;box-shadow:0 4px 12px #2d6a504d}.school-input{width:100%;padding:11px 14px;border:1.5px solid #e5e7eb;border-radius:8px;font-size:14px;outline:none;transition:border-color .2s}.school-input:focus{border-color:#2d6a50}.btn-cancel{background:transparent;border:1.5px solid #d1d5db;color:#6b7280;border-radius:10px;padding:10px 28px;font-size:14px;cursor:pointer;width:100%;margin-top:10px;transition:all .2s;font-family:inherit}.btn-cancel:hover{border-color:#dc2626;color:#dc2626}.section-divider{display:flex;align-items:center;gap:12px;margin:16px 0 12px}.divider-label{font-size:13px;font-weight:600;color:#5aada8;background:#f0f9f6;padding:3px 10px;border-radius:20px;white-space:nowrap}.topic-row{display:flex;align-items:flex-start;gap:12px;margin-bottom:10px}.topic-label{font-size:13px;color:#6b7280;font-weight:500;min-width:110px;padding-top:10px;text-align:right}.topic-input-wrap{flex:1;position:relative}.topic-input{width:100%;padding:9px 13px;border:1.5px solid #e5e7eb;border-radius:8px;font-size:14px;outline:none;transition:border-color .2s}.topic-input:focus{border-color:#2d6a50}.suggestions{position:absolute;top:calc(100% + 4px);left:0;right:0;background:#fff;border:1.5px solid #e5e7eb;border-radius:10px;box-shadow:0 8px 24px #0000001f;z-index:20;overflow:hidden}.suggestion-item{padding:9px 14px;font-size:13px;cursor:pointer;transition:background .15s}.suggestion-item:hover{background:#f0f9f6;color:#2d6a50}.generate-btn{width:100%;padding:16px;font-size:17px;border-radius:12px;margin-top:8px;letter-spacing:1px}.progress-panel{margin-top:24px;background:#f8faf8;border:1.5px solid #c3e6cd;border-radius:12px;padding:24px}.progress-title{font-size:15px;font-weight:600;color:#0d2826;margin-bottom:16px;text-align:center}.progress-steps{display:flex;flex-direction:column;gap:10px}.step-item{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:8px;font-size:14px}.step-waiting{color:#9ca3af}.step-active{background:#e8f5e9;color:#2d6a50;font-weight:600}.step-done{color:#2d6a50}.step-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0}.step-active .step-icon{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-box{margin-top:20px;background:#fef2f2;border:1.5px solid #fecaca;border-radius:10px;padding:16px 20px;color:#dc2626;font-size:14px;display:flex;align-items:center;flex-wrap:wrap;gap:8px}.success-box{margin-top:24px;text-align:center;padding:32px 20px;background:linear-gradient(135deg,#f0faf4,#e8f5e9);border:2px solid #86efac;border-radius:16px}.success-icon{width:64px;height:64px;background:#2d6a50;color:#fff;border-radius:50%;font-size:30px;display:flex;align-items:center;justify-content:center;margin:0 auto 16px}.success-title{font-size:20px;font-weight:700;color:#0d2826;margin-bottom:6px}.success-sub{font-size:14px;color:#6b7280;margin-bottom:24px}.download-btn{margin-right:12px;margin-bottom:12px}.info-bar{margin-top:20px;background:#fff;border-radius:12px;padding:20px 24px;box-shadow:0 2px 12px #0000000d;display:flex;flex-direction:column;gap:10px}.info-item{display:flex;align-items:center;gap:10px;font-size:13px;color:#6b7280}.info-icon{font-size:16px}.section-heading-row{display:flex;align-items:center;justify-content:space-between}.section-quick-btns{display:flex;gap:8px}.btn-quick{background:none;border:1px solid #c9a84c;color:#c9a84c;border-radius:6px;padding:3px 10px;font-size:12px;cursor:pointer;transition:background .15s}.btn-quick:hover{background:#c9a84c;color:#fff}.section-checks{display:flex;flex-wrap:wrap;gap:8px}.section-check-label{display:flex;align-items:center;gap:6px;padding:7px 14px;border:1.5px solid #e5e7eb;border-radius:8px;font-size:13px;color:#6b7280;cursor:pointer;background:#f9fafb;transition:all .15s;-webkit-user-select:none;user-select:none}.section-check-label input[type=checkbox]{accent-color:#2d6a50}.section-check-label.checked{border-color:#2d6a50;background:#f0faf6;color:#1a2e1a;font-weight:500}.section-check-label:hover{border-color:#2d6a50}.section-warn{margin-top:8px;font-size:12px;color:#dc2626}@media (max-width: 600px){.card{padding:20px}.exam-grid{grid-template-columns:repeat(2,1fr)}.topic-row{flex-direction:column}.topic-label{min-width:auto;padding-top:0;text-align:left}.main{padding:0 12px 48px}.tab-nav{padding:8px 8px 0;gap:2px}.tab-btn{padding:8px;font-size:13px;flex:1;text-align:center}.flex-section-card{grid-template-columns:auto 1fr auto;grid-template-rows:auto auto}.flex-section-card>select{grid-column:1 / -1;grid-row:1}.flex-count-ctrl{grid-column:1;grid-row:2}.flex-section-card>input[type=text]{grid-column:2;grid-row:2;min-width:0;width:100%}.flex-del-btn{grid-column:3;grid-row:2}}@media (max-width: 400px){.exam-grid{grid-template-columns:1fr}.paper-btns{flex-direction:column}.grade-btns{flex-wrap:wrap}.grade-btn{flex:none;min-width:60px}}@media (min-width: 401px){.exam-grid .exam-btn:last-child:nth-child(odd){grid-column:1 / -1}}.tab-nav{display:flex;gap:4px;padding:12px 24px 0;background:linear-gradient(135deg,#0d2826,#1a3f3c);border-bottom:2px solid rgba(255,255,255,.1)}.tab-btn{padding:8px 20px;border:none;border-radius:6px 6px 0 0;background:#ffffff1a;color:#ffffffbf;font-size:15px;cursor:pointer;font-family:inherit;transition:all .2s}.tab-btn:hover{background:#fff3;color:#fff}.tab-btn.active{background:#fff;color:#0d2826;font-weight:600}.subject-toggle{display:flex;gap:8px}.subject-toggle.flex-wrap-toggle{flex-wrap:wrap}.subject-btn{padding:6px 18px;border:2px solid #e5e7eb;border-radius:20px;background:#fff;color:#6b7280;font-size:14px;cursor:pointer;font-family:inherit;transition:all .2s}.subject-btn.active{border-color:#2d6a50;background:#2d6a50;color:#c9a84c}.flex-sections{display:flex;flex-direction:column;gap:12px}.flex-section-card{display:grid;grid-template-columns:1fr auto minmax(0,1fr) auto;gap:8px;align-items:center;padding:12px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px}.flex-section-card select,.flex-section-card input[type=text]{padding:6px 10px;border:1px solid #cbd5e1;border-radius:6px;font-size:14px;font-family:inherit}.flex-section-card input[type=text]{min-width:0;width:100%}.flex-count-ctrl{display:flex;align-items:center;gap:6px}.flex-count-ctrl button{width:28px;height:28px;border:1px solid #cbd5e1;border-radius:4px;background:#fff;cursor:pointer;font-size:16px;line-height:1}.flex-count-ctrl span{min-width:24px;text-align:center;font-size:14px}.flex-del-btn{padding:4px 10px;border:1px solid #fca5a5;border-radius:4px;background:#fff;color:#ef4444;cursor:pointer;font-size:13px}.btn-add-section{display:block;width:100%;padding:10px;border:2px dashed #cbd5e1;border-radius:8px;background:transparent;color:#64748b;font-size:14px;cursor:pointer;font-family:inherit;margin-top:4px;transition:all .2s}.btn-add-section:hover{border-color:#7c3aed;color:#7c3aed}.library-filters{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-bottom:16px}.filter-grade-btns,.filter-subject-btns{display:flex;gap:4px;flex-wrap:wrap}.filter-btn{padding:5px 12px;border:1px solid #cbd5e1;border-radius:6px;background:#fff;font-size:13px;cursor:pointer;font-family:inherit}.filter-btn.active{background:#0d2826;color:#c9a84c;border-color:#0d2826}.lib-search{padding:6px 12px;border:1px solid #cbd5e1;border-radius:6px;font-size:14px;font-family:inherit;width:200px}.folder-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;cursor:pointer;margin-bottom:4px;transition:background .2s}.folder-header:hover{background:#e2e8f0}.folder-label{font-weight:600;color:#1e293b;font-size:15px}.folder-count{font-size:13px;color:#64748b;background:#e2e8f0;padding:2px 8px;border-radius:10px}.papers-list{display:flex;flex-direction:column;gap:4px;margin-bottom:12px}.paper-row{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#fff;border:1px solid #f1f5f9;border-radius:6px;font-size:13px}.paper-year{background:#dbeafe;color:#1d4ed8;padding:2px 8px;border-radius:4px;font-size:12px;font-weight:600;min-width:44px;text-align:center}.paper-type{color:#64748b;min-width:100px}.paper-school{flex:1;color:#334155}.paper-dl-btn{padding:4px 12px;border:1px solid #0d2826;border-radius:4px;background:#fff;color:#0d2826;cursor:pointer;font-size:12px;font-family:inherit;white-space:nowrap}.paper-dl-btn:hover{background:#0d2826;color:#c9a84c}.lib-loading,.lib-empty{text-align:center;color:#94a3b8;padding:40px;font-size:15px}.lib-unavailable{text-align:center;padding:40px}