body{margin:0;padding:0;width:100%;min-height:100vh;box-sizing:border-box;font-family:Helvetica Neue,Arial,sans-serif;overflow-x:hidden}.app{width:100%;min-height:100vh;display:flex;flex-direction:column;font-family:Helvetica Neue,Arial,sans-serif;overflow-x:hidden;margin:0;padding:0;box-sizing:border-box}.app::-webkit-scrollbar{width:0;height:0}.app{-ms-overflow-style:none;scrollbar-width:none}.header{background-color:#fff;box-shadow:0 2px 8px #0000001a;position:sticky;top:0;z-index:100}.header-container{max-width:1200px;margin:0 auto;padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.logo{display:flex;align-items:center;gap:.5rem}.search-box{position:relative;display:flex;align-items:center;gap:.5rem;margin:0 1rem;flex:1;max-width:100%;order:3;width:100%}.nav{display:flex;gap:1.5rem;order:4;width:100%;justify-content:flex-end;padding-right:1rem;flex-wrap:wrap}.header-actions{order:4;width:100%;text-align:right;padding-right:1rem;margin-top:.5rem}.search-box input{padding:.5rem 1rem;border:1px solid #ddd;border-radius:4px;font-size:.9rem;width:250px}.search-box input:focus{outline:none;border-color:#3498db}.search-btn{padding:.5rem 1rem;background-color:#3498db;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:.9rem}.search-results-dropdown{position:absolute;top:100%;left:0;right:0;background-color:#fff;border:1px solid #ddd;border-radius:4px;box-shadow:0 2px 8px #0000001a;z-index:1000;max-height:300px;overflow-y:auto;margin-top:.5rem}.search-result-section{padding:.5rem;border-bottom:1px solid #eee}.search-result-section:last-child{border-bottom:none}.search-result-section h4{margin:0 0 .5rem;padding:0;font-size:.9rem;color:#3498db}.search-result-item{padding:.5rem;cursor:pointer;font-size:.85rem;color:#333;border-radius:4px}.search-result-item:hover{background-color:#f0f0f0}.search-result-more{padding:.5rem;cursor:pointer;font-size:.85rem;color:#3498db;text-align:center}.search-result-more:hover{background-color:#f0f0f0;border-radius:4px}.carousel{position:relative;width:40px;height:40px;overflow:hidden;border-radius:4px}.carousel-container{display:flex;transition:transform .5s ease-in-out;height:100%}.carousel-item{flex:0 0 100%;height:100%}.carousel-image{width:100%;height:100%;object-fit:cover}.carousel-indicators{position:absolute;bottom:2px;left:50%;transform:translate(-50%);display:flex;gap:2px}.indicator{width:6px;height:6px;border-radius:50%;background-color:#ffffff80;border:none;cursor:pointer;padding:0}.indicator.active{background-color:#fff}.logo h1{font-size:1.8rem;margin:0;color:#3498db;font-weight:700}.nav{display:flex;gap:2rem}.nav-item{color:#333;text-decoration:none;font-weight:500;transition:color .3s;position:relative}.nav-item:hover,.nav-item.active{color:#3498db}.nav-item.active:after{content:"";position:absolute;bottom:-5px;left:0;width:100%;height:2px;background-color:#3498db}.header-actions{display:flex;gap:1rem}.login-btn{color:#3498db;text-decoration:none;font-weight:500;padding:.5rem 1rem;border-radius:4px;transition:background-color .3s}.login-btn:hover{background-color:#f0f8ff}.register-btn{background-color:#3498db;color:#fff;text-decoration:none;font-weight:500;padding:.5rem 1rem;border-radius:4px;transition:background-color .3s}.register-btn:hover{background-color:#2980b9}.main{flex:1;width:100%;margin:0;padding:0;box-sizing:border-box;display:flex;flex-direction:column;min-height:auto;overflow:visible}.hero{background:linear-gradient(135deg,#f0f8ff,#e3f2fd);padding:4rem 0;position:relative}.hero-container{max-width:1200px;margin:0 auto;padding:0 2rem;display:flex;align-items:center;gap:3rem}.hero-content{flex:1}.hero-content h2{font-size:2.5rem;margin-bottom:1rem;color:#333;line-height:1.2}.hero-content p{font-size:1.2rem;color:#666;margin-bottom:2rem;line-height:1.5}.hero-buttons{display:flex;gap:1rem}.hero-image img{width:100%;height:auto;border-radius:8px;box-shadow:0 10px 20px #0000001a;transition:transform .3s ease}.hero-image img:hover{transform:scale(1.02)}.hero-indicators{display:flex;justify-content:center;gap:10px;margin-top:20px}.hero-indicators .indicator{width:12px;height:12px;border-radius:50%;background-color:#3498db80;border:none;cursor:pointer;transition:all .3s ease}.hero-indicators .indicator.active{background-color:#3498db;width:30px;border-radius:6px}.btn{padding:.8rem 1.5rem;font-size:1rem;border-radius:4px;cursor:pointer;transition:all .3s;border:none;font-weight:500}.primary-btn:hover{background-color:#2980b9;transform:translateY(-2px);box-shadow:0 4px 8px #3498db4d}.secondary-btn{background-color:#fff;color:#3498db;border:1px solid #3498db}.secondary-btn:hover{background-color:#f0f8ff;transform:translateY(-2px)}.hero-image{flex:1;max-width:500px}.hero-image img{width:100%;border-radius:8px;box-shadow:0 4px 12px #00000026}.stats-section{padding:3rem 0;background-color:#fff}.stats-container{max-width:1200px;margin:0 auto;padding:0 2rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;text-align:center}.stat-item{padding:1.5rem;background-color:#f9f9f9;border-radius:8px;transition:transform .3s}.stat-item:hover{transform:translateY(-5px);box-shadow:0 4px 12px #0000001a}.stat-value{font-size:2rem;font-weight:700;color:#3498db;margin-bottom:.5rem}.stat-label{font-size:1rem;color:#666}.categories-section{padding:3rem 0;background-color:#f5f5f5}.section-header{text-align:center;margin-bottom:2rem}.section-header h3{font-size:2rem;margin-bottom:.5rem;color:#333}.section-header p{font-size:1.1rem;color:#666;margin:0}.categories-container{max-width:1200px;margin:0 auto;padding:0 2rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.category-card{background-color:#fff;padding:2rem;border-radius:8px;box-shadow:0 2px 8px #0000001a;text-align:center;transition:transform .3s}.category-card:hover{transform:translateY(-5px);box-shadow:0 4px 12px #00000026}.category-name{font-size:1.2rem;font-weight:700;color:#333;margin-bottom:.5rem}.category-count{font-size:1rem;color:#666;margin-bottom:1.5rem}.category-btn{background-color:#3498db;color:#fff;padding:.6rem 1.2rem;font-size:.9rem}.category-btn:hover{background-color:#2980b9}.features-section{padding:3rem 0;background-color:#fff}.features-container{max-width:1200px;margin:0 auto;padding:0 2rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem}.feature-card{background-color:#f9f9f9;padding:2rem;border-radius:8px;text-align:center;transition:transform .3s}.feature-card:hover{transform:translateY(-5px);box-shadow:0 4px 12px #0000001a}.feature-icon{font-size:3rem;margin-bottom:1rem}.feature-card h4{font-size:1.2rem;font-weight:700;color:#333;margin-bottom:.5rem}.feature-card p{font-size:1rem;color:#666;margin:0}.testimonials-section{padding:3rem 0;background-color:#f5f5f5}.testimonials-container{max-width:1200px;margin:0 auto;padding:0 2rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.testimonial-card{background-color:#fff;padding:2rem;border-radius:8px;box-shadow:0 2px 8px #0000001a;transition:transform .3s}.testimonial-card:hover{transform:translateY(-5px);box-shadow:0 4px 12px #00000026}.testimonial-content{font-size:1rem;color:#333;margin-bottom:1.5rem;line-height:1.5;font-style:italic}.testimonial-author{display:flex;flex-direction:column;gap:.25rem}.author-name{font-size:1rem;font-weight:700;color:#333}.author-exam{font-size:.9rem;color:#666}.announcements-section{padding:60px 20px;background-color:#f9f9f9}.announcements-container{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.announcement-card{background:#fff;border-radius:8px;padding:20px;box-shadow:0 2px 4px #0000001a;transition:transform .3s ease,box-shadow .3s ease}.announcement-card:hover{transform:translateY(-5px);box-shadow:0 4px 8px #00000026}.announcement-title{font-size:1.2rem;font-weight:600;margin-bottom:10px;color:#333}.announcement-content{margin-bottom:15px;color:#666;line-height:1.5}.announcement-date{font-size:.85rem;color:#999;text-align:right}.no-announcements{grid-column:1 / -1;text-align:center;padding:40px 20px;color:#999;font-size:1.1rem;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a}.footer{background-color:#333;color:#fff;padding:3rem 0 1rem;width:100%;box-sizing:border-box;margin-top:auto;flex-shrink:0}.footer-container{max-width:1200px;margin:0 auto;padding:0 2rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-bottom:2rem}.footer-section h4{font-size:1.2rem;margin-bottom:1rem;color:#fff}.footer-section p{font-size:1rem;color:#ccc;line-height:1.5;margin:0 0 .5rem}.footer-section ul{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;max-width:200px}.footer-section ul li{width:50%;margin-bottom:.5rem}.footer-section ul li a{color:#ccc;text-decoration:none;transition:color .3s}.footer-section ul li a:hover{color:#3498db}.footer-bottom{text-align:center;padding-top:1rem;border-top:1px solid #444;font-size:.9rem;color:#ccc}.page-header{text-align:center;margin-bottom:.5rem;padding:.5rem 0;background-color:#f0f8ff}.page-header h2{font-size:2rem;margin-bottom:.5rem;color:#333}.page-header p{font-size:1.1rem;color:#666;margin:0}.questions-page{display:flex;flex-direction:column;min-height:100vh;background-color:#f5f5f5}.questions-nav{background-color:#3498db;padding:0 2rem;box-shadow:0 2px 4px #0000001a}.questions-nav .nav-left{display:flex;gap:2rem}.questions-nav .nav-item{color:#fff;text-decoration:none;padding:1rem 0;position:relative;font-weight:500;transition:color .3s}.questions-nav .nav-item:hover,.questions-nav .nav-item.active{color:#fff;font-weight:700}.questions-nav .nav-item.active:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:3px;background-color:#ff9500}.top-info{display:flex;justify-content:space-between;padding:1rem 2rem;background-color:#fff;border-bottom:1px solid #e0e0e0}.messages{color:#666}.countdown{color:#e74c3c;font-weight:500}.top-functions{display:flex;justify-content:space-around;padding:1rem;background-color:#f5f5f5;border-radius:8px;margin-bottom:1.5rem;border:1px solid #e0e0e0}.question-search{margin-bottom:1.5rem;padding:1.5rem;background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a}.question-search h3{font-size:1.2rem;margin-bottom:1rem;color:#333;border-bottom:1px solid #e0e0e0;padding-bottom:.5rem}.search-box{display:flex;gap:.5rem}.search-btn{background-color:#3498db;color:#fff;border:none;padding:0 1.5rem;border-radius:4px;cursor:pointer;transition:background-color .3s}.search-icon{font-size:1.2rem}.document-upload{margin-bottom:1.5rem;padding:1.5rem;background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;border:2px solid #e3f2fd}.upload-header{text-align:center;margin-bottom:1.5rem}.format-icons{display:flex;justify-content:center;gap:1rem;margin-bottom:1rem}.format-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background-color:#f0f0f0;border-radius:4px;font-weight:700;font-size:1.2rem}.format-info{margin-bottom:1.5rem;color:#666;font-size:.9rem}.upload-btn{background-color:#3498db;color:#fff;border:none;padding:1rem 2rem;border-radius:4px;font-size:1.1rem;cursor:pointer;transition:background-color .3s;display:flex;align-items:center;gap:.5rem;margin:0 auto 1rem}.upload-btn:hover{background-color:#2980b9}.upload-icon{font-size:1.2rem}.upload-remaining{color:#999;font-size:.9rem}.upload-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1.5rem}.option-card{background-color:#f9f9f9;padding:1.5rem;border-radius:8px;text-align:center;transition:transform .3s;position:relative}.option-card:hover{transform:translateY(-5px);box-shadow:0 4px 8px #0000001a}.option-card.free:before{content:"免费";position:absolute;top:-10px;right:-10px;background-color:#27ae60;color:#fff;font-size:.7rem;padding:.2rem .6rem;border-radius:10px;z-index:1}.option-card h4{font-size:1.1rem;font-weight:700;color:#333;margin-bottom:.5rem}.option-card p{font-size:.9rem;color:#666;margin-bottom:1rem}.option-icon{font-size:1.5rem}.upload-links{display:flex;justify-content:space-between;padding-top:1rem;border-top:1px solid #e0e0e0}.upload-link{color:#3498db;text-decoration:none;font-size:.9rem;transition:color .3s}.upload-link:hover{color:#2980b9;text-decoration:underline}.analysis-page{padding:2rem 0;position:relative;overflow:visible}.data-overview{margin-bottom:2rem}.overview-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem}.overview-card{background-color:#fff;padding:1.5rem;border-radius:8px;box-shadow:0 2px 8px #0000001a;text-align:center;transition:transform .3s}.overview-card:hover{transform:translateY(-5px);box-shadow:0 4px 12px #00000026}.overview-icon{font-size:2rem;margin-bottom:1rem}.overview-card h3{font-size:1rem;color:#666;margin-bottom:.5rem}.overview-value{font-size:1.5rem;font-weight:700;color:#333;margin:0}.efficiency-chart{margin-bottom:2rem;background-color:#fff;padding:1.5rem;border-radius:8px;box-shadow:0 2px 8px #0000001a}.chart-container{position:relative;margin-top:1rem}.chart-legend{display:flex;gap:2rem;margin-top:1rem;justify-content:center}.legend-item{display:flex;align-items:center;gap:.5rem}.legend-color{width:16px;height:16px;border-radius:4px}.knowledge-mastery{margin-bottom:2rem;background-color:#fff;padding:1.5rem;border-radius:8px;box-shadow:0 2px 8px #0000001a}.mastery-list{margin-top:1rem}.mastery-item{margin-bottom:1rem}.mastery-info{display:flex;justify-content:space-between;margin-bottom:.5rem}.mastery-name{font-weight:500;color:#333}.mastery-percent{font-weight:700;color:#3498db}.mastery-bar{width:100%;height:8px;background-color:#f0f0f0;border-radius:4px;overflow:hidden}.mastery-fill{height:100%;background-color:#3498db;border-radius:4px;transition:width .5s ease}.error-analysis{margin-bottom:2rem;background-color:#fff;padding:1.5rem;border-radius:8px;box-shadow:0 2px 8px #0000001a}.error-list{margin-top:1rem}.error-item{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.error-info{width:150px}.error-type{display:block;font-weight:500;color:#333}.error-count{font-size:.9rem;color:#666}.error-bar{flex:1;height:8px;background-color:#f0f0f0;border-radius:4px;overflow:hidden}.error-fill{height:100%;background-color:#e74c3c;border-radius:4px;transition:width .5s ease}.error-rate{width:50px;font-weight:700;color:#e74c3c;text-align:right}.study-suggestions{background-color:#fff;padding:1.5rem;border-radius:8px;box-shadow:0 2px 8px #0000001a}.suggestions-list{margin-top:1rem}.suggestion-item{display:flex;gap:1rem;padding:1rem;background-color:#f8f9fa;border-radius:8px;margin-bottom:1rem;transition:all .3s}.suggestion-item:hover{background-color:#e9ecef;transform:translateY(-2px)}.suggestion-icon{font-size:1.5rem;margin-top:.25rem}.suggestion-content h4{font-size:1.1rem;font-weight:700;color:#333;margin-bottom:.5rem}.suggestion-content p{color:#666;margin:0}.analysis-page{padding:1rem 0!important;display:flex!important;flex-direction:column!important;background-color:#f5f7fa!important;width:100%!important;margin:0!important;box-sizing:border-box!important;flex:1;min-height:auto;padding:0 1rem!important;gap:1rem!important}.analysis-page>*{max-width:100%!important;box-sizing:border-box!important}.analysis-page .page-header{text-align:center;margin-bottom:.5rem!important;position:sticky;top:0;padding:1rem!important;background-color:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;width:100%;box-sizing:border-box;min-height:auto!important;display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:1rem;z-index:100}.small-btn{padding:.5rem 1rem;font-size:.9rem}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:600px;gap:1.5rem}.loading-spinner{width:50px;height:50px;border:4px solid #f3f3f3;border-top:4px solid #3498db;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-container p{font-size:1.1rem;color:#666}.analysis-page .page-header p{color:#666;font-size:1rem;margin-bottom:0;text-align:left}.header-actions{display:none!important;justify-content:flex-end;gap:.5rem;margin-top:0}.analysis-page .page-header:hover .header-actions,.page-header:hover .header-actions{display:flex!important}.analysis-content{flex:1;width:100%;min-width:100%;min-height:800px;height:100%;overflow:visible;display:flex;flex-direction:column;gap:1rem;margin:0;padding:1rem;box-sizing:border-box;background-color:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a}.analysis-content::-webkit-scrollbar{width:0;height:0}.analysis-content{-ms-overflow-style:none;scrollbar-width:none}.analysis-tabs{display:flex;gap:.5rem;margin-bottom:1rem;overflow-x:auto;padding:.25rem 0;width:100%;box-sizing:border-box}.tab-btn{padding:.7rem 1.25rem;border:1px solid #ddd;background-color:#fff;border-radius:20px;cursor:pointer;transition:all .3s ease;white-space:nowrap;font-size:.9rem;position:relative;overflow:hidden}.tab-btn:hover{background-color:#f8f9fa;transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.tab-btn:active{transform:translateY(0);box-shadow:0 1px 2px #0000001a}.tab-btn.active{background-color:#3498db;color:#fff;border-color:#3498db;font-weight:600;box-shadow:0 2px 8px #3498db66;transform:translateY(-2px);border:2px solid #3498db;outline:2px solid rgba(52,152,219,.3);outline-offset:2px}.time-tabs .tab-btn.active{background-color:#3498db;color:#fff;border-color:#3498db;font-weight:600;box-shadow:0 4px 12px #3498db80;transform:translateY(-3px);border:2px solid #3498db;outline:2px solid rgba(52,152,219,.3);outline-offset:2px;animation:pulse .5s ease-in-out}.data-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;justify-content:center;width:100%;box-sizing:border-box}.bottom-entries{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem;width:100%;box-sizing:border-box}.card{background-color:#f8f9fa;padding:.5rem;border-radius:8px;box-shadow:0 1px 4px #0000001a;display:flex;align-items:center;gap:.75rem;transition:all .3s;border-left:4px solid #3498db;min-height:50px;box-sizing:border-box}.card:hover{transform:translateY(-3px);box-shadow:0 2px 8px #00000026;background-color:#fff}.card-icon{font-size:2rem}.card-content{flex:1;display:flex;align-items:baseline;justify-content:space-between;width:100%;box-sizing:border-box;gap:1rem}.card-content h3{font-size:1.25rem;color:#333;margin:0;padding:0;font-weight:600;line-height:1;text-align:left;vertical-align:baseline}.card-content .card-value{font-size:1.25rem;font-weight:600;color:#333;margin:0;padding:0;line-height:1;text-align:right;vertical-align:baseline}.card-change{font-size:.9rem;font-weight:600;margin:0}.card-change.positive{color:#4caf50}.card-change.negative{color:#f44336}.progress-module{background-color:#fff;padding:1.5rem;border-radius:8px;box-shadow:0 2px 8px #0000001a;display:flex;flex-direction:column}.progress-container{display:flex;align-items:center;gap:1rem;margin:1rem 0;width:100%;box-sizing:border-box}.progress-bar{flex:1;height:8px;background-color:#f0f0f0;border-radius:4px;overflow:hidden;min-width:0}.progress-fill{height:100%;background-color:#3498db;border-radius:4px;transition:width .5s ease}.progress-text{font-weight:700;color:#3498db;min-width:50px;flex-shrink:0;text-align:right}.progress-info{color:#666;font-size:.9rem;margin:0}.trend-module{background-color:#fff;padding:1.5rem;border-radius:8px;box-shadow:0 2px 8px #0000001a}.trend-data{display:flex;flex-direction:column;gap:.75rem;margin-top:1rem}.trend-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background-color:#f8f9fa;border-radius:6px;transition:all .3s ease}.trend-item:hover{background-color:#e9ecef;transform:translateY(-2px);box-shadow:0 2px 4px #0000001a}.trend-date{font-weight:600;color:#333;flex:1}.trend-questions{font-weight:600;color:#3498db;flex:1;text-align:center}.trend-correct{font-weight:600;color:#27ae60;flex:1;text-align:center}.trend-time{font-weight:600;color:#e67e22;flex:1;text-align:right}.weak-chapters-module{background-color:#fff;padding:1.5rem;border-radius:8px;box-shadow:0 2px 8px #0000001a}.chapters-list{margin-top:1rem;display:flex;flex-direction:column;gap:1rem}.chapter-item{display:flex;align-items:center;gap:1rem;padding:1rem;background-color:#f8f9fa;border-radius:8px;transition:all .3s}.chapter-item:hover{background-color:#e9ecef;transform:translateY(-2px)}.chapter-rank{width:30px;height:30px;border-radius:50%;background:#3498db;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.9rem;flex-shrink:0}.chapter-info{flex:1;display:flex;align-items:center;gap:1rem;flex-wrap:nowrap;min-width:0}.chapter-info h4{font-size:1rem;font-weight:600;color:#333;margin:0;flex:0 0 auto;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chapter-info p{font-size:.9rem;color:#666;margin:0;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chapter-stats{font-size:.9rem;color:#666;margin:0;flex:0 0 auto;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;align-self:center;text-align:right;min-width:150px}.question-type-module{background-color:#fff;padding:1.5rem;border-radius:8px;box-shadow:0 2px 8px #0000001a}.question-type-module h3{margin-bottom:1rem;font-size:1.2rem}.question-type-module .type-item{display:flex;flex-direction:column;gap:.5rem}.question-type-module .type-info{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid #f0f0f0}.question-type-module .type-name{font-weight:600;flex:1}.question-type-module .type-rate{font-weight:600;color:#3498db;flex:1;text-align:center}.question-type-module .type-count{font-size:.9rem;color:#666;flex:1;text-align:right}.question-type-module .type-chart{display:flex;flex-direction:row;gap:1rem;justify-content:space-between;flex-wrap:wrap}.question-type-module .type-item{flex:1;min-width:200px;background-color:#f8f9fa;padding:1rem;border-radius:8px;box-shadow:0 1px 4px #0000001a}.question-type-module .type-info{display:flex;flex-direction:column;gap:.5rem;align-items:center;text-align:center;border-bottom:none;padding:0}.question-type-module .type-name{font-size:1.1rem;font-weight:700;color:#333;flex:none}.question-type-module .type-rate{font-size:1.3rem;font-weight:700;color:#3498db;flex:none}.question-type-module .type-count{font-size:.9rem;color:#666;flex:none;text-align:center}.type-chart{display:flex;flex-direction:column;gap:1rem}.type-item{display:flex;flex-direction:column;gap:.5rem}.type-info{display:flex;justify-content:space-between;align-items:center}.type-name{font-weight:600}.type-rate{font-weight:600;color:#3498db}.type-bar{height:8px;background-color:#f0f0f0;border-radius:4px;overflow:hidden}.type-count{font-size:.8rem;color:#666;text-align:right}.difficulty-module{background-color:#fff;padding:1.5rem;border-radius:8px;box-shadow:0 2px 8px #0000001a}.difficulty-module h3{margin-bottom:1rem;font-size:1.2rem}.difficulty-module .difficulty-item{display:flex;flex-direction:column;gap:.5rem}.difficulty-module .difficulty-info{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid #f0f0f0}.difficulty-module .difficulty-name{font-weight:600;flex:1}.difficulty-module .difficulty-rate{font-weight:600;color:#27ae60;flex:1;text-align:center}.difficulty-module .difficulty-count{font-size:.9rem;color:#666;flex:1;text-align:right}.difficulty-module .difficulty-chart{display:flex;flex-direction:row;gap:1rem;justify-content:space-between;flex-wrap:wrap}.difficulty-module .difficulty-item{flex:1;min-width:200px;background-color:#f8f9fa;padding:1rem;border-radius:8px;box-shadow:0 1px 4px #0000001a}.difficulty-module .difficulty-info{display:flex;flex-direction:column;gap:.5rem;align-items:center;text-align:center;border-bottom:none;padding:0}.difficulty-module .difficulty-name{font-size:1.1rem;font-weight:700;color:#333;flex:none}.difficulty-module .difficulty-rate{font-size:1.3rem;font-weight:700;color:#27ae60;flex:none}.difficulty-module .difficulty-count{font-size:.9rem;color:#666;flex:none;text-align:center}.difficulty-chart{display:flex;flex-direction:column;gap:1rem}.difficulty-item{display:flex;flex-direction:column;gap:.5rem}.difficulty-info{display:flex;justify-content:space-between;align-items:center}.difficulty-name{font-weight:600}.difficulty-rate{font-weight:600;color:#27ae60}.difficulty-bar{height:8px;background-color:#f0f0f0;border-radius:4px;overflow:hidden}.difficulty-fill{height:100%;background-color:#27ae60;border-radius:4px;transition:width .5s ease}.difficulty-count{font-size:.8rem;color:#666;text-align:right}.habits-module{background-color:#fff;padding:1.5rem;border-radius:8px;box-shadow:0 2px 8px #0000001a}.habits-module h3{margin-bottom:1rem;font-size:1.2rem}.habits-info{display:flex;flex-direction:column;gap:1rem}.habit-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background-color:#f8f9fa;border-radius:6px}.habit-label{font-weight:600}.habit-value{font-weight:600;color:#e67e22}.learning-suggestions-module{background-color:#fff;padding:.5rem;border-radius:8px;box-shadow:0 2px 8px #0000001a}.learning-suggestions-module h3{margin-bottom:.35rem;font-size:1.1rem;color:#333}.suggestions-list{display:flex;flex-direction:column;gap:.5rem}.suggestion-item{padding:.5rem;border-radius:8px;border-left:4px solid #3498db;background-color:#f8f9fa;transition:all .3s;display:flex;align-items:center;gap:.75rem;flex-wrap:nowrap;justify-content:flex-start}.suggestion-item:hover{transform:translateY(-2px);box-shadow:0 2px 8px #0000001a}.suggestion-item.priority-高{border-left-color:#e74c3c}.suggestion-item.priority-中{border-left-color:#f39c12}.suggestion-header{display:flex;align-items:center;gap:.5rem;margin-bottom:0;flex:0 0 120px}.suggestion-type{font-weight:600;color:#333}.suggestion-priority{padding:.25rem .75rem;border-radius:12px;font-size:.8rem;font-weight:600}.suggestion-priority.高{background-color:#ffebee;color:#e74c3c}.suggestion-priority.中{background-color:#fff3e0;color:#f39c12}.suggestion-content{flex:1;display:flex;align-items:center;gap:1rem;flex-wrap:nowrap;min-width:0}.suggestion-content h4{font-size:1rem;font-weight:600;color:#333;margin:0;flex:1;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.suggestion-content h4 .suggestion-reason{font-size:.9rem;font-weight:400;color:#666;margin-left:.75rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.suggestion-content button{align-self:flex-start}.suggestion-action{display:inline-block;padding:.5rem 1rem;background-color:#f0f8ff;color:#3498db;border-radius:4px;font-weight:600;margin-top:.5rem;font-size:.9rem}.entry-item{background-color:#fff;padding:1.5rem;border-radius:8px;box-shadow:0 2px 8px #0000001a;text-align:center;transition:transform .3s;cursor:pointer;position:relative}.entry-item:hover{transform:translateY(-5px);box-shadow:0 4px 12px #00000026}.entry-icon{font-size:2rem;margin-bottom:1rem}.entry-item h3{font-size:1.1rem;font-weight:700;color:#333;margin-bottom:.5rem}.entry-item p{color:#666;margin:0 0 1rem}.entry-badge{position:absolute;top:1rem;right:1rem;background:#3498db;color:#fff;padding:.3rem .6rem;border-radius:12px;font-size:.8rem;font-weight:600}.time-dimension{background-color:#fff;padding:1.5rem;border-radius:8px;box-shadow:0 2px 8px #0000001a}.time-tabs{display:flex;gap:1rem;margin:1rem 0}.time-tabs .tab-btn{padding:.7rem 1.25rem;border:2px solid #ddd;background-color:#fff;border-radius:20px;cursor:pointer;transition:all .3s ease;white-space:nowrap;font-size:.9rem;position:relative;overflow:hidden}.time-tabs .tab-btn:hover{background-color:#f8f9fa;transform:translateY(-1px);box-shadow:0 2px 4px #0000001a;border-color:#3498db}.time-tabs .tab-btn:active{transform:translateY(0);box-shadow:0 1px 2px #0000001a}.time-tabs .tab-btn.active{background-color:#3498db!important;color:#fff!important;border-color:#3498db!important;font-weight:600!important;box-shadow:0 4px 12px #3498db80!important;transform:translateY(-3px)!important;border:2px solid #3498db!important;outline:2px solid rgba(52,152,219,.3)!important;outline-offset:2px!important;animation:pulse .5s ease-in-out!important}@keyframes pulse{0%{box-shadow:0 4px 12px #3498db80}50%{box-shadow:0 6px 16px #3498dbb3}to{box-shadow:0 4px 12px #3498db80}}.time-charts{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:1.5rem;margin-top:1rem}.chart-wrapper h5{text-align:center;margin-bottom:1rem;color:#333}.question-type-dimension{background-color:#fff;padding:1.5rem;border-radius:8px;box-shadow:0 2px 8px #0000001a}.type-chart{margin-top:1rem;display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem}.type-item{display:flex;align-items:center;gap:1rem}.type-info{width:100px}.type-name{display:block;font-weight:500;color:#333}.type-rate{font-weight:700;color:#3498db}.type-bar{flex:1;height:8px;background-color:#f0f0f0;border-radius:4px;overflow:hidden}.type-fill{height:100%;background-color:#3498db;border-radius:4px;transition:width .5s ease}.type-count{width:80px;text-align:right;color:#666}.difficulty-dimension{background-color:#fff;padding:1.5rem;border-radius:8px;box-shadow:0 2px 8px #0000001a}.difficulty-chart{margin-top:1rem;display:flex;flex-direction:column;gap:1rem}.difficulty-item{display:flex;align-items:center;gap:1rem}.difficulty-info{width:100px}.difficulty-name{display:block;font-weight:500;color:#333}.difficulty-rate{font-weight:700;color:#3498db}.difficulty-bar{flex:1;height:8px;background-color:#f0f0f0;border-radius:4px;overflow:hidden}.difficulty-fill{height:100%;background-color:#3498db;border-radius:4px;transition:width .5s ease}.difficulty-count{width:80px;text-align:right;color:#666}.efficiency-dimension{background-color:#fff;padding:1.5rem;border-radius:8px;box-shadow:0 2px 8px #0000001a}.efficiency-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-top:1rem}.efficiency-item h5{color:#666;margin-bottom:.5rem}.efficiency-value{font-size:1.5rem;font-weight:700;color:#333;margin:0}.filter-section{display:flex;gap:1rem;align-items:center;flex-wrap:wrap}.filter-select{padding:.5rem;border:1px solid #ddd;border-radius:4px;font-size:1rem}.filter-checkbox{display:flex;align-items:center;gap:.5rem}.chapters-table{background-color:#fff;padding:1.5rem;border-radius:8px;box-shadow:0 2px 8px #0000001a;overflow-x:auto}.chapters-table table{width:100%;border-collapse:collapse}.chapters-table th,.chapters-table td{padding:1rem;text-align:left;border-bottom:1px solid #e0e0e0}.chapters-table th{background-color:#f8f9fa;font-weight:700;color:#333}.chapters-table tr:hover{background-color:#f8f9fa}.chapters-table tr.weak-chapter{background-color:#f8d7da}.mastery-level{padding:.2rem .8rem;border-radius:10px;font-size:.9rem;font-weight:700}.mastery-level.mastered{background-color:#d4edda;color:#155724}.mastery-level.review{background-color:#fff3cd;color:#856404}.mastery-level.weak{background-color:#f8d7da;color:#721c24}.error-overview{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem}.overview-item{background-color:#fff;padding:.5rem;border-radius:8px;box-shadow:0 2px 8px #0000001a;text-align:center;min-height:70px;display:flex;flex-direction:column;justify-content:center;gap:.25rem}.overview-item h4{font-size:1rem;color:#666;margin:0}.overview-value{font-size:1.3rem;font-weight:700;color:#333;margin:0}.error-filter{display:flex;gap:.75rem;flex-wrap:wrap;align-items:center}.error-list{display:flex;flex-direction:column;gap:1rem}.error-item{background-color:#fff;padding:1rem;border-radius:8px;box-shadow:0 2px 8px #0000001a}.error-header{display:flex;gap:.75rem;margin-bottom:.75rem;flex-wrap:wrap}.error-subject,.error-chapter,.error-type{background-color:#f8f9fa;padding:.2rem .8rem;border-radius:10px;font-size:.9rem}.error-status{padding:.2rem .8rem;border-radius:10px;font-size:.9rem;font-weight:700}.error-status.done{background-color:#d4edda;color:#155724}.error-status.pending{background-color:#fff3cd;color:#856404}.error-content{margin-bottom:1rem}.error-question{font-weight:500;color:#333;margin-bottom:.5rem}.error-answer{color:#666;margin-bottom:.5rem}.error-analysis{color:#666;margin:0}.error-actions{display:flex;justify-content:flex-end}.high-frequency-errors{background-color:#fff;padding:1rem;border-radius:8px;box-shadow:0 2px 8px #0000001a}.knowledge-list{margin-top:1rem;display:flex;flex-direction:column;gap:1rem}.knowledge-item{display:flex;align-items:center;gap:1rem;padding:1rem;background-color:#f8f9fa;border-radius:8px}.knowledge-rank{width:30px;height:30px;background-color:#3498db;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700}.knowledge-name{flex:1;font-weight:500;color:#333}.knowledge-count{color:#666}.exam-list{display:flex;flex-direction:column;gap:1rem}.exam-item{background-color:#fff;padding:1rem;border-radius:8px;box-shadow:0 2px 8px #0000001a;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.75rem}.exam-info{display:flex;gap:1rem;flex-wrap:wrap}.exam-date,.exam-score,.exam-pass-line{color:#666}.exam-status{padding:.2rem .8rem;border-radius:10px;font-size:.9rem;font-weight:700}.exam-status.pass{background-color:#d4edda;color:#155724}.exam-status.fail{background-color:#f8d7da;color:#721c24}.score-trend{background-color:#fff;padding:1rem;border-radius:8px;box-shadow:0 2px 8px #0000001a}.study-plan-page{display:flex;flex-direction:column;gap:2rem}.countdown{background-color:#fff;padding:1.5rem;border-radius:8px;box-shadow:0 2px 8px #0000001a}.countdown h4{margin-bottom:1rem;font-size:1.2rem}.countdown-info{display:flex;justify-content:space-between;align-items:center;gap:2rem}.countdown-days{display:flex;align-items:baseline;gap:.5rem}.days-number{font-size:3rem;font-weight:700;color:#e74c3c}.days-label{font-size:1.2rem;color:#666}.countdown-details{flex:1;display:flex;flex-direction:column;gap:.5rem}.exam-date{font-weight:600;color:#333}.study-progress{font-weight:600;color:#3498db}.daily-review{background-color:#fff;padding:1.5rem;border-radius:8px;box-shadow:0 2px 8px #0000001a}.daily-review h4{margin-bottom:1rem;font-size:1.2rem}.review-list{display:flex;flex-direction:column;gap:1rem;margin-bottom:1rem}.review-item{display:flex;align-items:center;gap:1rem;padding:1rem;background-color:#f9f9f9;border-radius:6px}.review-item input[type=checkbox]{width:18px;height:18px;cursor:pointer}.review-item label{flex:1;cursor:pointer;font-size:1rem}.review-stats{display:flex;justify-content:space-between;align-items:center;padding-top:1rem;border-top:1px solid #e0e0e0}.forgetting-curve{background-color:#fff;padding:1.5rem;border-radius:8px;box-shadow:0 2px 8px #0000001a}.forgetting-curve h4{margin-bottom:1rem;font-size:1.2rem}.curve-list{display:flex;flex-direction:column;gap:1rem}.curve-item{display:flex;align-items:center;gap:1rem;padding:1rem;background-color:#f9f9f9;border-radius:6px}.curve-days{font-weight:600;min-width:60px}.curve-count{min-width:80px}.curve-status{flex:1;font-weight:600}.curve-status.completed{color:#4caf50}.curve-status.pending{color:#f39c12}.check-in-calendar{background-color:#fff;padding:.8rem;border-radius:12px;box-shadow:0 2px 8px #0000001a;transition:all .3s ease;flex:1;display:flex;flex-direction:column}.check-in-calendar:hover{box-shadow:0 4px 12px #00000026}.check-in-calendar h4{margin-bottom:.8rem;font-size:1.1rem;color:#333;font-weight:600}.calendar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.8rem;padding-bottom:.4rem;border-bottom:1px solid #f0f0f0;flex-wrap:wrap;gap:.4rem}.calendar-header span{font-size:1rem;font-weight:600;color:#333}.calendar-stats{display:flex;gap:.6rem;font-size:.8rem;color:#666}.calendar-stats span{font-size:.8rem;font-weight:500;color:#666}.calendar-weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:.2rem;margin-bottom:.6rem}.weekday{text-align:center;font-weight:600;color:#666;font-size:1rem;padding:.2rem;border-radius:4px;background-color:#f8f9fa}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:.1rem;margin-bottom:.8rem;flex:1;min-height:0}.calendar-day{aspect-ratio:1;display:flex;align-items:center;justify-content:center;border-radius:4px;font-size:1.1rem;font-weight:500;transition:all .3s ease;position:relative;border:1px solid #e0e0e0;overflow:hidden;min-height:32px;max-height:36px;text-align:center;line-height:1;padding:0;width:100%;height:100%;box-sizing:border-box}.calendar-day:hover{background-color:#f8f9fa;transform:translateY(-1px);box-shadow:0 2px 4px #0000001a;border-color:#3498db;cursor:pointer}.calendar-day.checked-in{background-color:#3498db;color:#fff;font-weight:600;border:none;box-shadow:0 2px 6px #3498db66;animation:checkInAnimation .5s ease-in-out}.calendar-day.checked-in:after{content:"✓";position:absolute;bottom:1px;right:1px;font-size:.5rem;opacity:.8}.calendar-day.today{background-color:#27ae60;color:#fff;font-weight:600;border:none;box-shadow:0 2px 6px #27ae6066;position:relative}.calendar-day.today:before{content:"";position:absolute;top:1px;right:1px;width:3px;height:3px;background-color:#fff;border-radius:50%}.calendar-day.other-month{color:#ccc;background-color:#f9f9f9}.calendar-day.other-month:hover{background-color:#f0f0f0;border-color:#e0e0e0}.check-in-btn{width:100%;margin-top:.6rem;padding:.6rem;font-size:.9rem;font-weight:600;transition:all .3s ease;border-radius:6px;position:relative;overflow:hidden}.check-in-btn:hover{transform:translateY(-1px);box-shadow:0 4px 8px #3498db66;background-color:#2980b9}.check-in-btn:active{transform:translateY(0);box-shadow:0 2px 4px #3498db66}.check-in-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.check-in-btn:hover:before{left:100%}@keyframes checkInAnimation{0%{transform:scale(.8);opacity:0}50%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}.learning-goals{background-color:#fff;padding:1.5rem;border-radius:8px;box-shadow:0 2px 8px #0000001a}.learning-goals h4{margin-bottom:1rem;font-size:1.2rem}.goals-list{display:flex;flex-direction:column;gap:1rem}.goal-item{padding:1rem;background-color:#f9f9f9;border-radius:6px}.goal-item h5{margin:0 0 .5rem;font-size:1rem;color:#333}.goal-item p{margin:0 0 1rem;font-size:.9rem;color:#666;line-height:1.4}.goal-progress{display:flex;align-items:center;gap:1rem}.goal-bar{flex:1;height:8px;background-color:#f0f0f0;border-radius:4px;overflow:hidden}.goal-fill{height:100%;background-color:#3498db;border-radius:4px;transition:width .5s ease}.register-page{min-height:80vh;display:flex;align-items:center;justify-content:center;padding:2rem;background:linear-gradient(135deg,#f5f7fa,#c3cfe2)}.register-container{background-color:#fff;padding:3rem;border-radius:12px;box-shadow:0 10px 30px #0000001a;width:100%;max-width:450px;transition:transform .3s ease,box-shadow .3s ease}.register-container:hover{transform:translateY(-5px);box-shadow:0 15px 35px #00000026}.register-container h2{text-align:center;margin-bottom:2rem;color:#333;font-size:1.8rem;font-weight:600}.register-form{display:flex;flex-direction:column;gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-weight:500;color:#555;font-size:.95rem}.form-group input{padding:1rem;border:1px solid #ddd;border-radius:6px;font-size:1rem;transition:border-color .3s ease,box-shadow .3s ease}.form-group input:focus{outline:none;border-color:#3498db;box-shadow:0 0 0 3px #3498db1a}.error-message{background-color:#f8d7da;color:#721c24;padding:1rem;border-radius:6px;margin-bottom:1rem;text-align:center;font-size:.95rem}.success-message{background-color:#d4edda;color:#155724;padding:1rem;border-radius:6px;margin-bottom:1rem;text-align:center;font-size:.95rem}.register-form button{padding:1rem;background-color:#3498db;color:#fff;border:none;border-radius:6px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:background-color .3s ease,transform .3s ease;margin-top:1rem}.register-form button:hover{background-color:#2980b9;transform:translateY(-2px);box-shadow:0 4px 12px #3498db4d}.register-form button:active{transform:translateY(0)}.register-form button:disabled{background-color:#95a5a6;cursor:not-allowed;transform:none;box-shadow:none}.login-link{text-align:center;margin-top:2rem;font-size:.95rem;color:#666}.login-link a{color:#3498db;text-decoration:none;font-weight:500;transition:color .3s ease}.login-link a:hover{color:#2980b9;text-decoration:underline}.login-page{min-height:80vh;display:flex;align-items:center;justify-content:center;padding:2rem;background:linear-gradient(135deg,#f5f7fa,#c3cfe2)}.login-container{background-color:#fff;padding:3rem;border-radius:12px;box-shadow:0 10px 30px #0000001a;width:100%;max-width:450px;transition:transform .3s ease,box-shadow .3s ease}.login-container:hover{transform:translateY(-5px);box-shadow:0 15px 35px #00000026}.login-container h2{text-align:center;margin-bottom:2rem;color:#333;font-size:1.8rem;font-weight:600}.login-form{display:flex;flex-direction:column;gap:1.5rem}.remember-group{flex-direction:row;align-items:center;justify-content:flex-start;gap:.5rem}.remember-group input{width:auto;margin-top:.2rem}.register-link{text-align:center;margin-top:2rem;font-size:.95rem;color:#666}.register-link a{color:#3498db;text-decoration:none;font-weight:500;transition:color .3s ease}.register-link a:hover{color:#2980b9;text-decoration:underline}@media (max-width: 768px){.register-container,.login-container{padding:2rem;max-width:90%}.register-page,.login-page{padding:1rem}.data-cards,.bottom-entries{grid-template-columns:repeat(2,1fr)}.time-charts{grid-template-columns:1fr}.filter-section,.error-header,.exam-item,.exam-info,.curve-item{flex-direction:column;align-items:flex-start}.calendar-grid{grid-template-columns:repeat(7,1fr)}.calendar-day{width:30px;height:30px;font-size:.8rem}@media (max-width: 480px){.data-cards,.bottom-entries{grid-template-columns:1fr}}.methods-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem}.method-card{min-height:160px;padding:1rem}.method-card h4{font-size:1rem}.method-card p{font-size:.8rem}.action-icon{font-size:1.5rem}.header-container{padding:1rem}.nav{gap:1rem}.content-header{flex-direction:column;align-items:flex-start;gap:.5rem}.content-header h3{font-size:1.1rem}.search-sort-section{padding:.8rem}.sort-buttons{flex-direction:column}.notes-list,.wrong-questions-list{gap:.5rem}.note-card,.wrong-question-card{padding:.8rem}.note-header,.wrong-question-header{flex-direction:column;align-items:flex-start;gap:.5rem}.note-actions,.wrong-question-actions{flex-direction:column;gap:.5rem}.note-actions .btn,.wrong-question-actions .btn{width:100%}}@media (max-width: 480px){.methods-grid{grid-template-columns:1fr}.method-card{min-height:140px}.header-container{flex-direction:column;gap:1rem;align-items:flex-start}.nav{flex-wrap:wrap}.page-header h1{font-size:1.5rem}.page-header p{font-size:1rem}.content-header{flex-direction:column;align-items:flex-start}.content-header h3{font-size:1rem}.search-sort-section .search-box input{font-size:.8rem}.sort-buttons .btn{font-size:.8rem;padding:.4rem .6rem}}.materials-page{padding:2rem 0;width:100vw;min-height:100vh;box-sizing:border-box;margin:0;overflow-x:hidden;background-color:#f5f7fa}.materials-tabs{display:flex;gap:1rem;margin-bottom:.5rem;overflow-x:auto;padding:.5rem 0}.materials-tabs .tab-btn{padding:.8rem 1.5rem;border:1px solid #ddd;background-color:#fff;border-radius:20px;cursor:pointer;transition:all .3s;white-space:nowrap}.materials-tabs .tab-btn:hover{background-color:#f8f9fa}.materials-tabs .tab-btn.active{background-color:#3498db;color:#fff;border-color:#3498db;font-weight:600;box-shadow:0 2px 8px #3498db66;transform:translateY(-1px)}.materials-content{min-height:600px}.materials-home{display:flex;flex-direction:column;gap:2rem}.materials-header{background-color:#fff;padding:1.5rem;border-radius:8px;box-shadow:0 2px 8px #0000001a}.search-box{display:flex;gap:.5rem;margin-bottom:1.5rem}.search-box .search-input{flex:1;padding:.8rem 1rem;border:1px solid #ddd;border-radius:4px;font-size:1rem}.search-btn{background-color:#3498db;color:#fff;border:none;padding:0 1.5rem;border-radius:4px;cursor:pointer;transition:background-color .3s;font-size:1.2rem}.search-btn:hover{background-color:#2980b9}.category-tags{display:flex;gap:1rem;flex-wrap:wrap}.tag{padding:.5rem 1rem;background-color:#f8f9fa;border-radius:20px;cursor:pointer;transition:all .3s;white-space:nowrap;font-size:.9rem}.tag:hover{background-color:#e9ecef}.tag.active{background-color:#3498db;color:#fff}.materials-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.material-cover{font-size:3rem;text-align:center;margin-bottom:1rem}.material-cover.large{font-size:4rem;margin-right:2rem}.material-title{font-size:1.1rem;font-weight:700;color:#333;margin-bottom:1rem}.material-meta{display:flex;gap:1rem;margin-bottom:1rem;flex-wrap:wrap}.material-subject{background-color:#f8f9fa;padding:.2rem .8rem;border-radius:10px;font-size:.9rem}.material-price{padding:.2rem .8rem;border-radius:10px;font-size:.9rem;font-weight:700}.material-price.free{background-color:#d4edda;color:#155724}.material-price.member{background-color:#fff3cd;color:#856404}.material-tags{display:flex;gap:.5rem;margin-bottom:1rem;flex-wrap:wrap}.material-stats{display:flex;justify-content:space-between;margin-bottom:1.5rem;color:#666;font-size:.9rem}.material-actions{display:flex;gap:1rem}.bottom-entries{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem}.bottom-entries .entry-item{background-color:#fff;padding:1.5rem;border-radius:8px;box-shadow:0 2px 8px #0000001a;text-align:center;transition:transform .3s}.bottom-entries .entry-item:hover{transform:translateY(-5px);box-shadow:0 4px 12px #00000026}.bottom-entries .entry-icon{font-size:2rem;margin-bottom:1rem}.bottom-entries h4{font-size:1.1rem;font-weight:700;color:#333;margin-bottom:.5rem}.bottom-entries p{color:#666;margin-bottom:1.5rem}.material-detail{background-color:#fff;padding:1.5rem;border-radius:8px;box-shadow:0 2px 8px #0000001a}.back-btn{background:none;border:none;color:#3498db;font-size:1rem;cursor:pointer;margin-bottom:2rem;padding:0}.back-btn:hover{text-decoration:underline}.detail-header{display:flex;gap:2rem;margin-bottom:2rem;flex-wrap:wrap}.detail-info{flex:1;min-width:300px}.detail-info h2{font-size:1.5rem;font-weight:700;color:#333;margin-bottom:1rem}.detail-meta{display:flex;gap:1rem;margin-bottom:1rem;flex-wrap:wrap}.update-time{color:#666;font-size:.9rem}.description{color:#666;margin-bottom:1.5rem;line-height:1.6}.detail-actions{display:flex;gap:1rem;flex-wrap:wrap}.detail-content{border-top:1px solid #e0e0e0;padding-top:2rem}.detail-content h3{font-size:1.2rem;font-weight:700;color:#333;margin-bottom:1rem}.content-preview{background-color:#f8f9fa;padding:1.5rem;border-radius:8px;border-left:4px solid #3498db}.content-preview p{color:#333;line-height:1.6;margin-bottom:1rem}.member-only{background-color:#fff3cd;padding:1rem;border-radius:8px;margin-top:1rem;text-align:center}.member-only p{color:#856404;margin-bottom:1rem}.my-materials{display:flex;flex-direction:column;gap:2rem}.unlocked-materials,.favorites,.download-history{background-color:#fff;padding:1.5rem;border-radius:8px;box-shadow:0 2px 8px #0000001a;height:auto!important;line-height:normal!important}.unlocked-materials h4,.favorites h4,.download-history h4{font-size:1.2rem;font-weight:700;color:#333;margin-bottom:1rem;border-bottom:1px solid #e0e0e0;padding-bottom:.5rem}.materials-list{display:flex;flex-direction:column;gap:1rem}.material-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;background-color:#f8f9fa;border-radius:8px;transition:all .3s;flex-wrap:wrap;gap:1rem;height:auto!important;line-height:normal!important}.material-item .material-actions{display:flex;gap:.5rem;align-items:center}.material-item:hover{background-color:#e9ecef}.material-info h5{font-size:1rem;font-weight:500;color:#333;margin-bottom:.5rem}.material-info p{color:#666;font-size:.9rem;margin:0}.cache-cleanup{background-color:#fff;padding:1.5rem;border-radius:8px;box-shadow:0 2px 8px #0000001a}.cache-cleanup p{color:#666;margin-bottom:1.5rem}.danger-btn{background-color:#e74c3c;color:#fff;border:none;padding:.8rem 1.5rem;border-radius:4px;cursor:pointer;transition:background-color .3s}.material-categories-page{display:flex;flex-direction:column;gap:2rem}.exam-categories,.type-categories{background-color:#fff;padding:1.5rem;border-radius:8px;box-shadow:0 2px 8px #0000001a}.exam-categories h4,.type-categories h4{font-size:1.2rem;font-weight:700;color:#333;margin-bottom:1.5rem;border-bottom:1px solid #e0e0e0;padding-bottom:.5rem}.categories-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1.5rem}.category-card{background-color:#f8f9fa;padding:1.5rem;border-radius:8px;text-align:center;transition:transform .3s;cursor:pointer}.category-card:hover{transform:translateY(-5px);box-shadow:0 4px 12px #00000026;background-color:#e9ecef}.category-card.active{background-color:#3498db;color:#fff;border:2px solid #3498db}.category-card.active h5{color:#fff}.category-card.active p{color:#ffffffe6}.category-card.active:hover{background-color:#2980b9}.category-card h5{font-size:1.1rem;font-weight:700;color:#333;margin-bottom:.5rem}.cascading-filter{background-color:#f8f9fa;padding:.75rem;border-radius:6px;margin:0}.cascading-filter h4{margin:0 0 .5rem;font-size:1rem;font-weight:600;color:#333}.exam-categories{margin:0;padding:0}.materials-tabs{margin-bottom:.25rem}.filter-row{gap:.5rem;margin-bottom:.5rem}.filter-select{padding:.5rem .75rem;font-size:.9rem;min-width:120px;max-width:180px}.filter-selection{margin-top:.5rem;padding-top:.5rem}.filter-selection p{font-size:.9rem}.filter-selection button{font-size:.8rem;padding:.375rem .75rem}.material-categories-page{padding:1rem 2rem;max-width:1200px;margin:0 auto;min-height:600px}@media (max-width: 768px){.material-categories-page{padding:1rem}.material-categories-page h3{font-size:1.5rem;margin-bottom:1.5rem}.cascading-filter{margin-bottom:1rem}}.filter-row{display:flex;gap:1rem;margin-bottom:1rem;flex-wrap:wrap}.filter-select{padding:.75rem 1rem;border:1px solid #ddd;border-radius:4px;font-size:1rem;background-color:#fff;min-width:150px;flex:1;max-width:200px}.filter-select:focus{outline:none;border-color:#3498db;box-shadow:0 0 0 2px #3498db33}.filter-select:disabled{background-color:#f5f5f5;color:#6c757d;cursor:not-allowed}.filter-selection{margin-top:1rem;padding-top:1rem;border-top:1px solid #ddd;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.filter-selection p{margin:0;color:#3498db;font-weight:500}.filter-selection button{white-space:nowrap}.category-card p{color:#666;margin-bottom:1.5rem}.filter-options{background-color:#fff;padding:1.5rem;border-radius:8px;box-shadow:0 2px 8px #0000001a}.filter-options h4{font-size:1.2rem;font-weight:700;color:#333;margin-bottom:1rem;border-bottom:1px solid #e0e0e0;padding-bottom:.5rem}.filter-tags{display:flex;gap:1rem;flex-wrap:wrap}.filter-tag{padding:.5rem 1rem;background-color:#f8f9fa;border-radius:20px;cursor:pointer;transition:all .3s;white-space:nowrap;font-size:.9rem}.filter-tag:hover{background-color:#e9ecef}.filter-tag.active{background-color:#3498db;color:#fff}.directory-management{padding:2rem;background-color:#f5f5f5;min-height:100vh}.directory-management-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid #e0e0e0}.directory-management-header h3{font-size:1.5rem;color:#333;margin:0}.add-category-btn{background-color:#3498db;color:#fff;border:none;padding:.8rem 1.5rem;border-radius:4px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s}.add-category-btn:hover{background-color:#2980b9;transform:translateY(-2px);box-shadow:0 4px 8px #3498db4d}.directory-tree{background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:2rem}.directory-category{margin-bottom:1.5rem;border:1px solid #f0f0f0;border-radius:8px;overflow:hidden;box-shadow:0 1px 3px #0000000d;transition:all .3s;cursor:grab;border:2px solid transparent}.directory-category:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px);border-color:#3498db}.directory-category.dragging{opacity:.5;cursor:grabbing;transform:scale(1.02)}.directory-category.drag-over{border-color:#3498db;border-width:2px;background-color:#f0f8ff;box-shadow:0 4px 12px #3498db4d}.category-header-with-actions{display:flex;justify-content:space-between;align-items:center;padding:1.2rem 1.5rem;background-color:#f8f9fa;cursor:pointer;transition:all .3s;border-bottom:1px solid #e9ecef}.category-header-with-actions:hover{background-color:#e9ecef;transform:translateY(-1px);box-shadow:0 2px 4px #00000014}.directory-toggle{display:flex;align-items:center;gap:.75rem;flex:1}.toggle-icon{font-size:1.2rem;color:#666;transition:all .3s ease;min-width:20px;text-align:center;font-weight:700}.toggle-icon:before{content:"▶";display:inline-block;transition:all .3s ease}.toggle-icon.expanded:before{content:"▼";transform:rotate(0);color:#3498db}.toggle-icon:hover:before{color:#3498db;transform:scale(1.1)}.directory-toggle h4{margin:0;font-size:1.1rem;color:#333;font-weight:600}.directory-toggle h5{margin:0;font-size:1rem;color:#444;font-weight:500}.directory-toggle h6{margin:0;font-size:.9rem;color:#555;font-weight:500}.directory-actions{display:flex;gap:.75rem;align-items:center;flex-shrink:0}.add-subdir-btn,.edit-btn,.delete-btn{padding:.5rem 1rem;border:none;border-radius:4px;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .3s;min-width:70px;text-align:center}.add-subdir-btn.green-btn{background-color:#27ae60;color:#fff}.add-subdir-btn.green-btn:hover{background-color:#229954;transform:translateY(-1px);box-shadow:0 2px 4px #27ae604d}.edit-btn.blue-btn{background-color:#3498db;color:#fff}.edit-btn.blue-btn:hover{background-color:#2980b9;transform:translateY(-1px);box-shadow:0 2px 4px #3498db4d}.delete-btn.red-btn{background-color:#e74c3c;color:#fff}.delete-btn.red-btn:hover{background-color:#c0392b;transform:translateY(-1px);box-shadow:0 2px 4px #e74c3c4d}.directory-level-1{margin-left:2rem;margin-top:.75rem;margin-bottom:.75rem}.directory-level-2{margin-left:4rem;margin-top:.75rem;margin-bottom:.75rem}.directory-level-3{margin-left:6rem;margin-top:.75rem;margin-bottom:.75rem}.directory-level-4{margin-left:8rem;margin-top:.5rem;margin-bottom:.5rem}.directory-level-5{margin-left:10rem;margin-top:.5rem;margin-bottom:.5rem}.subdirectories-container{padding:.5rem 0}.directory-item{border:1px solid #f0f0f0;border-radius:6px;margin-bottom:.75rem;overflow:hidden;box-shadow:0 1px 2px #0000000d;transition:all .3s}.directory-item:hover{box-shadow:0 3px 6px #0000001a;transform:translateY(-1px)}.directory-header{display:flex;justify-content:space-between;align-items:center;padding:.9rem 1.2rem;background-color:#f9f9f9;cursor:pointer;transition:all .3s;border-left:3px solid #e0e0e0}.directory-header:hover{background-color:#f0f0f0;border-left-color:#3498db}.directory-name{font-size:.9rem;color:#555;font-weight:500}@media (max-width: 768px){.materials-grid,.categories-grid{grid-template-columns:1fr}.detail-header{flex-direction:column;align-items:center;text-align:center}.material-cover.large{margin-right:0}.material-actions{flex-direction:column}.detail-actions{justify-content:center}.material-item{flex-direction:column;align-items:flex-start}.category-tags,.filter-tags{flex-direction:column}.directory-management{padding:1rem}.directory-actions{flex-direction:column;align-items:flex-end}.directory-level-1,.directory-level-2,.directory-level-3{margin-left:1rem}.category-header-with-actions{flex-direction:column;align-items:flex-start;gap:.5rem}.directory-toggle{width:100%}.directory-actions{width:100%;flex-direction:row;justify-content:flex-start}}.function-item{display:flex;flex-direction:column;align-items:center;gap:.5rem;cursor:pointer;transition:transform .3s;padding:.5rem 1rem;border-radius:8px}.function-item:hover{transform:translateY(-3px);background-color:#f9f9f9}.function-icon{font-size:1.5rem}.function-name{font-size:.9rem;color:#333;font-weight:500}.questions-content{flex:1;padding:2rem}.left-section{width:300px;background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;overflow:hidden}.message-box{height:100%;display:flex;align-items:center;justify-content:center}.message-empty{color:#999;font-size:1rem}.right-section{flex:1;display:flex;flex-direction:column;gap:2rem}.stats-section{background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:1.5rem}.stats-header{margin-bottom:1rem;border-bottom:1px solid #e0e0e0;padding-bottom:.5rem}.stats-header h3{font-size:1.2rem;color:#333;margin:0}.stats-table{margin-bottom:1.5rem}.stats-row{display:flex;justify-content:space-between;padding:.5rem 0;border-bottom:1px solid #f0f0f0}.stats-row:last-child{border-bottom:none}.stats-label{color:#666;font-size:1rem}.stats-value{color:#333;font-weight:500}.stats-inputs{display:flex;gap:1rem;margin-top:1rem}.input-group{flex:1;display:flex;flex-direction:column;gap:.5rem}.input-group label{font-size:.9rem;color:#666}.stats-input{padding:.5rem;border:1px solid #ddd;border-radius:4px;font-size:1rem}.practice-methods{background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:1.5rem}.practice-methods h3{font-size:1.2rem;margin-bottom:1.5rem;color:#333;border-bottom:1px solid #e0e0e0;padding-bottom:.5rem}.methods-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem}.method-card{background-color:#f9f9f9;padding:1.5rem;border-radius:8px;text-align:center;transition:all .3s ease;box-shadow:0 2px 4px #0000001a;position:relative;cursor:pointer;min-height:180px;display:flex;flex-direction:column;justify-content:space-between}.method-card:hover{transform:translateY(-5px);box-shadow:0 8px 16px #0003;background-color:#f0f8ff}.method-card:hover h4{color:#3498db}.method-card:hover .action-icon{transform:scale(1.2);transition:transform .3s ease}.method-card:hover .btn{transform:translateY(-2px);box-shadow:0 4px 8px #3498db4d}.method-card h4{font-size:1.2rem;font-weight:700;color:#333;margin-bottom:.8rem}.method-card p{font-size:.9rem;color:#666;margin-bottom:1.2rem;flex:1}.method-actions{margin:1rem 0;display:flex;justify-content:center}.action-icon{font-size:2rem}.method-card .btn{width:100%;margin-top:.5rem}.sequence-practice-page{padding:20px;min-height:100vh;background-color:#f5f5f5}.sequence-practice-page .container{max-width:800px;margin:0 auto;background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;padding:30px}.sequence-practice-page h2{color:#333;margin-bottom:20px;text-align:center}.category-select{text-align:center;padding:40px 20px}.select-title{font-size:18px;color:#666;margin-bottom:30px}.category-list{display:flex;flex-direction:column;gap:15px;max-width:400px;margin:0 auto}.no-results{text-align:center;padding:60px 20px;color:#999;font-size:18px;grid-column:1 / -1}.category-item{padding:20px;background-color:#f0f8ff;border:2px solid #3498db;border-radius:8px;cursor:pointer;transition:all .3s ease;text-align:center}.category-item:hover{background-color:#3498db;color:#fff;transform:translateY(-2px);box-shadow:0 4px 8px #3498db4d}.category-name{font-size:18px;font-weight:700}.practice-container{width:100%}.practice-container .header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:10px;border-bottom:1px solid #e0e0e0}.practice-container .header h2{margin:0;font-size:24px}.practice-container .progress{font-size:16px;color:#666;background-color:#f0f0f0;padding:5px 15px;border-radius:20px}.practice-container .progress-bar{width:100%;height:10px;background-color:#e0e0e0;border-radius:5px;margin-bottom:30px;overflow:hidden}.practice-container .progress-fill{height:100%;background-color:#3498db;transition:width .3s ease}.question-card{background-color:#f9f9f9;padding:30px;border-radius:8px;margin-bottom:30px;box-shadow:0 2px 4px #0000001a}.question-number{font-size:14px;color:#666;margin-bottom:15px;display:block}.question-text{font-size:18px;color:#333;margin-bottom:25px;line-height:1.5}.options{margin-bottom:30px;display:flex;flex-direction:column;gap:10px}.option{display:flex;align-items:center;padding:15px;border:2px solid #e0e0e0;border-radius:8px;cursor:pointer;transition:all .3s ease}.option:hover,.option.selected{border-color:#3498db;background-color:#f0f8ff}.option.correct{border-color:#27ae60;background-color:#e8f5e8}.option.incorrect{border-color:#e74c3c;background-color:#fce8e6}.option-radio{width:20px;height:20px;border:2px solid #ddd;border-radius:50%;margin-right:15px;display:flex;align-items:center;justify-content:center}.option-radio.selected{background-color:#3498db;border-color:#3498db}.content-header{display:flex;align-items:center;margin-bottom:1rem;gap:.5rem}.content-header h3{flex:1;margin:0;font-size:1.2rem}.search-sort-section{background-color:#f9f9f9;padding:1rem;border-radius:8px;margin-bottom:1rem}.search-sort-section .search-box{margin-bottom:.5rem}.search-sort-section .search-box input{width:100%;padding:.5rem .8rem;border:1px solid #ddd;border-radius:4px;font-size:.9rem}.sort-buttons{display:flex;gap:.5rem}.sort-buttons .btn{flex:1;padding:.5rem .8rem;border:1px solid #ddd;border-radius:4px;background-color:#fff;color:#333;cursor:pointer;transition:all .3s;font-size:.9rem}.sort-buttons .btn:hover{background-color:#f0f8ff;border-color:#3498db}.sort-buttons .btn.active{background-color:#3498db;color:#fff;border-color:#3498db}.notes-list{display:flex;flex-direction:column;gap:.8rem}.note-card{background-color:#fff;padding:1rem;border-radius:8px;box-shadow:0 2px 4px #0000001a;cursor:pointer;transition:all .3s}.note-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.note-content h4{font-size:1.1rem;font-weight:700;color:#333;margin-bottom:.5rem;line-height:1.4}.note-preview{color:#666;margin-bottom:.5rem;line-height:1.4;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.note-date{font-size:.9rem;color:#999;margin-top:.5rem}.option-radio.correct{background-color:#27ae60;border-color:#27ae60}.option-radio.incorrect{background-color:#e74c3c;border-color:#e74c3c}.option-radio.selected:after,.option-radio.correct:after,.option-radio.incorrect:after{content:"";width:10px;height:10px;background-color:#fff;border-radius:50%}.option-letter{font-size:14px;font-weight:700;color:#666}.option-radio.selected .option-letter,.option-radio.correct .option-letter,.option-radio.incorrect .option-letter{color:#fff}.option-text{font-size:16px;color:#333;flex:1}.explanation{margin-top:20px;padding:15px;background-color:#f0f0f0;border-radius:8px;border-left:4px solid #3498db}.explanation-title{font-size:16px;font-weight:700;color:#3498db;margin-bottom:10px}.explanation-text{font-size:14px;color:#666;line-height:1.5}.navigation{display:flex;justify-content:space-between;align-items:center}.nav-btn{flex:1;padding:15px;border:2px solid #3498db;border-radius:8px;font-size:16px;font-weight:700;transition:all .3s ease;margin:0 10px;background-color:#fff;color:#3498db;cursor:pointer}.nav-btn.primary{background-color:#3498db;color:#fff}.nav-btn:hover{transform:translateY(-2px);box-shadow:0 4px 8px #3498db4d}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:999}.modal-content{background-color:#fff;padding:40px;border-radius:12px;box-shadow:0 4px 20px #0003;width:80%;max-width:500px;text-align:center}.modal-title{font-size:24px;font-weight:700;color:#333;margin-bottom:30px}.modal-text{font-size:18px;color:#666;margin-bottom:15px}.modal-buttons{display:flex;justify-content:space-between;margin-top:40px}.modal-btn{flex:1;padding:15px;border:2px solid #3498db;border-radius:8px;font-size:16px;font-weight:700;margin:0 10px;cursor:pointer;transition:all .3s ease}.modal-btn.primary{background-color:#3498db;color:#fff}.modal-btn:hover{transform:translateY(-2px);box-shadow:0 4px 8px #3498db4d}.header-actions{display:flex;align-items:center;gap:15px}.settings-btn{padding:8px 15px;background-color:#f0f0f0;border:1px solid #ddd;border-radius:5px;cursor:pointer;font-size:14px;transition:all .3s ease}.settings-btn:hover{background-color:#e0e0e0;transform:translateY(-1px)}.settings-panel{background-color:#f9f9f9;padding:20px;border-radius:8px;margin-bottom:30px;box-shadow:0 2px 4px #0000001a;border:1px solid #e0e0e0}.settings-panel h3{margin-top:0;margin-bottom:20px;color:#333;font-size:18px}.settings-group{margin-bottom:15px}.settings-group label{display:block;margin-bottom:5px;color:#666;font-size:16px}.setting-options{display:flex;gap:10px;margin-top:5px}.setting-option{padding:8px 15px;border:1px solid #ddd;border-radius:5px;background-color:#fff;cursor:pointer;transition:all .3s ease}.setting-option:hover{background-color:#f0f8ff;border-color:#3498db}.setting-option.active{background-color:#3498db;color:#fff;border-color:#3498db}.settings-group input[type=checkbox]{margin-right:8px;transform:scale(1.1)}.close-settings{margin-top:20px;padding:10px 20px;background-color:#3498db;color:#fff;border:none;border-radius:5px;cursor:pointer;font-size:14px;transition:all .3s ease}.close-settings:hover{background-color:#2980b9;transform:translateY(-1px)}.font-small .question-text{font-size:16px}.font-small .option-text{font-size:14px}.font-small .explanation-text{font-size:12px}.font-medium .question-text{font-size:18px}.font-medium .option-text{font-size:16px}.font-medium .explanation-text{font-size:14px}.font-large .question-text{font-size:20px}.font-large .option-text{font-size:18px}.font-large .explanation-text{font-size:16px}.method-card.featured{background-color:#f9f9f9;border:1px solid #e0e0e0;box-shadow:0 2px 4px #0000001a}.method-actions{margin:1rem 0}.action-icon{font-size:1.5rem}.method-card h4{font-size:1.1rem;font-weight:700;color:#333;margin-bottom:.5rem}.method-card p{font-size:.9rem;color:#666;margin-bottom:1rem}.method-card .feature-tag{position:absolute;top:-10px;right:-10px;background-color:#3498db;color:#fff;font-size:.7rem;padding:.2rem .6rem;border-radius:10px;z-index:1;font-weight:700}.method-card .feature-tag.hot{background-color:#e74c3c}.method-card .feature-tag.new{background-color:#27ae60}.method-card .feature-tag.recommended{background-color:#f39c12}.method-card.featured:before{display:none}.no-practice-methods{grid-column:1 / -1;text-align:center;padding:60px 20px;color:#999;font-size:1.1rem;background:#f9f9f9;border-radius:8px;box-shadow:0 2px 4px #0000001a}.function-card{grid-column:1 / -1;background-color:#f9f9f9;border:1px solid #e0e0e0;border-radius:8px;padding:1.5rem;box-shadow:0 2px 4px #0000001a;transition:transform .3s}.function-card:hover{transform:translateY(-5px);box-shadow:0 4px 8px #00000026}.function-card .top-functions{display:flex;justify-content:space-around;gap:1rem}.function-card .function-item{display:flex;flex-direction:column;align-items:center;gap:.5rem;cursor:pointer;transition:transform .3s;padding:.5rem 1rem;border-radius:8px;flex:1}.function-card .function-item:hover{transform:translateY(-3px);background-color:#f0f0f0}.function-card .function-icon{font-size:1.5rem}.function-card .function-name{font-size:.9rem;color:#333;font-weight:500;text-align:center}.hot-questions{background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:1.5rem}.hot-questions h3{font-size:1.2rem;margin-bottom:1.5rem;color:#333;border-bottom:1px solid #e0e0e0;padding-bottom:.5rem}.questions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem}.question-card{background-color:#f9f9f9;padding:1.5rem;border-radius:8px;box-shadow:0 2px 4px #0000001a;transition:transform .3s}.question-card:hover{transform:translateY(-5px);box-shadow:0 4px 8px #00000026}.my-questions{background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:1.5rem}.my-questions-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;border-bottom:1px solid #e0e0e0;padding-bottom:.5rem;flex-wrap:wrap;gap:1rem}.my-questions-header h3{font-size:1.2rem;margin:0;color:#333;flex-shrink:0}.subject-control{display:flex;gap:.5rem;align-items:center;flex-shrink:0}.countdown{font-size:.9rem;color:#666;flex-shrink:0}.countdown-time{color:#e74c3c;font-weight:500;font-size:1rem}.subject-select{padding:.5rem 1rem;border:1px solid #ddd;border-radius:4px;font-size:1rem;width:150px;background-color:#fff;cursor:pointer}.subject-btn{padding:.5rem 1rem;font-size:1rem}.questions-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.question-card-large{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:1.5rem;box-shadow:0 2px 4px #0000001a;transition:transform .2s,box-shadow .2s}.question-card-large:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.question-card-large h4{margin:0 0 .5rem;color:#333;font-size:1.1rem;font-weight:600}.subject-category{font-size:.8rem;color:#666;margin-bottom:.5rem}.subject-list{font-size:.8rem;color:#666;margin-bottom:1rem}.progress-info{display:flex;justify-content:space-between;margin-bottom:.5rem;font-size:.9rem;color:#666}.progress-bar{width:100%;height:8px;background:#f0f0f0;border-radius:4px;overflow:hidden;margin-bottom:1rem}.progress-fill{height:100%;background:#4caf50;border-radius:4px;transition:width .3s ease}.card-footer{display:flex;justify-content:space-between;align-items:center}.accuracy-tag{padding:4px 12px;border-radius:12px;font-size:.8rem;font-weight:500}.accuracy-tag.high{background:#e8f5e8;color:#4caf50}.accuracy-tag.medium{background:#fff8e1;color:#ff9800}.accuracy-tag.low{background:#ffebee;color:#f44336}.question-card h4{font-size:1.1rem;font-weight:700;color:#333;margin-bottom:1rem}.question-stats{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.5rem}.stat{font-size:.9rem;color:#666}.search-section{background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:1.5rem}.search-container{display:flex;gap:1rem;max-width:600px;margin:0 auto}.search-input{flex:1;padding:.8rem 1rem;border:1px solid #ddd;border-radius:4px;font-size:1rem}.category-sidebar{display:flex;justify-content:flex-start;gap:2rem;background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:1.5rem;margin-bottom:2rem}.study-plan-page{max-width:900px;margin:0 auto;padding:10px 15px 15px}.content-header{display:flex;align-items:center;margin-bottom:10px;gap:15px;padding:0;height:auto}.create-plan-form{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 12px #0000001a}.form-section{margin-bottom:8px}.form-section h4{font-size:16px;color:#333;margin-bottom:5px;display:flex;align-items:center;gap:8px}.form-input{width:100%;padding:10px 14px;border:2px solid #e0e0e0;border-radius:8px;font-size:16px;transition:border-color .3s ease;box-sizing:border-box}.form-input:focus{outline:none;border-color:#3498db}.chapter-list{display:flex;flex-direction:row;flex-wrap:wrap;gap:10px;width:100%;min-width:0}.chapter-checkbox{display:flex;flex-direction:row;align-items:center;gap:10px;padding:10px;background:#f8f9fa;border-radius:0;cursor:pointer;transition:all .3s ease;justify-content:flex-start;flex-wrap:nowrap;white-space:nowrap;width:calc(33.333% - 6.666px);min-width:150px;border:1px solid #e0e0e0;box-sizing:border-box}.chapter-checkbox:hover{background:#e9ecef}.chapter-checkbox input[type=checkbox]{width:20px;height:20px;cursor:pointer;flex-shrink:0}.chapter-checkbox span:first-of-type{flex:1;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.question-count{color:#666;font-size:14px;white-space:nowrap;flex-shrink:0}.form-actions{display:flex;gap:15px;justify-content:flex-end;margin-top:10px;padding-top:10px;border-top:1px solid #e0e0e0}.plan-dashboard{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 12px #0000001a}.dashboard-header{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;margin-bottom:10px}.countdown-card,.progress-card{background:linear-gradient(135deg,#667eea,#764ba2);padding:20px;border-radius:12px;text-align:center;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:120px;box-shadow:0 4px 15px #0000001a;transition:transform .3s ease}.countdown-card:hover,.progress-card:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00000026}.countdown-label,.progress-label{font-size:14px;opacity:.9;margin-bottom:8px}.countdown-number{font-size:36px;font-weight:700;line-height:1;text-shadow:0 2px 4px rgba(0,0,0,.2);transition:transform .3s ease}.countdown-card:hover .countdown-number{transform:scale(1.05)}.countdown-unit{font-size:16px;opacity:.9;margin-top:5px;text-shadow:0 1px 2px rgba(0,0,0,.2)}.progress-circle{position:relative;display:inline-block;transform:scale(.9);transition:transform .3s ease}.progress-card:hover .progress-circle{transform:scale(.95)}.progress-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:20px;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.2)}.today-tasks,.overdue-tasks,.plan-stats{margin-bottom:10px}.today-tasks h4,.overdue-tasks h4,.plan-stats h4{font-size:16px;color:#333;margin-bottom:5px;display:flex;align-items:center;gap:8px}.task-info{padding:12px;background:#f8f9fa;border-radius:8px;margin-bottom:8px}.task-actions{display:flex;gap:12px}.overdue-tasks{background:#fff3cd;border:2px solid #ffc107;border-radius:12px;padding:15px}.overdue-list{display:flex;flex-direction:column;gap:8px}.overdue-item{display:flex;align-items:center;justify-content:space-between;padding:10px;background:#fff;border-radius:8px;gap:12px}.overdue-item span:first-of-type{font-weight:500}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.stat-item{background:#f8f9fa;padding:15px;border-radius:8px;text-align:center}.stat-value{font-size:24px;font-weight:700;color:#3498db;margin-bottom:5px}.stat-label{font-size:13px;color:#666}.plan-actions{display:flex;gap:15px;justify-content:center;padding-top:15px;border-top:1px solid #e0e0e0}.small-btn{padding:6px 12px;font-size:13px}.success-btn{background-color:#27ae60;border-color:#27ae60;color:#fff}.success-btn:hover{background-color:#219653;border-color:#219653}.warning-btn{background-color:#f39c12;border-color:#f39c12;color:#fff}.warning-btn:hover{background-color:#e67e22;border-color:#e67e22}@media (max-width: 768px){.dashboard-header{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}.overdue-item{flex-direction:column;align-items:flex-start}.task-actions{flex-direction:column}}.popular-favorites-page{max-width:900px;margin:0 auto;padding:10px 15px 15px}.popular-favorites-page .content-header{display:flex;align-items:center;margin-bottom:10px;gap:15px;padding:0;height:auto}.popular-favorites-page .content-header h3{flex:1;text-align:center;font-size:18px;font-weight:700;margin:0;padding:8px 0;line-height:1;align-self:center}.popular-favorites-page .content-header .back-btn{font-size:14px;border:none;background:none;cursor:pointer;color:#333;margin:0;padding:0;line-height:1}.popular-favorites-list{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 12px #0000001a}.list-header{text-align:center;margin-bottom:20px}.list-header h4{font-size:18px;color:#333;margin-bottom:5px}.list-header p{color:#666;font-size:14px;margin:0}.list-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:20px}.start-practice-btn{display:block;width:100%;margin-bottom:20px;padding:12px;font-size:16px}.questions-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:15px}.popular-question-card{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;padding:15px;position:relative;transition:all .3s ease}.popular-question-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.rank-badge{position:absolute;top:10px;right:10px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700}.question-info h5{font-size:14px;color:#333;margin-bottom:10px;line-height:1.4}.question-meta{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#666}.favorite-count{display:flex;align-items:center;gap:4px}.category{background:#e9ecef;padding:2px 8px;border-radius:4px}.loading,.empty-state{text-align:center;padding:40px;color:#666}.empty-state p{margin:5px 0}.practice-container{max-width:800px;margin:0 auto}.question-card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 12px #0000001a;margin-bottom:20px}.question-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.question-header h4{font-size:16px;color:#333;margin:0}.question-content h5{font-size:16px;color:#333;margin-bottom:15px;line-height:1.4}.options{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}.option{padding:12px 16px;border:2px solid #e0e0e0;border-radius:8px;cursor:pointer;transition:all .3s ease;font-size:14px}.option:hover{background:#f8f9fa;border-color:#3498db}.option.wrong{border-color:#e74c3c;background:#fdecea}.feedback{background:#f8f9fa;padding:15px;border-radius:8px;margin-bottom:20px}.correct-feedback{color:#27ae60;font-weight:700;margin-bottom:10px}.wrong-feedback{color:#e74c3c;font-weight:700;margin-bottom:10px}.explanation{color:#666;font-size:14px;line-height:1.4;margin:0}.navigation-buttons{display:flex;justify-content:space-between;gap:15px}@media (max-width: 768px){.list-stats{grid-template-columns:repeat(2,1fr)}.questions-grid{grid-template-columns:1fr}.navigation-buttons{flex-direction:column}.navigation-buttons button{width:100%}}.sidebar-left{width:150px;border-right:1px solid #e0e0e0;padding-right:.5rem}.sidebar-left h3{font-size:1.2rem;margin-bottom:1rem;color:#333;border-bottom:1px solid #e0e0e0;padding-bottom:.5rem;text-align:center}.category-list{list-style:none;padding:0;margin:0 auto;text-align:center;max-width:200px}.category-item{display:flex;justify-content:space-between;align-items:center;height:15px;padding:.3rem .5rem;cursor:pointer;border-bottom:1px solid #f0f0f0;transition:background-color .3s;text-align:center}.category-item:hover{background-color:#f9f9f9}.category-item.active{background-color:#e3f2fd;font-weight:700;height:15px}.category-name{color:#333;font-size:.8rem;height:15px}.category-arrow{color:#666;font-size:.8rem;transition:transform .3s;display:inline-block}.category-item.active .category-arrow{transform:rotate(90deg)}.subcategory-list{list-style:none;padding:0;margin:1rem 0 0;display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.subcategory-item{padding:.5rem;color:#666;font-size:.9rem;border-radius:4px;transition:all .3s;cursor:pointer}.subcategory-item:hover{background-color:#f0f0f0;color:#3498db;transition:all .3s}.subcategory-item-container{position:relative}.subcategory-item{display:flex;justify-content:space-between;align-items:center}.subcategory-arrow{font-size:.8rem;color:#999;transition:transform .3s}.subjects-list{list-style:none;padding:.5rem 0 0 1.5rem;margin:0;display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}.subject-item{padding:.3rem .5rem;font-size:.85rem;color:#666;background-color:#f9f9f9;border-radius:4px;transition:all .3s}.subject-item:hover{background-color:#f0f0f0;color:#3498db}.subsubcategory-list{list-style:none;padding:.5rem 0 0 1.5rem;margin:0;display:grid;grid-template-columns:1fr;gap:.5rem}.subsubcategory-item{padding:.3rem .5rem;font-size:.85rem;color:#666;background-color:#f0f0f0;border-radius:4px;transition:all .3s}.subsubcategory-item:hover{background-color:#e0e0e0;color:#3498db}.sidebar-right{flex:1}.sidebar-right h3{font-size:1.2rem;margin-bottom:1rem;color:#333;border-bottom:1px solid #e0e0e0;padding-bottom:.5rem}.hot-tags{display:flex;flex-wrap:wrap;gap:.8rem}.hot-tag{background-color:#f0f0f0;padding:.4rem .8rem;border-radius:15px;font-size:.9rem;color:#333;cursor:pointer;transition:all .3s;position:relative}.hot-tag:hover{background-color:#e3f2fd;color:#3498db}.hot-tag.hot:after{content:"HOT";position:absolute;top:-8px;right:-8px;background-color:#e74c3c;color:#fff;font-size:.6rem;padding:.2rem .4rem;border-radius:10px}@media (max-width: 768px){.questions-nav .nav-left{flex-wrap:wrap;gap:1rem}.top-info{flex-direction:column;gap:.5rem;padding:1rem}.questions-content{flex-direction:column;padding:1rem}.left-section{width:100%;height:200px}.stats-inputs{flex-direction:column}.methods-grid,.questions-grid{grid-template-columns:1fr}.category-sidebar{flex-direction:column}.sidebar-left{width:100%;border-right:none;border-bottom:1px solid #e0e0e0;padding-right:0;padding-bottom:1rem;margin-bottom:1rem}}.materials-page{padding:2rem;width:100vw;min-height:100vh;box-sizing:border-box;margin:0;overflow-x:hidden;background-color:#f5f7fa}.materials-page>*{max-width:100%;box-sizing:border-box}.material-categories{margin-bottom:3rem}.categories-list{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center}.category-item{background-color:#f9f9f9;padding:.8rem 1.5rem;border-radius:20px;display:flex;align-items:center;gap:.5rem;cursor:pointer;transition:background-color .3s}.category-item:hover{background-color:#e3f2fd}.category-name{font-size:1rem;color:#333}.category-count{font-size:.9rem;color:#666}.materials-list{margin-bottom:3rem}.materials-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.materials-header h3{font-size:1.5rem;color:#333;margin:0}.sort-select{padding:.5rem;border:1px solid #ddd;border-radius:4px;font-size:1rem}.materials-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.material-card{background-color:#fff;padding:1.5rem;border-radius:8px;box-shadow:0 2px 8px #0000001a;transition:transform .3s}.material-card:hover{transform:translateY(-5px);box-shadow:0 4px 12px #00000026}.material-icon{font-size:2rem;margin-bottom:1rem}.material-card h4{font-size:1.2rem;font-weight:700;color:#333;margin-bottom:1rem}.material-info{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.5rem}.material-type,.material-size,.material-views{font-size:.9rem;color:#666}.courses-page{padding:2rem}.course-categories,.courses-list{margin-bottom:3rem}.courses-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.courses-header h3{font-size:1.5rem;color:#333;margin:0}.courses-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.course-card{background-color:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #0000001a;transition:transform .3s}.course-card:hover{transform:translateY(-5px);box-shadow:0 4px 12px #00000026}.course-image{height:200px;overflow:hidden}.course-image img{width:100%;height:100%;object-fit:cover}.course-card h4{font-size:1.2rem;font-weight:700;color:#333;margin:1rem}.course-instructor{font-size:1rem;color:#666;margin:0 1rem 1rem}.course-info{display:flex;justify-content:space-between;margin:0 1rem 1rem;font-size:.9rem;color:#666}.course-rating{display:flex;align-items:center;gap:.5rem;margin:0 1rem 1rem}.rating{font-size:1rem;font-weight:700;color:#ff9500}.stars{font-size:1rem;color:#ff9500}.course-price{font-size:1.2rem;font-weight:700;color:#e74c3c;margin:0 1rem 1rem}.course-card .btn{margin:0 1rem 1rem;width:calc(100% - 2rem)}.about-page{padding:2rem}.company-intro{margin-bottom:3rem}.intro-container{display:flex;gap:3rem;align-items:center}.intro-content{flex:1}.intro-content h3{font-size:1.5rem;margin-bottom:1rem;color:#333}.intro-content p{font-size:1rem;color:#666;margin-bottom:1rem;line-height:1.5}.intro-image{flex:1;max-width:500px}.intro-image img{width:100%;border-radius:8px;box-shadow:0 4px 12px #00000026}.mission-vision{margin-bottom:3rem;background-color:#f5f5f5;padding:2rem;border-radius:8px}.mission-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem}.mission-item{text-align:center;padding:1.5rem;background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a}.mission-icon{font-size:3rem;margin-bottom:1rem}.mission-item h4{font-size:1.2rem;font-weight:700;color:#333;margin-bottom:.5rem;text-align:center}.mission-item p{font-size:1rem;color:#666;margin:0;text-align:center}.contact-us{margin-bottom:3rem}.contact-us h3{font-size:1.5rem;margin-bottom:1.5rem;color:#333}.contact-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem}.contact-item{display:flex;flex-direction:column;align-items:center;text-align:center;gap:1rem;padding:1.5rem;background-color:#f9f9f9;border-radius:8px}.contact-icon{font-size:2rem;margin-top:.25rem}.contact-info h4{font-size:1.1rem;font-weight:700;color:#333;margin-bottom:.5rem}.contact-info p{font-size:1rem;color:#666;margin:0}.partners{margin-bottom:3rem}.partners h3{font-size:1.5rem;margin-bottom:1.5rem;color:#333}.partners-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1.5rem}.partner-item{padding:2rem;background-color:#f9f9f9;border-radius:8px;text-align:center;font-size:1rem;color:#333;box-shadow:0 2px 8px #0000001a}@media (max-width: 768px){.header-container{flex-direction:column;gap:1rem;padding:1rem}.nav{width:100%;justify-content:center;gap:1rem}.hero-container{flex-direction:column;text-align:center;gap:2rem}.hero-content h2{font-size:2rem}.hero-buttons{justify-content:center}.stats-container,.categories-container,.features-container,.testimonials-container,.footer-container{grid-template-columns:1fr;padding:0 1rem}.section-header h3{font-size:1.5rem}.questions-page,.materials-page,.courses-page,.about-page{padding:1rem}.methods-grid,.questions-grid,.materials-grid,.courses-grid{grid-template-columns:1fr}.search-container{flex-direction:column}.intro-container{flex-direction:column;text-align:center}.materials-header,.courses-header{flex-direction:column;align-items:flex-start;gap:1rem}}.admin-login-page{display:flex;justify-content:center;align-items:center;min-height:80vh;padding:20px}.login-container{background-color:#fff;padding:40px;border-radius:8px;box-shadow:0 4px 12px #00000026;width:100%;max-width:400px}.login-container h2{text-align:center;margin-bottom:30px;color:#333}.error-message{background-color:#fff2f0;border:1px solid #ffccc7;color:#f5222d;padding:10px;border-radius:4px;margin-bottom:20px}.login-form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-size:14px;font-weight:500;color:#333}.form-group input{padding:10px;border:1px solid #d9d9d9;border-radius:4px;font-size:16px;transition:all .3s ease}.form-group input:focus{outline:none;border-color:#3498db;box-shadow:0 0 0 2px #3498db33}.login-btn{padding:12px;background-color:#3498db;color:#fff;border:none;border-radius:4px;font-size:16px;font-weight:500;cursor:pointer;transition:all .3s ease}.login-btn:hover{background-color:#2980b9}.login-btn:disabled{background-color:#d9d9d9;cursor:not-allowed}.back-link{text-align:center;margin-top:20px}.back-link a{color:#3498db;text-decoration:none;font-size:14px}.back-link a:hover{text-decoration:underline}.admin-dashboard{min-height:80vh;padding:20px}.admin-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding-bottom:20px;border-bottom:1px solid #e0e0e0}.admin-header h2{color:#333}.logout-btn{padding:8px 16px;background-color:#e74c3c;color:#fff;border:none;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease}.logout-btn:hover{background-color:#c0392b}.admin-nav{display:flex;gap:10px;margin-bottom:30px;flex-wrap:wrap}.nav-btn{padding:10px 20px;background-color:#fff;border:1px solid #d9d9d9;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease}.nav-btn:hover{border-color:#3498db;color:#3498db}.nav-btn.active{background-color:#3498db;color:#fff;border-color:#3498db}.admin-content{background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:30px}.dashboard-content h3{margin-bottom:20px;color:#333}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.stat-card{background-color:#f6f8fa;padding:20px;border-radius:8px;text-align:center;transition:all .3s ease}.stat-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.stat-card h4{font-size:14px;color:#666;margin-bottom:10px}.stat-card p{font-size:24px;font-weight:700;color:#3498db}.admin-table{width:100%;border-collapse:collapse;margin-bottom:20px}.admin-table th,.admin-table td{padding:12px;text-align:left;border-bottom:1px solid #e0e0e0}.admin-table th{background-color:#fafafa;font-weight:600;color:#333}.admin-table tr:hover{background-color:#f5f5f5}.admin-table tr[draggable=true]{cursor:grab;transition:all .3s ease}.admin-table tr[draggable=true]:hover{background-color:#e3f2fd;transform:scale(1.01)}.admin-table tr[draggable=true]:active{cursor:grabbing;background-color:#bbdefb;transform:scale(1.02);box-shadow:0 4px 8px #2196f34d}.admin-table tr[draggable=true]:hover td{border:1px dashed #2196f3}.admin-table tr[draggable=true]:active td{border:1px solid #2196f3}.admin-table tr.drag-placeholder{background-color:#e3f2fd;border:2px dashed #2196f3;height:60px;margin:5px 0;border-radius:4px;transition:all .3s ease}.admin-table tr.dragging{opacity:.5;transform:rotate(2deg);box-shadow:0 4px 8px #0003}.admin-table tr.drag-over{background-color:#e3f2fd!important;border:2px dashed #2196f3!important;border-radius:4px;transform:scale(1.02);transition:all .3s ease}.exam-management{padding:20px;overflow-x:auto}.exam-management h3{margin-bottom:20px;color:#2c3e50}.bulk-exam-controls{display:flex;flex-wrap:wrap;gap:15px;align-items:center;padding:15px;background-color:#f8f9fa;border-radius:8px;border:1px solid #e9ecef;margin-bottom:20px}.bulk-exam-buttons{display:flex;gap:10px;align-items:center;margin-left:auto}.bulk-label{font-weight:500;color:#555;font-size:14px}.bulk-set-btn{padding:8px 16px;background-color:#3498db;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px;transition:all .3s ease}.bulk-set-btn:hover{background-color:#2980b9;transform:translateY(-1px);box-shadow:0 2px 8px #3498db4d}.bulk-clear-btn{padding:8px 16px;background-color:#e74c3c;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px;transition:all .3s ease}.bulk-clear-btn:hover{background-color:#c0392b;transform:translateY(-1px);box-shadow:0 2px 8px #e74c3c4d}.exam-time-table{min-width:1000px}.exam-time-table th,.exam-time-table td{padding:10px 8px;text-align:center;font-size:13px;vertical-align:middle}.exam-time-table th{white-space:nowrap;background-color:#f8f9fa}.exam-time-table td:first-child,.exam-time-table td:nth-child(2),.exam-time-table td:nth-child(3),.exam-time-table td:nth-child(4){text-align:left}.exam-count-input{width:60px;padding:6px 8px;border:1px solid #ddd;border-radius:4px;text-align:center;font-size:13px}.exam-date-input{padding:6px 10px;border:1px solid #ddd;border-radius:4px;font-size:13px;cursor:pointer;transition:border-color .3s ease;width:130px}.exam-scope-input{width:100%;padding:6px 8px;border:1px solid #ddd;border-radius:4px;font-size:13px;resize:none;height:60px;overflow-y:auto}.exam-scope-wrapper{min-height:30px}.exam-scope-display{padding:6px 10px;border:1px solid transparent;border-radius:4px;font-size:13px;cursor:pointer;transition:all .3s ease;min-height:30px;max-height:60px;overflow-y:auto;display:flex;align-items:flex-start;word-break:break-word;white-space:pre-wrap}.exam-scope-display:hover{border-color:#3498db;background-color:#f8f9fa}.exam-scope-display:focus{outline:none;border-color:#3498db;background-color:#fff;box-shadow:0 0 0 2px #3498db33}.exam-scope-display .placeholder-text{color:#999;font-style:italic}.exam-arrange-cell{padding:5px 8px!important}.exam-arrange-row{display:flex;align-items:center;gap:5px;margin-bottom:3px}.exam-arrange-row:last-child{margin-bottom:0}.exam-arrange-label{font-size:12px;font-weight:500;color:#555;min-width:28px}.exam-arrange-input{flex:1;padding:4px 6px;border:1px solid #ddd;border-radius:4px;font-size:12px;resize:none;min-height:24px;width:100px}.exam-count-input:hover,.exam-date-input:hover,.exam-scope-input:hover,.exam-arrange-input:hover{border-color:#3498db}.exam-count-input:focus,.exam-date-input:focus,.exam-scope-input:focus,.exam-arrange-input:focus{outline:none;border-color:#3498db;box-shadow:0 0 0 2px #3498db33}.clear-btn{padding:6px 12px;background-color:#e74c3c;color:#fff;border:none;border-radius:4px;font-size:12px;cursor:pointer;transition:all .3s ease}.clear-btn:hover{background-color:#c0392b}.edit-btn,.delete-btn,.add-btn,.move-btn{padding:6px 12px;border:none;border-radius:4px;font-size:12px;font-weight:500;cursor:pointer;transition:all .3s ease;margin-right:8px}.move-btn{background-color:#27ae60;color:#fff}.move-btn:hover{background-color:#229954}.toggle-btn{padding:6px 12px;border:none;border-radius:4px;font-size:12px;font-weight:500;cursor:pointer;transition:all .3s}.toggle-btn.toggle-on{background-color:#27ae60;color:#fff}.toggle-btn.toggle-on:hover{background-color:#229954}.toggle-btn.toggle-off{background-color:#e74c3c;color:#fff}.toggle-btn.toggle-off:hover{background-color:#c0392b}.add-btn{background-color:#27ae60;color:#fff;padding:10px 20px;font-size:14px;margin-top:20px}.add-btn:hover{background-color:#229954}.agent-nav{display:flex;gap:10px;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid #e0e0e0}.agent-nav-btn{padding:8px 16px;background-color:#f5f5f5;border:1px solid #d9d9d9;border-radius:4px;font-size:14px;cursor:pointer;transition:all .3s ease}.agent-nav-btn:hover{border-color:#3498db;color:#3498db}.agent-nav-btn.active{background-color:#3498db;color:#fff;border-color:#3498db}.agent-content{padding:20px;background-color:#f9f9f9;border-radius:8px}.agent-overview h4,.distributor-management h4,.distributor-orders h4,.withdrawals h4,.distribution-settings h4{margin-bottom:20px;color:#333}.settings-card{background-color:#fff;padding:20px;border-radius:8px;margin-bottom:20px;box-shadow:0 2px 4px #0000001a}.settings-card h5{margin-bottom:15px;color:#666;border-bottom:1px solid #f0f0f0;padding-bottom:10px}.form-group input[type=text],.form-group input[type=number],.form-group select{width:100%;padding:8px 12px;border:1px solid #d9d9d9;border-radius:4px;font-size:14px}.font-settings{display:flex;flex-direction:column;gap:10px;padding:10px;background-color:#f9f9f9;border-radius:4px}.form-group input[type=checkbox]{margin-right:8px}@media (max-width: 768px){.admin-nav,.agent-nav{flex-direction:column}.stats-grid{grid-template-columns:1fr}.admin-content{padding:20px}.login-container{padding:30px}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background-color:#fff;padding:30px;border-radius:8px;box-shadow:0 4px 12px #00000026;width:100%;max-width:400px;max-height:80vh;overflow-y:auto}.modal-content h4{margin-bottom:20px;color:#333}.modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}.cancel-btn{padding:8px 16px;background-color:#f0f0f0;color:#333;border:1px solid #d9d9d9;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease}.cancel-btn:hover{background-color:#e0e0e0}.save-btn{padding:8px 16px;background-color:#3498db;color:#fff;border:none;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease}.subcategories-list{margin-bottom:10px}.subcategory-item{display:flex;justify-content:space-between;align-items:center;padding:5px 0;border-bottom:1px solid #f0f0f0}.subcategory-actions{display:flex;gap:5px}.sub-edit-btn,.sub-delete-btn{padding:2px 8px;font-size:12px;border-radius:3px;cursor:pointer;transition:all .3s ease}.sub-edit-btn{background-color:#3498db;color:#fff;border:none}.sub-delete-btn{background-color:#e74c3c;color:#fff;border:none}.add-sub-btn{padding:4px 12px;background-color:#27ae60;color:#fff;border:none;border-radius:3px;font-size:12px;cursor:pointer;transition:all .3s ease}.category-actions{display:flex;gap:10px;margin-top:20px}.subcategory-header{display:flex;justify-content:space-between;align-items:center;width:100%}.tertiary-categories-list{margin-left:20px;margin-top:5px;margin-bottom:5px}.tertiary-category-item{display:flex;justify-content:space-between;align-items:center;padding:3px 0;border-bottom:1px solid #f0f0f0}.tertiary-category-actions{display:flex;gap:5px}.tertiary-edit-btn,.tertiary-delete-btn{padding:2px 6px;font-size:10px;border-radius:3px;cursor:pointer;transition:all .3s ease}.tertiary-edit-btn{background-color:#3498db;color:#fff;border:none}.tertiary-delete-btn{background-color:#e74c3c;color:#fff;border:none}.add-tertiary-btn{padding:3px 10px;background-color:#27ae60;color:#fff;border:none;border-radius:3px;font-size:10px;cursor:pointer;transition:all .3s ease;margin-left:20px;margin-top:5px}.no-tertiary{font-size:12px;color:#999;margin-left:10px}.tertiary-categories-container{padding:20px}.tertiary-category-list{list-style:none;padding:0;margin:20px 0}.tertiary-category-item-container{margin-bottom:10px}.tertiary-category-item{padding:8px 12px;background-color:#f5f5f5;border-radius:4px;cursor:pointer;transition:all .3s ease}.tertiary-category-item:hover{background-color:#e0e0e0}.back-btn{margin-top:20px;padding:8px 16px;background-color:#3498db;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:all .3s ease}.back-btn:hover{background-color:#2980b9}.has-tertiary{margin-left:5px;color:#999}.category-management{padding:20px;background-color:#f9f9f9;border-radius:8px;box-shadow:0 2px 4px #0000001a}.category-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:10px;border-bottom:2px solid #3498db}.category-header h3{margin:0;color:#333;font-size:18px}.category-tree{display:flex;flex-direction:column;gap:15px}.category-node{background-color:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;overflow:hidden;transition:all .3s;cursor:grab;border:2px solid transparent}.category-node:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px);border-color:#3498db}.category-node.dragging{opacity:.5;cursor:grabbing;transform:scale(1.02)}.category-node.drag-over{border-color:#3498db;border-width:2px;background-color:#f0f8ff;box-shadow:0 4px 12px #3498db4d}.category-header-row{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;background-color:#f5f5f5;border-bottom:1px solid #e0e0e0}.category-info{display:flex;align-items:center;gap:15px}.expand-icon{cursor:pointer;font-size:10px;color:#666;transition:transform .3s ease;margin-right:5px}.expand-icon.expanded{transform:rotate(0)}.category-header-row,.subcategory-header-row{cursor:pointer}.category-header-row:hover,.subcategory-header-row:hover{background-color:#e8f4f8}.category-actions-row button,.subcategory-actions-row button{cursor:pointer;position:relative;z-index:1}.category-note,.subcategory-note,.tertiary-category-note{font-size:12px;color:#666;background-color:#f0f0f0;padding:2px 8px;border-radius:12px;margin-left:10px;font-style:italic}.subcategory-note{font-size:11px;margin-left:8px}.tertiary-category-note{font-size:10px;margin-left:6px}.category-id{background-color:#3498db;color:#fff;padding:2px 8px;border-radius:12px;font-size:12px;font-weight:700}.category-name{font-size:16px;font-weight:700;color:#333}.category-count{font-size:14px;color:#666;background-color:#e8f4f8;padding:2px 8px;border-radius:12px}.category-actions-row{display:flex;gap:10px}.directory-tree{margin-top:12px;padding-left:20px}.directory-level-1{margin-bottom:8px}.directory-level-2{margin-top:4px;padding-left:20px}.directory-level-2-item{margin-bottom:4px}.directory-level-3{margin-top:4px;padding-left:20px;display:flex;flex-wrap:wrap;gap:8px}.directory-name{font-size:14px;color:#666;cursor:pointer;padding:4px 8px;border-radius:4px;transition:all .2s ease;display:inline-block;margin-bottom:4px}.directory-name:hover{background-color:#e9ecef;color:#007bff}.directory-level-3 .directory-name{font-size:12px;background-color:#f0f0f0}.directory-level-3 .directory-name:hover{background-color:#e9ecef}.directory-management{padding:20px;background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a}.directory-management-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.directory-management-header h3{margin:0;color:#333}.directory-category{margin-bottom:20px;padding:15px;background-color:#f8f9fa;border-radius:8px}.category-header-with-actions{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.category-header-with-actions h4{margin:0;color:#333}.directory-header-with-actions{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;cursor:pointer}.directory-toggle{display:flex;align-items:center;gap:10px}.toggle-icon{font-size:12px;font-weight:700;transition:transform .2s ease;color:#666}.toggle-icon.expanded{transform:rotate(0)}.directory-category{margin-bottom:15px;border:1px solid #e0e0e0;border-radius:8px;padding:10px;background-color:#f9f9f9}.directory-level-1{margin-left:20px;margin-top:10px}.directory-level-2{margin-left:40px;margin-top:10px}.directory-level-3,.directory-level-4,.directory-level-5,.directory-level-6,.directory-level-7,.directory-level-8{margin-top:5px;display:flex;justify-content:space-between;align-items:center;padding:5px 10px;border-radius:4px}.directory-level-3{margin-left:60px;background-color:#f0f0f0}.directory-level-4{margin-left:80px;background-color:#e8e8e8}.directory-level-5{margin-left:100px;background-color:#e0e0e0}.directory-level-6{margin-left:120px;background-color:#d8d8d8}.directory-level-7{margin-left:140px;background-color:#d0d0d0}.directory-level-8{margin-left:160px;background-color:#c8c8c8}.add-subdir-btn.small{font-size:12px;padding:2px 8px;margin-right:5px;background-color:#28a745;color:#fff;border:none;border-radius:4px;cursor:pointer}.add-subdir-btn.small:hover{background-color:#218838}.directory-header-with-actions h5{margin:0;color:#555}.directory-header-with-actions h6{margin:0;color:#666}.directory-level-1{margin-left:20px;margin-bottom:15px}.directory-level-2{margin-left:20px;margin-bottom:10px}.directory-level-3{margin-left:20px;display:flex;align-items:center;justify-content:space-between;padding:8px;background-color:#fff;border-radius:4px;margin-bottom:4px}.directory-level-3 span{color:#333;flex:1}.directory-actions{display:flex;gap:8px}.directory-actions button{padding:4px 8px;font-size:12px;border:none;border-radius:4px;cursor:pointer;transition:all .2s ease}.directory-actions .edit-btn{background-color:#007bff;color:#fff}.directory-actions .edit-btn:hover{background-color:#0069d9}.directory-actions .delete-btn{background-color:#dc3545;color:#fff}.directory-actions .delete-btn:hover{background-color:#c82333}.add-subdir-btn{padding:6px 12px;font-size:12px;background-color:#28a745;color:#fff;border:none;border-radius:4px;cursor:pointer;margin-top:4px;margin-left:20px;transition:all .2s ease}.add-subdir-btn:hover{background-color:#218838}.add-category-section{margin-top:20px;text-align:center}.add-category-section .add-btn{padding:8px 16px;font-size:14px;background-color:#007bff;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:all .2s ease}.add-category-section .add-btn:hover{background-color:#0069d9}.subcategory-tree{padding-left:30px;border-left:3px solid #e0e0e0;margin-left:20px;margin-top:10px;margin-bottom:10px}.subcategory-node{background-color:#f9f9f9;border-radius:6px;margin-bottom:10px;overflow:hidden}.subcategory-header-row{display:flex;justify-content:space-between;align-items:center;padding:12px 15px;background-color:#f0f0f0;border-bottom:1px solid #e0e0e0}.subcategory-info{display:flex;align-items:center;gap:10px}.subcategory-name{font-size:14px;font-weight:500;color:#333}.tertiary-count{font-size:12px;color:#666;background-color:#e8f4f8;padding:2px 6px;border-radius:10px}.subcategory-actions-row{display:flex;gap:8px}.tertiary-category-tree{padding-left:20px;border-left:2px solid #e0e0e0;margin-left:15px;margin-top:8px;margin-bottom:8px}.tertiary-category-node{background-color:#f5f5f5;border-radius:4px;margin-bottom:6px;overflow:hidden}.tertiary-category-header-row{display:flex;justify-content:space-between;align-items:center;padding:8px 12px}.tertiary-category-info{display:flex;align-items:center}.tertiary-category-name{font-size:12px;color:#333}.tertiary-category-actions-row{display:flex;gap:6px}.edit-btn,.delete-btn,.add-sub-btn,.sub-edit-btn,.sub-delete-btn,.add-tertiary-btn,.tertiary-edit-btn,.tertiary-delete-btn{padding:6px 12px;border:none;border-radius:4px;font-size:12px;font-weight:500;cursor:pointer;transition:all .3s ease}.edit-btn{background-color:#3498db;color:#fff}.edit-btn:hover{background-color:#2980b9}.delete-btn{background-color:#e74c3c;color:#fff}.add-sub-btn{background-color:#27ae60;color:#fff}.add-sub-btn:hover{background-color:#229954}.sub-edit-btn{background-color:#3498db;color:#fff;padding:4px 8px;font-size:10px}.sub-edit-btn:hover{background-color:#2980b9}.sub-delete-btn{background-color:#e74c3c;color:#fff;padding:4px 8px;font-size:10px}.sub-delete-btn:hover{background-color:#c0392b}.add-tertiary-btn{background-color:#27ae60;color:#fff;padding:4px 8px;font-size:10px}.add-tertiary-btn:hover{background-color:#229954}.tertiary-edit-btn{background-color:#3498db;color:#fff;padding:2px 6px;font-size:9px}.tertiary-edit-btn:hover{background-color:#2980b9}.tertiary-delete-btn{background-color:#e74c3c;color:#fff;padding:2px 6px;font-size:9px}.tertiary-delete-btn:hover{background-color:#c0392b}@media (max-width: 768px){.category-header,.category-header-row,.subcategory-header-row,.tertiary-category-header-row{flex-direction:column;align-items:flex-start;gap:10px}.category-actions-row,.subcategory-actions-row,.tertiary-category-actions-row{width:100%;justify-content:flex-start}.subcategory-tree{padding-left:20px;margin-left:10px}.tertiary-category-tree{padding-left:15px;margin-left:10px}}.chapter-practice-page{padding:20px;min-height:100vh;background-color:#f5f5f5}.chapter-practice-page .page-header{display:flex;align-items:center;gap:15px;margin-bottom:20px;padding:15px;background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a}.chapter-practice-page .page-header h2{margin:0;color:#333}.chapter-practice-page .back-btn{padding:8px 16px;background-color:#3498db;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:all .3s ease}.chapter-practice-page .back-btn:hover{background-color:#2980b9}.chapter-stats-summary{display:flex;gap:20px;padding:20px;background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;margin-bottom:20px}.chapter-stats-summary .stat-item{display:flex;flex-direction:column;gap:5px;flex:1;text-align:center;padding:15px;background-color:#f8f9fa;border-radius:8px}.chapter-stats-summary .stat-label{font-size:14px;color:#666}.chapter-stats-summary .stat-value{font-size:24px;font-weight:700;color:#3498db}.chapter-actions{display:flex;gap:15px;margin-bottom:20px;justify-content:flex-end}.chapters-list{background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:20px}.chapters-list .list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:10px;border-bottom:2px solid #3498db}.chapters-list .list-header h3{margin:0;color:#333}.chapters-list .chapter-count{color:#666;font-size:14px}.chapter-card{display:flex;align-items:center;gap:15px;padding:15px;margin-bottom:10px;border:2px solid #e0e0e0;border-radius:8px;cursor:pointer;transition:all .3s ease}.chapter-card:hover{border-color:#3498db;background-color:#f8f9fa}.chapter-card.selected{border-color:#3498db;background-color:#e3f2fd}.chapter-checkbox{flex-shrink:0}.chapter-checkbox input[type=checkbox]{width:20px;height:20px;cursor:pointer}.chapter-info{flex:1}.chapter-info .chapter-name{margin:0 0 5px;color:#333;font-size:16px}.chapter-info .chapter-path{margin:0;color:#666;font-size:12px}.chapter-stat{display:flex;flex-direction:column;gap:5px;min-width:150px}.chapter-stat .stat-row{display:flex;justify-content:space-between;font-size:12px}.chapter-stat .stat-label{color:#666}.chapter-stat .stat-value{color:#333;font-weight:500}.chapter-stat .stat-value.completed,.chapter-stat .stat-value.rate.high{color:#27ae60}.chapter-stat .stat-value.rate.medium{color:#f39c12}.chapter-stat .stat-value.rate.low{color:#e74c3c}.progress-bar-mini{height:4px;background-color:#e0e0e0;border-radius:2px;overflow:hidden;margin-top:5px}.progress-fill-mini{height:100%;background-color:#3498db;transition:width .3s ease}.empty-state{text-align:center;padding:40px;color:#666}.empty-state .hint{font-size:14px;color:#999;margin-top:10px}.chapter-practice-page.practice-mode{padding:0;background-color:#fff}.chapter-practice-page.practice-mode .practice-header{display:flex;align-items:center;gap:15px;padding:15px 20px;background-color:#3498db;color:#fff}.chapter-practice-page.practice-mode .practice-header .back-btn{background-color:#fff3}.chapter-practice-page.practice-mode .practice-header .progress-info{display:flex;flex-direction:column;gap:5px;flex:1}.chapter-practice-page.practice-mode .progress-bar-container{height:6px;background-color:#ffffff4d;border-radius:3px;overflow:hidden}.chapter-practice-page.practice-mode .progress-bar-fill{height:100%;background-color:#fff;transition:width .3s ease}.question-container{max-width:800px;margin:0 auto;padding:30px 20px}.question-type-badge{display:inline-block;padding:5px 15px;background-color:#3498db;color:#fff;border-radius:20px;font-size:12px;margin-bottom:20px}.question-title{font-size:18px;color:#333;margin-bottom:30px;line-height:1.6}.options-list{display:flex;flex-direction:column;gap:15px;margin-bottom:30px}.option-item{display:flex;align-items:center;gap:15px;padding:15px 20px;border:2px solid #e0e0e0;border-radius:8px;cursor:pointer;transition:all .3s ease}.option-item:hover{border-color:#3498db;background-color:#f8f9fa}.option-item.selected{border-color:#3498db;background-color:#e3f2fd}.option-item.correct{border-color:#27ae60;background-color:#e8f5e8}.option-item.incorrect{border-color:#e74c3c;background-color:#fef0f0}.option-letter{width:30px;height:30px;display:flex;align-items:center;justify-content:center;background-color:#f0f0f0;border-radius:50%;font-weight:700;color:#333}.option-item.correct .option-letter{background-color:#27ae60;color:#fff}.option-item.incorrect .option-letter{background-color:#e74c3c;color:#fff}.option-text{flex:1;color:#333}.correct-mark{color:#27ae60;font-size:20px;font-weight:700}.incorrect-mark{color:#e74c3c;font-size:20px;font-weight:700}.explanation-box{background-color:#f8f9fa;border-left:4px solid #3498db;padding:15px 20px;margin-bottom:30px;border-radius:0 8px 8px 0}.explanation-box h4{margin:0 0 10px;color:#3498db}.explanation-box p{margin:0;color:#333;line-height:1.6}.action-buttons{display:flex;justify-content:center;gap:15px}.action-buttons .btn{padding:12px 30px;font-size:16px}.mode-select-page{padding:20px;min-height:100vh;background-color:#f5f5f5}.mode-select-page .page-header{text-align:center;margin-bottom:40px}.mode-select-page .page-header h1{color:#333;margin-bottom:10px}.mode-select-page .page-header p{color:#666;font-size:16px}.chapter-list-page,.custom-set-page{padding:20px;min-height:100vh;background-color:#f5f5f5}.settings-container{max-width:800px;margin:0 auto;background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:30px}.setting-section{margin-bottom:30px}.setting-section h3{color:#333;margin-bottom:15px;font-size:18px}.count-control{display:flex;align-items:center;gap:10px}.count-btn{width:40px;height:40px;background-color:#3498db;color:#fff;border:none;border-radius:4px;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center}.count-input{flex:1;max-width:100px;padding:10px;border:2px solid #e0e0e0;border-radius:4px;text-align:center;font-size:16px}.type-selector{display:flex;gap:20px}.type-checkbox{display:flex;align-items:center;gap:5px;cursor:pointer}.difficulty-select{width:100%;padding:10px;border:2px solid #e0e0e0;border-radius:4px;font-size:16px}.chapter-selector{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:10px}.chapter-checkbox{display:flex;flex-direction:column;padding:10px;border:2px solid #e0e0e0;border-radius:4px;cursor:pointer;transition:all .3s ease}.chapter-checkbox:hover{border-color:#3498db;background-color:#f8f9fa}.chapter-checkbox .chapter-name{font-weight:700;color:#333}.chapter-checkbox .chapter-path{font-size:12px;color:#666}.action-section{text-align:center;margin-top:40px}.generate-btn{padding:15px 40px;font-size:18px}.mock-exam-page{min-height:100vh;background-color:#fff}.mock-exam-page .exam-header{display:flex;justify-content:space-between;align-items:center;padding:20px;background-color:#3498db;color:#fff}.exam-info h2{margin:0 0 10px}.time-value{font-size:20px;font-weight:700}.time-value.warning{color:#f39c12}.exam-controls{display:flex;gap:10px}.danger-btn{background-color:#e74c3c;color:#fff;border:none;padding:10px 20px;border-radius:4px;cursor:pointer;transition:all .3s ease}.question-nav{display:flex;align-items:center;justify-content:space-between;margin-top:30px}.question-number{font-size:16px;color:#666}.score-circle{width:200px;height:200px;border-radius:50%;background-color:#3498db;display:flex;flex-direction:column;align-items:center;justify-content:center;margin:0 auto 30px;color:#fff}.score-number{font-size:48px;font-weight:700}.score-label{font-size:24px}.result-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:20px;margin-bottom:30px}.result-stats .stat-value.incorrect{color:#e74c3c}.practice-page{min-height:100vh;background-color:#f5f5f5}.practice-header{background-color:#fff;padding:10px;box-shadow:0 2px 4px #0000001a}.clickable{cursor:pointer;color:#3498db;text-decoration:underline}.clickable:hover{color:#2980b9}.navigation-path{display:flex;align-items:center;gap:8px;margin-bottom:10px;font-size:14px;color:#666}.path-item{color:#333}.progress-section{display:flex;align-items:center;gap:20px}.progress-bar{flex:1;height:8px;background-color:#e0e0e0;border-radius:4px;overflow:hidden}.progress-fill{height:100%;background-color:#f39c12;border-radius:4px}.progress-info{font-size:14px;color:#666}.practice-content{display:flex;gap:15px;padding:15px;max-width:1200px;margin:0 auto}.main-content{flex:1;background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:15px}.toolbar{display:flex;align-items:center;gap:10px;margin-bottom:0;padding:10px 15px;border-bottom:1px solid #e0e0e0;position:relative;z-index:10;flex-wrap:wrap}.toolbar-btn{display:flex;align-items:center;gap:5px;padding:8px 12px;background-color:#f5f5f5;border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:14px}.toolbar-btn:hover{background-color:#e0e0e0}.toolbar-timer{display:flex;align-items:center;gap:12px;padding:8px 15px;background-color:#f0f0f0;border-radius:4px;font-weight:600;color:#333;transition:background-color .2s}.timer-text{font-size:16px;font-family:Courier New,monospace;min-width:50px}.timer-buttons{display:flex;gap:6px}.timer-action-btn{padding:4px 10px;border:none;border-radius:3px;font-size:12px;cursor:pointer;font-weight:500;transition:opacity .2s}.timer-action-btn:hover{opacity:.9}.timer-action-btn.disabled{opacity:.4;cursor:not-allowed}.timer-action-btn.disabled:hover{opacity:.4}.timer-action-btn.start-btn{background-color:#27ae60;color:#fff}.timer-action-btn.pause-btn{background-color:#f39c12;color:#fff}.timer-action-btn.continue-btn{background-color:#3498db;color:#fff}.timer-action-btn.reset-btn{background-color:#e74c3c;color:#fff}.question-container{line-height:1.5;font-family:Helvetica Neue,Arial,sans-serif}.question-header{margin-bottom:15px;display:flex;align-items:center}.question-type{padding:2px 8px;background-color:#e3f2fd;color:#1976d2;border-radius:4px;font-size:.8em;margin-right:8px}.question-number{font-size:1.1em;font-weight:600;color:#333}.options{margin-bottom:20px;min-height:240px}.option{display:flex;align-items:flex-start;gap:8px;padding:10px 12px;border:1px solid #ddd;border-radius:6px;margin-bottom:8px;cursor:pointer;transition:all .3s ease}.option:hover{background-color:#f5f5f5}.option.selected{background-color:#e3f2fd;border-color:#1976d2}.option.correct{background-color:#e8f5e8;border-color:#4caf50}.option.incorrect{background-color:#ffebee;border-color:#f44336}.option-letter{width:20px;height:20px;display:flex;align-items:center;justify-content:center;background-color:#f0f0f0;border-radius:50%;font-weight:700;flex-shrink:0}.option.selected .option-letter{background-color:#1976d2;color:#fff}.answer-analysis{margin-top:15px;padding:15px;background-color:#f9f9f9;border-radius:8px;border-left:4px solid #2196f3}.answer-info{display:flex;gap:20px;margin-bottom:10px}.answer-item{display:flex;align-items:center;gap:8px}.answer-label{font-weight:600;color:#333}.answer-value{color:#666}.analysis h4{margin:0 0 8px;color:#333}.analysis p{margin:0;color:#666;line-height:1.5}.question-actions{display:flex;gap:10px;margin-top:15px}.action-btn{display:flex;align-items:center;gap:5px;padding:8px 12px;border:1px solid #ddd;border-radius:4px;background-color:#fff;cursor:pointer;font-size:14px}.collect-btn{color:#f39c12;border-color:#f39c12}.feedback-btn{color:#e74c3c;border-color:#e74c3c}.redo-btn{color:#3498db;border-color:#3498db}.notes-section{margin-top:20px}.personal-notes{margin-bottom:20px}.personal-notes h4,.netizen-notes h4{margin:0 0 10px;color:#333;font-size:14px}.note-input-container{display:flex;gap:10px}.note-input{flex:1;padding:10px;border:1px solid #ddd;border-radius:6px;font-size:14px;resize:vertical;min-height:80px}.add-note-btn{padding:10px 15px;background-color:#f39c12;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;white-space:nowrap}.add-note-btn:hover{background-color:#e67e22}.netizen-notes{margin-top:20px}.netizen-notes h4{color:#f39c12}.netizen-notes-list{margin-top:10px}.netizen-note-item{padding:10px;background-color:#f5f5f5;border-radius:6px;margin-bottom:10px}.netizen-note-item p{margin:0;color:#666;line-height:1.4}.no-notes{color:#999;font-size:14px;padding:10px;background-color:#f5f5f5;border-radius:6px}.navigation-buttons{display:flex;gap:10px;justify-content:space-between;margin-top:30px;padding:20px;border-top:1px solid #e0e0e0;flex-wrap:wrap;background-color:#fff}.nav-btn{padding:10px 20px;border:1px solid #ddd;border-radius:4px;background-color:#fff;cursor:pointer;font-size:14px}.nav-btn:disabled{opacity:.5;cursor:not-allowed}.submit-btn{background-color:#3498db;color:#fff;border-color:#3498db}.prev-btn{background-color:#95a5a6;color:#fff;border-color:#95a5a6}.next-btn{background-color:#27ae60;color:#fff;border-color:#27ae60}.answer-card{width:300px;background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:20px;position:relative;z-index:5}.answer-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;padding-bottom:10px;border-bottom:1px solid #e0e0e0}.answer-card-header h3{margin:0;color:#333;font-size:16px}.toggle-btn{background:none;border:none;color:#3498db;cursor:pointer;font-size:14px}.answer-section h4{margin:0 0 10px;color:#333;font-size:14px}.answer-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:5px}.answer-btn{width:30px;height:30px;border:1px solid #ddd;border-radius:4px;background-color:#fff;cursor:pointer;font-size:12px;position:relative}.answer-btn:hover,.answer-btn:active,.answer-btn.current:hover,.answer-btn.current:active,.answer-btn.correct:hover,.answer-btn.correct:active,.answer-btn.incorrect:hover,.answer-btn.incorrect:active{background-color:#fff}.answer-btn .question-number{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;line-height:1}.corner-badge{position:absolute;top:-2px;right:-2px;width:14px;height:14px;border-radius:50%;font-size:10px;display:flex;align-items:center;justify-content:center;line-height:1}.badge-correct{background-color:#27ae60;color:#fff}.badge-incorrect{background-color:#e74c3c;color:#fff}.answer-btn.current{background-color:#fff;color:#3498db;border-color:#3498db;border-width:2px}.answer-btn.correct{background-color:#27ae60;color:#fff;border-color:#27ae60}.answer-btn.incorrect{background-color:#e74c3c;color:#fff;border-color:#e74c3c}.answer-stats{display:flex;flex-direction:column;gap:8px;margin-bottom:20px;padding:15px;background-color:#f9f9f9;border-radius:6px}.stat-item{display:flex;align-items:center;gap:8px;font-size:14px}.stat-color{width:12px;height:12px;border-radius:50%}.stat-color.correct{background-color:#27ae60}.stat-color.incorrect{background-color:#e74c3c}.stat-color.unattempted{background-color:#95a5a6}.stat-icon{font-size:12px}.stat-accuracy{font-weight:600;color:#1976d2;padding-top:4px;border-top:1px solid #ddd;margin-top:4px}.return-btn{width:100%;padding:10px;background-color:#3498db;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px}.analysis-modal{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.analysis-content{background-color:#fff;border-radius:8px;width:90%;max-width:700px;max-height:85vh;overflow-y:auto;padding:20px}.analysis-section{margin-bottom:25px}.section-title{font-size:18px;font-weight:600;color:#333;margin-bottom:15px;padding-bottom:10px;border-bottom:2px solid #eee}.analysis-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid #eee}.analysis-header h2{margin:0;color:#333}.analysis-header .close-btn{background:none;border:none;font-size:24px;cursor:pointer;color:#999;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center}.analysis-header .close-btn:hover{color:#333}.analysis-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:15px;margin-bottom:25px}.analysis-stat{text-align:center;padding:15px;background-color:#f9f9f9;border-radius:6px}.analysis-stat .stat-label{display:block;font-size:14px;color:#666;margin-bottom:5px}.analysis-stat .stat-value{display:block;font-size:24px;font-weight:600;color:#333}.analysis-stat .stat-value.correct{color:#27ae60}.analysis-stat .stat-value.incorrect{color:#e74c3c}.analysis-stat .stat-value.accuracy{color:#1976d2}.analysis-questions{margin-top:25px}.analysis-questions h3{margin-bottom:15px;color:#333}.question-detail{padding:15px;border-radius:6px;border:1px solid #eee}.question-detail.detail-correct{background-color:#e8f5e9;border-color:#27ae60}.question-detail.detail-incorrect{background-color:#ffebee;border-color:#e74c3c}.question-detail.detail-unattempted{background-color:#f5f5f5}.detail-header{display:flex;align-items:center;gap:10px;margin-bottom:10px}.detail-index{font-weight:600;color:#333}.detail-type{font-size:12px;padding:2px 8px;background-color:#e3f2fd;color:#1976d2;border-radius:4px}.detail-status{margin-left:auto;font-size:14px;font-weight:600}.detail-status.status-correct{color:#27ae60}.detail-status.status-incorrect{color:#e74c3c}.detail-question{color:#333;margin-bottom:12px;line-height:1.6}.detail-answers{display:flex;flex-direction:column;gap:8px}.detail-answer-item{font-size:14px}.detail-answer-item .answer-label{font-weight:500;color:#666}.detail-answer-item .answer-value{color:#333}.detail-answer-item .answer-value.correct{color:#27ae60;font-weight:500}.question-detail.clickable{cursor:pointer;transition:transform .2s,box-shadow .2s}.question-detail.clickable:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.retry-hint{margin-top:10px;font-size:12px;color:#666;text-align:center}.suggestions{padding:15px;background-color:#f9f9f9;border-radius:6px}.suggestion-item{margin-bottom:15px}.suggestion-title{font-weight:600;color:#333;margin-bottom:8px;font-size:16px}.suggestion-item p{color:#666;line-height:1.6;margin:0}.suggestion-actions{display:flex;gap:10px;margin-top:20px;justify-content:center}.action-btn{padding:10px 20px;border:none;border-radius:6px;font-size:14px;cursor:pointer;font-weight:500;transition:opacity .2s}.action-btn:hover{opacity:.9}.action-btn.primary-btn{background-color:#e74c3c;color:#fff}.action-btn.secondary-btn{background-color:#3498db;color:#fff}.practice-complete{text-align:center;padding:40px}.practice-complete h2{margin:0 0 30px;color:#333}.result-stats{display:flex;justify-content:center;gap:30px;margin-bottom:30px}.complete-actions{display:flex;justify-content:center;gap:20px}.redo-all-btn{background-color:#e67e22;color:#fff;border-color:#e67e22}.loading{text-align:center;padding:60px;color:#666}.user-center-page{min-height:100vh;height:100vh;background-color:#f5f5f5;padding:0;margin:0;display:flex;flex-direction:column}.user-center-container{display:flex;gap:10px;width:100%;flex:1;min-height:0;padding:20px}.user-center-sidebar{width:160px;background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:6px;min-height:0}.sidebar-header h2{margin:0 0 10px;color:#333;font-size:18px;text-align:center}.nav-section{margin-bottom:12px}.nav-section h3{margin:0 0 5px;color:#666;font-size:12px;font-weight:600;text-transform:uppercase}.sidebar-nav ul{list-style:none;padding:0;margin:0}.sidebar-nav li{margin-bottom:2px}.sidebar-nav a{display:flex;align-items:center;gap:4px;padding:4px 6px;text-decoration:none;color:#333;border-radius:6px;transition:all .3s ease}.sidebar-nav a:hover{background-color:#f0f0f0}.sidebar-nav li.active a{background-color:#3498db;color:#fff}.nav-icon{font-size:16px}.user-center-main{flex:1;background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:20px;min-height:0;display:flex;flex-direction:column}.main-content{flex:1;min-height:0}.main-footer{margin-top:20px;padding-top:10px;border-top:1px solid #e0e0e0}.main-header h1{margin:0 0 20px;color:#333;font-size:20px}.user-center-content h2{margin:0 0 10px;color:#333;font-size:14px}.search-box{display:flex;gap:10px;margin-bottom:20px}.search-box input{flex:1;padding:8px 12px;border:1px solid #ddd;border-radius:4px}.questions-table table,.records-table table{width:100%;border-collapse:collapse}.questions-table th,.questions-table td,.records-table th,.records-table td{padding:12px;text-align:left;border-bottom:1px solid #ddd}.questions-table th,.records-table th{background-color:#f5f5f5;font-weight:600}.empty-state{text-align:center;padding:60px 0;color:#666}.empty-icon{font-size:48px;margin-bottom:10px}.pagination{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:20px}.page-btn{padding:5px 10px;border:1px solid #ddd;background-color:#fff;border-radius:4px;cursor:pointer}.materials-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px}.material-card{border:1px solid #ddd;border-radius:8px;padding:20px;text-align:center}.material-icon{font-size:48px;margin-bottom:10px}.material-card h3{margin:0 0 10px;color:#333}.material-card p{margin:0 0 15px;color:#666;font-size:14px}.downloads-list{display:flex;flex-direction:column;gap:15px}.download-item{display:flex;align-items:center;gap:15px;padding:15px;border:1px solid #ddd;border-radius:8px}.download-icon{font-size:32px}.download-info{flex:1}.download-info h4{margin:0 0 5px;color:#333}.download-info p{margin:0;color:#666;font-size:14px}.orders-list{display:flex;flex-direction:column;gap:15px}.order-card{border:1px solid #ddd;border-radius:8px;padding:15px}.mock-exam-page{min-height:100vh;background-color:#f5f5f5;padding:0;display:flex;flex-direction:column}.exam-header{background-color:#3498db;color:#fff;padding:15px 20px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 4px #0000001a}.user-info{display:flex;align-items:center;gap:15px}.user-avatar{font-size:32px}.user-details{font-size:14px;line-height:1.6}.user-field{display:flex;align-items:center;margin-bottom:4px}.user-details .label{font-weight:500;margin-right:5px;white-space:nowrap}.user-input{padding:4px 8px;border:1px solid #ddd;border-radius:4px;background-color:#fff;color:#333;font-size:14px;outline:none;transition:all .3s ease;min-width:80px}.user-input.small{min-width:40px;max-width:60px}.user-input:focus{border-color:#3498db;box-shadow:0 0 0 2px #3498db33}.user-input::placeholder{color:#999}.exam-start-container .user-input{background-color:#fff;color:#333;border:1px solid #ccc}.exam-start-container .user-input:focus{border-color:#3498db;box-shadow:0 0 0 2px #3498db33}.exam-title{font-size:18px;font-weight:700;text-align:center;flex:1}.exam-controls{display:flex;align-items:center;gap:20px}.time-display{display:flex;align-items:center;gap:10px}.time-value-wrapper{display:flex;align-items:center;gap:8px;position:relative}.time-setting-btn{background:none;border:none;cursor:pointer;font-size:16px;opacity:.8;transition:opacity .3s ease;padding:4px}.time-setting-btn:hover{opacity:1}.time-setting-dropdown{position:absolute;top:100%;right:0;background-color:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;padding:10px;z-index:1000;min-width:150px;margin-top:10px}.time-preset{padding:8px 12px;cursor:pointer;border-radius:4px;color:#333;font-size:14px;transition:background-color .3s ease}.time-preset:hover{background-color:#f0f0f0}.time-custom{display:flex;align-items:center;gap:8px;padding:8px 12px;margin-top:8px;border-top:1px solid #ddd;font-size:14px}.time-input{width:60px;padding:4px 8px;border:1px solid #ddd;border-radius:4px;font-size:14px}.time-apply-btn{padding:4px 12px;background-color:#3498db;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px;transition:background-color .3s ease}.time-apply-btn:hover{background-color:#2980b9}.exam-start-page{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:15px;display:flex;justify-content:center;align-items:flex-start}.exam-start-container{background-color:#fff;border-radius:10px;box-shadow:0 10px 30px #0000004d;padding:15px;max-width:600px;width:100%}.exam-start-header{text-align:center;margin-bottom:10px}.exam-start-header h1{color:#333;font-size:18px;margin-bottom:3px}.exam-start-header .subtitle{color:#666;font-size:12px}.exam-info-card{background-color:#f9f9f9;border-radius:6px;padding:10px;margin-bottom:8px}.exam-info-card h3{color:#333;font-size:13px;margin-bottom:6px;padding-bottom:4px;border-bottom:2px solid #3498db}.user-info-form{display:grid;grid-template-columns:repeat(2,1fr);gap:6px}.time-setting{display:flex;align-items:center;gap:8px}.time-setting .label{font-weight:500;color:#333;font-size:12px}.time-display-value{font-size:14px;font-weight:700;color:#3498db}.exam-rules{background-color:#fff3cd;border-radius:6px;padding:10px;margin-bottom:10px}.exam-rules h3{color:#856404;font-size:12px;margin-bottom:5px}.exam-rules ul{margin:0;padding-left:15px}.exam-rules li{color:#856404;font-size:11px;line-height:1.4}.start-exam-btn{width:100%;padding:10px;font-size:14px;font-weight:700;background:linear-gradient(135deg,#3498db,#2980b9);color:#fff;border:none;border-radius:5px;cursor:pointer;transition:all .3s ease}.start-exam-btn:hover{transform:translateY(-1px);box-shadow:0 3px 10px #3498db66}.start-exam-btn:active{transform:translateY(0)}.exam-records-section{margin-top:20px;border-top:1px solid #e0e0e0;padding-top:15px}.records-title{font-size:18px;font-weight:600;color:#333;margin:0 0 15px;padding-bottom:10px;border-bottom:2px solid #3498db}.records-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;padding-bottom:10px;border-bottom:1px solid #e0e0e0}.records-actions{display:flex;align-items:center;gap:15px}.warning-text{color:#f39c12;font-size:13px;font-weight:500}.delete-btn{padding:6px 12px;background-color:#e74c3c;color:#fff;border:none;border-radius:4px;font-size:12px;cursor:pointer;transition:background-color .3s ease}.delete-btn:hover{background-color:#c0392b}.delete-btn:disabled{background-color:#bdc3c7;cursor:not-allowed}.records-sort{display:flex;align-items:center;gap:8px}.records-sort span{font-size:13px;color:#666}.sort-select{padding:4px 8px;border:1px solid #ddd;border-radius:4px;font-size:12px;background-color:#fff;cursor:pointer}.records-table-container{margin-bottom:15px;overflow-x:auto}.records-table{width:100%;border-collapse:collapse;font-size:12px;border:1px solid #e0e0e0}.records-table th,.records-table td{padding:8px 10px;text-align:left;border-bottom:1px solid #e0e0e0}.records-table th{background-color:#f8f9fa;font-weight:600;color:#333;border-bottom:2px solid #e0e0e0}.records-table tr:hover{background-color:#f8f9fa}.records-table tr.selected{background-color:#e3f2fd}.records-table input[type=checkbox]{cursor:pointer}.record-name{font-weight:500;color:#3498db}.action-btn{padding:4px 8px;background-color:#f8f9fa;color:#333;border:1px solid #ddd;border-radius:4px;font-size:11px;cursor:pointer;transition:all .3s ease}.action-btn:hover{background-color:#e9ecef;border-color:#adb5bd}.no-records{text-align:center;padding:20px;color:#666;font-style:italic}.pagination{display:flex;justify-content:space-between;align-items:center;padding-top:10px;border-top:1px solid #e0e0e0}.total-records{font-size:12px;color:#666}.page-buttons{display:flex;align-items:center;gap:8px}.page-btn{padding:4px 8px;background-color:#f8f9fa;color:#333;border:1px solid #ddd;border-radius:4px;font-size:11px;cursor:pointer;transition:all .3s ease}.page-btn:hover:not(:disabled){background-color:#e9ecef;border-color:#adb5bd}.page-btn:disabled{background-color:#f1f3f4;color:#9aa0a6;cursor:not-allowed;border-color:#dadce0}.current-page{font-size:12px;font-weight:600;color:#3498db;min-width:20px;text-align:center}.submit-confirm-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:2000}.submit-confirm-dialog{background-color:#fff;border-radius:8px;width:90%;max-width:400px;box-shadow:0 4px 20px #00000026;overflow:hidden}.submit-confirm-header{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;border-bottom:1px solid #eee}.submit-confirm-header h3{margin:0;font-size:16px;font-weight:600;color:#333}.close-btn{background:none;border:none;font-size:20px;cursor:pointer;color:#999;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .3s ease}.close-btn:hover{background-color:#f5f5f5;color:#333}.submit-confirm-content{padding:30px 20px;text-align:center}.submit-confirm-content p{margin:0;font-size:14px;color:#666;line-height:1.5}.submit-confirm-actions{display:flex;justify-content:center;gap:20px;padding:20px;border-top:1px solid #eee}.confirm-btn{padding:10px 30px;background-color:#e74c3c;color:#fff;border:none;border-radius:20px;cursor:pointer;font-size:14px;font-weight:500;transition:all .3s ease}.confirm-btn:hover{background-color:#c0392b;transform:translateY(-1px)}.cancel-btn{padding:10px 30px;background-color:#fff;color:#e74c3c;border:1px solid #e74c3c;border-radius:20px;cursor:pointer;font-size:14px;font-weight:500;transition:all .3s ease}.cancel-btn:hover{background-color:#fef2f2;transform:translateY(-1px)}.result-actions{display:flex;gap:15px;margin-bottom:30px;justify-content:center}.result-actions .btn{padding:8px 20px;font-size:14px}.result-info{background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;padding:20px;margin-bottom:30px}.result-info h4{margin-top:0;margin-bottom:10px;font-size:16px;font-weight:600;color:#333}.result-info p{margin:5px 0;font-size:14px;color:#666;line-height:1.4}.result-table{background-color:#fff;border:1px solid #dee2e6;border-radius:8px;overflow:hidden}.result-table table{width:100%;border-collapse:collapse}.result-table th,.result-table td{padding:12px 15px;text-align:center;border-bottom:1px solid #dee2e6;font-size:14px}.result-table th{background-color:#f8f9fa;font-weight:600;color:#333;border-bottom:2px solid #dee2e6}.result-table tr:last-child td{border-bottom:none}.result-table tr:hover{background-color:#f8f9fa}.result-summary{margin:0;padding:15px;background-color:#f8f9fa;border-top:1px solid #dee2e6;font-size:14px;color:#666;text-align:center}.time-label{font-size:16px;font-weight:500}.time-value{font-size:18px;font-weight:700;color:gold}.time-value.warning{color:#e74c3c;animation:pulse 1s infinite}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.exam-content{flex:1;display:flex;background-color:#fff;margin:20px;border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow:hidden}.question-nav-panel{width:300px;border-right:1px solid #ddd;padding:20px;background-color:#f9f9f9;overflow-y:auto}.question-section{margin-bottom:30px}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;padding-bottom:10px;border-bottom:1px solid #ddd;cursor:pointer}.section-header h4{margin:0;font-size:16px;color:#333}.toggle-icon{font-size:12px;color:#666}.question-numbers{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.question-number-item{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:50%;cursor:pointer;font-size:14px;font-weight:500;transition:all .3s ease;border:1px solid #ddd;background-color:#fff}.question-number-item.unanswered{background-color:#fff;color:#333}.question-number-item.answered{background-color:#27ae60;color:#fff;border-color:#27ae60}.question-number-item.marked{background-color:#f39c12;color:#fff;border-color:#f39c12}.question-number-item.current{background-color:#3498db;color:#fff;border-color:#3498db;font-weight:700;transform:scale(1.1)}.question-content{flex:1;padding:30px;overflow-y:auto}.question-type-badge{display:inline-block;padding:4px 12px;background-color:#3498db;color:#fff;border-radius:12px;font-size:14px;margin-bottom:15px}.question-title{margin:0 0 25px;font-size:18px;line-height:1.5;color:#333}.options-list{margin-bottom:30px}.option-item{display:flex;align-items:center;padding:12px 16px;border:1px solid #ddd;border-radius:6px;margin-bottom:10px;cursor:pointer;transition:all .3s ease;background-color:#fff}.option-item:hover{border-color:#3498db;box-shadow:0 2px 4px #3498db1a}.option-item.selected{border-color:#3498db;background-color:#ebf5fb}.question-footer{display:flex;justify-content:space-between;align-items:center;margin-top:30px;padding-top:20px;border-top:1px solid #ddd}.mark-checkbox{display:flex;align-items:center;gap:8px;font-size:14px;cursor:pointer}.navigation-buttons{display:flex;gap:15px}.navigation-buttons .btn{min-width:100px}@media (max-width: 1200px){.question-nav-panel{width:250px}.question-numbers{grid-template-columns:repeat(5,1fr)}}@media (max-width: 992px){.exam-header{flex-direction:column;align-items:flex-start;gap:15px}.exam-content{flex-direction:column}.question-nav-panel{width:100%;border-right:none;border-bottom:1px solid #ddd}.question-numbers{grid-template-columns:repeat(10,1fr)}}.option-letter{display:inline-block;width:24px;height:24px;line-height:24px;text-align:center;background-color:#f0f0f0;border-radius:50%;margin-right:12px;font-weight:700}.option-item.selected .option-letter{background-color:#3498db;color:#fff}.option-text{font-size:16px;color:#333}.question-nav{display:flex;justify-content:space-between;align-items:center;margin-top:20px;padding-top:20px;border-top:1px solid #eee}.question-number{font-size:16px;font-weight:500;color:#666}.result-container{max-width:600px;margin:0 auto;text-align:center;padding:40px 20px;background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a}.score-circle{width:150px;height:150px;border-radius:50%;background-color:#3498db;color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;margin:0 auto 30px;box-shadow:0 4px 8px #3498db4d}.score-number{font-size:48px;font-weight:700;line-height:1}.score-label{font-size:18px;margin-top:5px}.result-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:20px;margin-bottom:30px}.stat-item{text-align:center}.stat-label{display:block;font-size:14px;color:#666;margin-bottom:5px}.stat-value{display:block;font-size:24px;font-weight:700;color:#333}.action-buttons{display:flex;justify-content:center;gap:10px}@media (max-width: 768px){.exam-header{flex-direction:column;align-items:flex-start;gap:15px}.exam-controls{align-self:flex-end}.question-nav{flex-direction:column;gap:10px}.result-stats{grid-template-columns:repeat(2,1fr)}}.btn{padding:10px 20px;border:none;border-radius:4px;font-size:16px;font-weight:500;cursor:pointer;transition:all .3s ease}.btn:hover{transform:translateY(-2px);box-shadow:0 2px 4px #0003}.btn:active{transform:translateY(0)}.primary-btn{background-color:#3498db;color:#fff}.primary-btn:hover{background-color:#2980b9}.secondary-btn{background-color:#95a5a6;color:#fff}.secondary-btn:hover{background-color:#7f8c8d}.danger-btn{background-color:#e74c3c;color:#fff}.danger-btn:hover{background-color:#c0392b}.btn:disabled{background-color:#bdc3c7;cursor:not-allowed;transform:none;box-shadow:none}.wallet-actions{display:flex;justify-content:center;gap:15px}.wallet-transactions{border:1px solid #ddd;border-radius:8px;padding:20px}.wallet-transactions h3{margin:0 0 20px;color:#333}.transaction-item{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid #eee}.transaction-info h4{margin:0 0 5px;color:#333}.transaction-info p{margin:0;color:#666;font-size:14px}.transaction-amount{font-weight:700}.transaction-amount.income{color:#27ae60}.transaction-amount.expense{color:#e74c3c}.coupons-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.coupon-card{display:flex;align-items:center;gap:20px;padding:20px;border:1px solid #ddd;border-radius:8px}.coupon-amount{font-size:24px;font-weight:700;color:#e74c3c}.coupon-info h4{margin:0 0 5px;color:#333}.coupon-info p{margin:0;color:#666;font-size:14px}.coupon-status{padding:3px 10px;border-radius:12px;font-size:12px;font-weight:600;background-color:#27ae60;color:#fff}.user-info-form,.activation-form,.feedback-form{max-width:600px}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:5px;color:#333;font-weight:600}.form-group input,.form-group select,.form-group textarea{width:100%;padding:10px;border:1px solid #ddd;border-radius:4px;font-size:14px}.form-actions{margin-top:30px}.activation-info{margin-top:20px;padding:15px;background-color:#f5f5f5;border-radius:4px}.activation-info p{margin:5px 0;color:#666;font-size:14px}.announcements-list{display:flex;flex-direction:column;gap:20px}.announcement-item{padding:20px;border:1px solid #ddd;border-radius:8px}.announcement-item h3{margin:0 0 5px;color:#333}.announcement-date{margin:0 0 10px;color:#666;font-size:14px}.announcement-content{margin:0;color:#666;line-height:1.5}.auxiliary-list-page{padding:15px;min-height:100vh;background-color:#f5f5f5}.auxiliary-list-page .content-header{display:flex;align-items:center;margin-bottom:4px;gap:3px;padding:1px 0}.auxiliary-list-page .content-header h3{flex:1;margin:0;font-size:18px;text-align:center;font-weight:700}.auxiliary-list-page .content-header .back-btn{padding:6px 10px;font-size:14px;border:none;background:none;cursor:pointer;color:#333}.auxiliary-list-page .content-header .btn.danger-btn{padding:6px 12px;font-size:14px;border-radius:4px}.auxiliary-list-page .search-sort-section{background-color:#f9f9f9;padding:10px;border-radius:6px;margin-bottom:10px}.auxiliary-list-page .search-sort-section .search-box{margin-bottom:6px}.auxiliary-list-page .search-sort-section .search-box input{width:100%;padding:6px 10px;border:1px solid #ddd;border-radius:4px;font-size:13px}.auxiliary-list-page .sort-buttons{display:flex;gap:6px}.auxiliary-list-page .sort-buttons .btn{flex:1;padding:6px 10px;border:1px solid #ddd;border-radius:4px;background-color:#fff;color:#333;cursor:pointer;transition:all .3s;font-size:13px}.auxiliary-list-page .notes-count{margin:8px 0;font-size:14px;color:#666;font-weight:500}.auxiliary-list-page .wrong-questions-section{margin-top:20px;padding-top:20px;border-top:1px solid #e0e0e0}.auxiliary-list-page .wrong-questions-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.auxiliary-list-page .wrong-questions-header h3{margin:0;font-size:16px;font-weight:700}.auxiliary-list-page .wrong-questions-actions{display:flex;gap:8px}.auxiliary-list-page .wrong-questions-count{margin:8px 0;font-size:14px;color:#666;font-weight:500}.auxiliary-list-page .wrong-questions-list{display:flex;flex-direction:column;gap:8px}.auxiliary-list-page .wrong-question-card{padding:10px;border:1px solid #e0e0e0;border-radius:6px;background-color:#fff8f8;transition:all .3s ease}.auxiliary-list-page .wrong-question-card:hover{box-shadow:0 2px 4px #0000001a}.auxiliary-list-page .wrong-question-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.auxiliary-list-page .wrong-question-title{font-weight:700;color:#333;flex:1}.auxiliary-list-page .wrong-question-error-count{font-size:12px;color:#e74c3c;font-weight:500}.auxiliary-list-page .wrong-question-content{margin-bottom:6px;color:#666;line-height:1.3;font-size:13px}.auxiliary-list-page .wrong-question-actions{display:flex;gap:6px}.auxiliary-list-page .wrong-question-actions .btn{padding:3px 6px;font-size:11px}.wrong-questions-page{padding:15px;min-height:100vh;background-color:#f5f5f5}.wrong-questions-page .content-header{display:flex;align-items:center;margin-bottom:15px;gap:10px}.wrong-questions-page .content-header h3{flex:1;text-align:center;font-size:18px;font-weight:700;margin:0}.wrong-questions-page .content-header .back-btn{padding:6px 10px;font-size:14px;border:none;background:none;cursor:pointer;color:#333}.wrong-questions-page .content-header .btn.danger-btn{padding:6px 12px;font-size:14px;border-radius:4px}.wrong-questions-page .wrong-questions-count{margin:10px 0;font-size:14px;color:#666;font-weight:500}.wrong-questions-page .wrong-questions-list{display:flex;flex-direction:column;gap:10px}.wrong-questions-page .wrong-question-card{padding:12px;border:1px solid #e0e0e0;border-radius:6px;background-color:#fff8f8;transition:all .3s ease}.wrong-questions-page .wrong-question-card:hover{box-shadow:0 2px 8px #0000001a}.wrong-questions-page .wrong-question-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.wrong-questions-page .wrong-question-title{font-weight:700;color:#333;flex:1}.wrong-questions-page .wrong-question-error-count{font-size:12px;color:#e74c3c;font-weight:500}.wrong-questions-page .wrong-question-content{margin-bottom:10px;color:#666;line-height:1.4;font-size:14px}.wrong-questions-page .wrong-question-actions{display:flex;gap:10px}.wrong-questions-page .wrong-question-actions .btn{padding:6px 12px;font-size:13px}.wrong-questions-page .redo-section{margin-top:20px;padding-top:15px;border-top:1px solid #e0e0e0}.wrong-questions-page .redo-section .large-btn{width:100%;padding:12px;font-size:16px}.wrong-questions-page .empty-state{text-align:center;padding:40px 20px;color:#999}.wrong-questions-page .empty-state p{margin:10px 0}.auxiliary-list-page .page-header{display:flex;align-items:center;gap:15px;margin-bottom:20px;padding:15px;background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a}.auxiliary-list-page .page-header h2{margin:0;color:#333}.tabs{display:flex;gap:10px;margin-bottom:20px;background-color:#fff;padding:10px;border-radius:8px;box-shadow:0 2px 8px #0000001a}.tab-btn{flex:1;padding:12px;border:none;background-color:#f8f9fa;border-radius:6px;cursor:pointer;transition:all .3s ease;font-size:14px}.tab-btn:hover{background-color:#e9ecef}.tab-btn.active{background-color:#3498db;color:#fff}.tab-content{background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:12px}.records-list h3,.notes-list h3,.practice-plan h3{margin-top:0;color:#333;margin-bottom:20px}.record-card,.note-card{padding:10px;border:1px solid #e0e0e0;border-radius:6px;margin-bottom:6px;transition:all .3s ease}.record-card:hover,.note-card:hover{box-shadow:0 2px 4px #0000001a}.record-header,.note-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.record-mode,.note-title{font-weight:700;color:#333}.record-date,.note-date{font-size:12px;color:#666}.record-stats{display:flex;gap:20px;margin-bottom:10px;font-size:14px;color:#666}.note-content{margin-bottom:6px;color:#333;line-height:1.3;font-size:13px}.note-actions{display:flex;gap:6px}.note-actions .btn{padding:3px 6px;font-size:11px}.note-edit-content{width:100%;padding:10px;border:1px solid #ddd;border-radius:4px;resize:vertical;min-height:100px;margin:10px 0}.note-edit-buttons{display:flex;gap:10px;margin-top:10px;justify-content:flex-end}.plan-details{padding:20px;background-color:#f8f9fa;border-radius:6px}.plan-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.plan-header h4{margin:0;color:#333}.plan-status{padding:4px 12px;background-color:#27ae60;color:#fff;border-radius:12px;font-size:12px}.plan-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:15px;margin-bottom:20px}.practice-plan .stat-item{text-align:center}.practice-plan .stat-label{font-size:12px;color:#666;display:block}.practice-plan .stat-value{font-size:18px;font-weight:700;color:#333}.user-management{padding:20px;background-color:#f9f9f9;border-radius:8px;box-shadow:0 2px 4px #0000001a}.user-management-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:10px;border-bottom:2px solid #3498db}.user-management-header h3{margin:0;color:#333;font-size:18px}.user-type-filter{display:flex;align-items:center;gap:10px}.user-type-filter label{font-size:14px;color:#666}.user-type-filter select{padding:6px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px;background-color:#fff;cursor:pointer}.user-type-filter select:focus{outline:none;border-color:#3498db;box-shadow:0 0 0 2px #3498db33}@media (max-width: 768px){.user-management-header{flex-direction:column;align-items:flex-start;gap:10px}.user-type-filter{width:100%;justify-content:flex-start}.user-type-filter select{flex:1}}.admin-table td:nth-child(6){max-width:200px;word-wrap:break-word}.modal-content h4{margin-top:0;color:#333;font-size:16px;margin-bottom:15px}.form-group{margin-bottom:15px}.form-group label{display:block;margin-bottom:5px;font-weight:500;color:#333}.form-group input,.form-group textarea{width:100%;padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px;box-sizing:border-box}.form-group textarea{resize:vertical;min-height:80px}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.cancel-btn,.save-btn{padding:8px 16px;border:none;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease}.cancel-btn{background-color:#95a5a6;color:#fff}.cancel-btn:hover{background-color:#7f8c8d}.save-btn{background-color:#3498db;color:#fff}.save-btn:hover{background-color:#2980b9}.agent-management{padding:20px;background-color:#f9f9f9;border-radius:8px;box-shadow:0 2px 4px #0000001a}.agent-management-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:10px;border-bottom:2px solid #3498db}.agent-management-header h3{margin:0;color:#333;font-size:18px}@media (max-width: 768px){.agent-management-header{flex-direction:column;align-items:flex-start;gap:10px}.agent-management{padding:15px}}.organization-management{padding:20px;background-color:#f9f9f9;border-radius:8px;box-shadow:0 2px 4px #0000001a}.organization-management-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:10px;border-bottom:2px solid #3498db}.organization-management-header h3{margin:0;color:#333;font-size:18px}@media (max-width: 768px){.organization-management-header{flex-direction:column;align-items:flex-start;gap:10px}.organization-management{padding:15px}}.material-management{padding:20px;background-color:#f9f9f9;border-radius:8px;box-shadow:0 2px 4px #0000001a}.material-management-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:10px;border-bottom:2px solid #3498db}.material-management-header h3{margin:0;color:#333;font-size:18px}.admin-table a{color:#3498db;text-decoration:none;transition:color .3s ease}.admin-table a:hover{color:#2980b9;text-decoration:underline}@media (max-width: 768px){.material-management-header{flex-direction:column;align-items:flex-start;gap:10px}.material-management{padding:15px}.admin-table a{word-break:break-all}}.question-management{padding:20px;background-color:#f9f9f9;border-radius:8px;box-shadow:0 2px 4px #0000001a}.question-management-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:10px;border-bottom:2px solid #3498db}.question-management-header h3{margin:0;color:#333;font-size:18px}.question-actions{display:flex;gap:10px}.import-btn,.export-btn{padding:8px 16px;border:none;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease}.import-btn{background-color:#27ae60;color:#fff}.import-btn:hover{background-color:#219a52}.export-btn{background-color:#f39c12;color:#fff}.export-btn:hover{background-color:#e67e22}.material-filters{display:flex;flex-wrap:wrap;gap:15px;margin-bottom:20px;padding:15px;background-color:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;align-items:center}.material-filters .search-box{flex:1;min-width:300px}.material-filters .filter-boxes,.material-filters .material-actions{display:flex;gap:10px;align-items:center}.material-filters .add-btn,.material-filters .import-btn,.material-filters .export-btn{padding:10px 20px;font-size:14px;margin:0}.material-filters .add-btn,.material-filters .import-btn{background-color:#27ae60;color:#fff}.material-filters .export-btn{background-color:#f39c12;color:#fff}.question-filters{display:flex;flex-wrap:wrap;gap:15px;margin-bottom:20px;padding:15px;background-color:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a}.search-box{flex:1;min-width:300px}.search-box input{width:100%;padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px}.filter-boxes{display:flex;gap:10px;flex-wrap:wrap}.filter-boxes select{padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px;min-width:120px}.tag{display:inline-block;padding:2px 8px;background-color:#3498db;color:#fff;border-radius:12px;font-size:12px;margin-right:5px;margin-bottom:5px}.status-badge{display:inline-block;padding:2px 8px;border-radius:12px;font-size:12px;font-weight:500}.status-badge.active{background-color:#27ae60;color:#fff}.status-badge.inactive{background-color:#e74c3c;color:#fff}.status-btn{padding:4px 8px;border:none;border-radius:4px;font-size:12px;font-weight:500;cursor:pointer;transition:all .3s ease;margin-left:5px}.status-btn.active{background-color:#27ae60;color:#fff}.status-btn.inactive{background-color:#e74c3c;color:#fff}.pagination{display:flex;align-items:center;margin-top:20px;padding-top:15px;border-top:1px solid #ddd;gap:15px;flex-wrap:wrap}.page-info{font-size:14px;color:#666;flex:1;min-width:200px}.page-size-select{margin-right:15px}.page-size-select select{padding:4px 8px;border:1px solid #ddd;border-radius:4px;font-size:14px;background-color:#fff;cursor:pointer}.page-btn{padding:4px 10px;border:1px solid #ddd;background-color:#fff;border-radius:4px;font-size:14px;cursor:pointer;transition:all .3s ease;margin:0 2px}.page-btn:hover:not(:disabled){background-color:#f0f0f0}.page-btn:disabled{opacity:.5;cursor:not-allowed}.page-buttons button:disabled{opacity:.5;cursor:not-allowed}.option-item{display:flex;align-items:center;gap:10px;margin-bottom:10px}.option-item input[type=checkbox],.option-item input[type=radio]{margin:0}.option-item input[type=text]{flex:1;padding:6px 10px;border:1px solid #ddd;border-radius:4px;font-size:14px}.remove-option-btn,.add-option-btn{padding:4px 8px;border:1px solid #ddd;background-color:#fff;border-radius:4px;font-size:12px;cursor:pointer;transition:all .3s ease}.remove-option-btn:hover{background-color:#e74c3c;color:#fff;border-color:#e74c3c}.add-option-btn:hover{background-color:#27ae60;color:#fff;border-color:#27ae60}.tags-container{display:flex;flex-wrap:wrap;gap:10px;margin-top:5px}.tag-checkbox{display:flex;align-items:center;gap:5px;cursor:pointer;font-size:14px}.tag-checkbox input[type=checkbox]{margin:0}.question-modal{max-width:600px;width:100%;max-height:80vh;overflow-y:auto}.question-modal .form-group{margin-bottom:15px}.question-modal label{display:block;margin-bottom:5px;font-weight:500;color:#333}.question-modal input[type=text],.question-modal select,.question-modal textarea{width:100%;padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px;box-sizing:border-box}.question-modal textarea{resize:vertical;min-height:100px}@media (max-width: 768px){.question-management-header{flex-direction:column;align-items:flex-start;gap:10px}.question-actions{width:100%;justify-content:space-between}.question-filters{flex-direction:column}.search-box{min-width:100%}.filter-boxes{width:100%}.filter-boxes select{flex:1;min-width:auto}.pagination{flex-direction:column;align-items:flex-start;gap:10px}.pagination-controls{width:100%;justify-content:space-between}.page-buttons{flex-wrap:wrap}.admin-table{font-size:12px}.admin-table th,.admin-table td{padding:8px}.admin-table th:nth-child(2),.admin-table td:nth-child(2){max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.question-modal{max-width:90vw}}.version-settings{padding:20px}.version-settings-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.settings-card{background-color:#f9f9f9;border-radius:8px;padding:20px;margin-bottom:20px;box-shadow:0 2px 4px #0000001a}.settings-card h4{margin-top:0;margin-bottom:15px;color:#333}.setting-item{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid #e0e0e0}.setting-item label{font-weight:500;color:#555}.setting-item span{color:#333}.logo-preview{margin-top:10px}.logo-preview img{max-width:100px;max-height:100px;border-radius:4px}.checkbox-group{display:flex;flex-direction:column;gap:10px;margin-top:10px}.checkbox-group label{display:flex;align-items:center;gap:8px;font-weight:400;cursor:pointer}.settings-btn{background-color:#4caf50;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;font-size:14px}.settings-btn:hover{background-color:#45a049}.copyright-management{padding:20px}.copyright-management-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.footer-link-item{display:flex;gap:10px;margin-bottom:10px;align-items:center}.footer-link-item input{flex:1;padding:8px;border:1px solid #ddd;border-radius:4px}.footer-link-item .delete-btn{padding:8px 12px;margin:0}.contact-inputs{display:flex;gap:10px;margin-top:10px}.contact-inputs>div{flex:1}.contact-inputs input{width:100%;padding:8px;border:1px solid #ddd;border-radius:4px;margin-top:5px}.announcement-management{padding:20px}.announcement-management-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.ad-banner-management{padding:20px}.ad-banner-management-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.image-preview{margin-top:10px;border:1px solid #ddd;border-radius:4px;padding:10px;background-color:#f9f9f9}.status-badge{padding:4px 8px;border-radius:12px;font-size:12px;font-weight:500}.status-badge.active{background-color:#d4edda;color:#155724}.status-badge.inactive{background-color:#f8d7da;color:#721c24}.status-btn{padding:5px 10px;border:none;border-radius:4px;cursor:pointer;font-size:12px;margin-right:5px}.status-btn.active{background-color:#4caf50;color:#fff}.status-btn.inactive{background-color:#f44336;color:#fff}.practice-management{margin-bottom:30px}.practice-management-header{display:flex;flex-direction:column;gap:15px;margin-bottom:15px}.practice-management-header h3{margin:0;color:#2c3e50}.bulk-status-controls{display:flex;flex-wrap:wrap;gap:15px;align-items:center;padding:15px;background-color:#f8f9fa;border-radius:8px;border:1px solid #e9ecef}.bulk-buttons{display:flex;gap:10px;margin-left:auto}.bulk-enable-btn,.bulk-disable-btn{padding:8px 16px;border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500;transition:all .3s ease}.bulk-enable-btn{background-color:#27ae60;color:#fff}.bulk-enable-btn:hover{background-color:#219a52;transform:translateY(-1px);box-shadow:0 2px 8px #27ae604d}.bulk-disable-btn{background-color:#e74c3c;color:#fff}.bulk-disable-btn:hover{background-color:#c0392b;transform:translateY(-1px);box-shadow:0 2px 8px #e74c3c4d}.current-status-display{display:flex;align-items:center;gap:8px;font-size:13px}.status-label{font-weight:500;color:#555;white-space:normal;word-break:break-all;overflow:visible;text-overflow:clip}.category-enabled-status{display:flex;flex-direction:column;gap:5px}.category-cascade-select{display:flex;flex-wrap:wrap;gap:5px;align-items:center}.category-select{padding:4px 8px;border:1px solid #ddd;border-radius:4px;font-size:12px;cursor:pointer}.category-select.level-1,.category-select.level-2{min-width:100px}.category-select.level-3{min-width:120px}.category-select:hover{border-color:#3498db}.status-display{display:flex;align-items:center;gap:5px;font-size:12px;margin-top:5px}.category-status-item{display:flex;align-items:center;gap:5px;font-size:12px}.category-name{font-weight:500;min-width:60px}.toggle-btn{padding:2px 6px;border:none;border-radius:3px;font-size:11px;cursor:pointer;transition:all .2s ease}.toggle-btn:hover{opacity:.8;transform:scale(1.05)}.toggle-on{background-color:#4caf50;color:#fff}.toggle-off{background-color:#f44336;color:#fff}.admin-table th:nth-child(7),.admin-table td:nth-child(7){min-width:200px;width:200px}.admin-table td:nth-child(7){padding:8px}@media (max-width: 1200px){.admin-table th:nth-child(7),.admin-table td:nth-child(7){min-width:150px;width:150px}.category-status-item{font-size:11px}.category-name{min-width:50px}}.submit-confirm-modal{position:fixed;top:0;left:0;right:0;bottom:0;background-color:transparent;display:flex;justify-content:center;align-items:center;z-index:1000}.submit-confirm-content{background-color:#fff;border-radius:8px;padding:20px;width:400px;max-width:90%;box-shadow:0 4px 12px #00000026}.submit-confirm-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:10px;border-bottom:1px solid #e0e0e0}.submit-confirm-header h3{margin:0;font-size:18px;font-weight:600}.close-btn{background:none;border:none;font-size:20px;cursor:pointer;color:#999;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.submit-confirm-body{margin-bottom:20px}.submit-confirm-body p{margin:0;font-size:16px;line-height:1.5;text-align:center}.unanswered-count{font-weight:600;color:#ff5722;font-size:18px}.submit-confirm-footer{display:flex;justify-content:center;gap:20px}.confirm-btn{background-color:#ff5722;color:#fff;border:none;border-radius:4px;padding:10px 20px;font-size:16px;cursor:pointer;transition:background-color .2s}.confirm-btn:hover{background-color:#e64a19}.cancel-btn{background-color:#fff;color:#ff5722;border:1px solid #ff5722;border-radius:4px;padding:10px 20px;font-size:16px;cursor:pointer;transition:all .2s}.cancel-btn:hover{background-color:#fff3e0}.calculator-modal{position:fixed;top:0;left:0;right:0;bottom:0;background-color:transparent;z-index:1000}.calculator-content{background-color:#fff;border-radius:12px;padding:20px;box-shadow:0 4px 20px #0003;z-index:1001;box-sizing:border-box;overflow:hidden;position:relative;display:flex;flex-direction:column;min-width:200px;min-height:250px;max-width:500px;max-height:600px}.calculator-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;cursor:grab;-webkit-user-select:none;user-select:none;flex-shrink:0}.calculator-header:active{cursor:grabbing}.calculator-header h3{margin:0;color:#333;font-size:clamp(14px,2.5vw,18px)}.calculator-close{background:none;border:none;font-size:20px;color:#666;cursor:pointer;padding:0;width:25px;height:25px;display:flex;align-items:center;justify-content:center}.calculator-close:hover{color:#333}.calculator-display{margin-bottom:10px;flex-shrink:0}.calculator-display input{width:100%;padding:.8em;border:1px solid #ddd;border-radius:8px;font-size:clamp(16px,3vw,24px);text-align:right;background-color:#f9f9f9;color:#333;box-sizing:border-box;margin-bottom:10px}.calculator-buttons{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;flex-grow:1;min-height:150px;overflow-y:auto;padding-right:5px}.calculator-buttons button{padding:.5em;border:1px solid #ddd;border-radius:6px;background-color:#fff;font-size:clamp(12px,2vw,16px);cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;min-height:3em;word-break:keep-all;white-space:nowrap;text-align:center}.calculator-buttons button:hover{background-color:#f0f0f0}.calculator-buttons button:active{background-color:#e0e0e0}.calculator-buttons button.equals{grid-column:span 1;background-color:#3498db;color:#fff;border-color:#3498db}.calculator-buttons button.equals:hover{background-color:#2980b9}.settings-modal{position:fixed;top:0;left:0;right:0;bottom:0;background-color:transparent;display:flex;align-items:center;justify-content:center;z-index:1000}.settings-content{background-color:#fff;border-radius:12px;padding:20px;width:320px;box-shadow:0 4px 20px #0003}.settings-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.settings-header h3{margin:0;color:#333}.settings-close{background:none;border:none;font-size:24px;color:#666;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center}.settings-close:hover{color:#333}.settings-options{display:flex;flex-direction:column;gap:15px}.setting-item{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid #f0f0f0}.setting-item span{font-size:16px;color:#333}.switch{position:relative;display:inline-block;width:60px;height:34px}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:.4s;border-radius:34px}.slider:before{position:absolute;content:"";height:26px;width:26px;left:4px;bottom:4px;background-color:#fff;transition:.4s;border-radius:50%}input:checked+.slider:before{transform:translate(26px)}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}.font-settings{padding:10px 0}.font-size-section h4{margin:0 0 15px;color:#333;font-size:16px}.font-size-btn{flex:1;min-width:80px;padding:12px;border:1px solid #ddd;border-radius:6px;background-color:#fff;font-size:14px;cursor:pointer;transition:all .2s;text-align:center}.font-size-btn:hover{background-color:#f0f0f0}.font-size-btn.active{background-color:#3498db;color:#fff;border-color:#3498db}.question-bank-preview-page{max-width:1200px;margin:0 auto;padding:2rem}.question-bank-preview-page .page-header{text-align:center;margin-bottom:2rem;padding:1rem 0;border-bottom:1px solid #e0e0e0}.question-bank-preview-page .page-header h1{font-size:2.5rem;color:#333;margin-bottom:.5rem}.question-bank-preview-page .page-header p{font-size:1.1rem;color:#666;margin:0}.bank-info-card{background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:2rem;margin-bottom:2rem}.bank-info-header{display:flex;gap:2rem;margin-bottom:2rem;flex-wrap:wrap}.bank-cover{flex:0 0 200px}.cover-image{width:100%;height:200px;object-fit:cover;border-radius:8px;box-shadow:0 2px 4px #0000001a}.bank-info{flex:1;min-width:300px}.bank-info h2{font-size:1.8rem;color:#333;margin-bottom:1rem}.bank-meta{display:flex;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.price-tag,.difficulty-tag,.rating{padding:.3rem .8rem;border-radius:4px;font-size:.9rem;font-weight:500}.price-tag{background-color:#ff9800;color:#fff;font-weight:700;font-size:1.1rem}.difficulty-tag{background-color:#e8f5e8;color:#388e3c}.rating{background-color:#fff3e0;color:#f57c00}.bank-stats{display:flex;gap:2rem;flex-wrap:wrap}.stat-item{display:flex;flex-direction:column;gap:.3rem}.stat-value{font-size:1.2rem;font-weight:700;color:#333}.stat-label{font-size:.9rem;color:#666}.bank-description{border-top:1px solid #e0e0e0;padding-top:1.5rem}.bank-description h3{font-size:1.3rem;color:#333;margin-bottom:1rem}.bank-description p{font-size:1rem;line-height:1.6;color:#666;margin-bottom:1.5rem}.bank-tags{display:flex;gap:.5rem;flex-wrap:wrap}.bank-tags .tag{padding:.3rem .8rem;background-color:#f5f5f5;border-radius:4px;font-size:.9rem;color:#666}.questions-preview{background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:2rem;margin-bottom:2rem}.preview-header{margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid #e0e0e0}.preview-header h3{font-size:1.5rem;color:#333;margin-bottom:.5rem}.preview-header p{font-size:1rem;color:#666;margin:0}.questions-list{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2rem}.question-item{padding:1.5rem;border:1px solid #e0e0e0;border-radius:8px;transition:all .3s}.question-item:hover{box-shadow:0 2px 8px #0000001a;border-color:#3498db}.question-header{display:flex;gap:1rem;margin-bottom:1rem;flex-wrap:wrap;align-items:center}.question-number{font-weight:700;color:#333;font-size:1.1rem}.question-type{padding:.2rem .6rem;border-radius:4px;font-size:.8rem;font-weight:500}.question-type.单选题{background-color:#e3f2fd;color:#1976d2}.question-type.多选题{background-color:#e8f5e8;color:#388e3c}.question-type.判断题{background-color:#fff3e0;color:#f57c00}.question-type.不定项选择题{background-color:#f3e5f5;color:#7b1fa2}.question-difficulty{padding:.2rem .6rem;border-radius:4px;font-size:.8rem;font-weight:500}.question-difficulty.简单{background-color:#e8f5e8;color:#388e3c}.question-difficulty.中等{background-color:#fff3e0;color:#f57c00}.question-difficulty.困难{background-color:#ffebee;color:#c62828}.question-score{font-size:.9rem;color:#666;font-weight:500}.question-content{margin-bottom:1.5rem}.question-content p{font-size:1rem;line-height:1.6;color:#333;margin-bottom:1rem}.question-options{display:flex;flex-direction:column;gap:.5rem;margin-left:1rem}.option-item{display:flex;align-items:flex-start;gap:.8rem;padding:.5rem 0}.option-letter{display:inline-block;width:24px;height:24px;line-height:24px;text-align:center;background-color:#f0f0f0;border-radius:50%;font-weight:700;flex-shrink:0}.option-text{flex:1;font-size:.95rem;color:#555;line-height:1.4}.question-actions{display:flex;gap:1rem;justify-content:flex-end;flex-wrap:wrap}.pagination{display:flex;justify-content:center;align-items:center;gap:1rem;margin-top:2rem;flex-wrap:wrap}.page-numbers{display:flex;gap:.5rem}.page-btn{padding:.5rem 1rem;border:1px solid #e0e0e0;background-color:#fff;border-radius:4px;cursor:pointer;transition:all .3s}.page-btn:hover{background-color:#f5f5f5;border-color:#3498db}.page-btn.active{background-color:#3498db;color:#fff;border-color:#3498db}.action-section{background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:2rem}.action-section h3{font-size:1.3rem;color:#333;margin-bottom:1.5rem}.action-buttons{display:flex;gap:1rem;flex-wrap:wrap}@media (max-width: 768px){.question-bank-preview-page{padding:1rem}.bank-info-header{flex-direction:column;align-items:center;text-align:center}.bank-cover{flex:0 0 150px}.cover-image{height:150px}.bank-stats,.question-actions,.action-buttons{justify-content:center}}.loading-container,.error-container{display:flex;justify-content:center;align-items:center;height:300px;font-size:1.2rem;color:#666}.cache-cleanup{background-color:#fff;padding:1.5rem;border-radius:8px;box-shadow:0 2px 8px #0000001a;margin-top:2rem}.cache-cleanup h4{font-size:1.2rem;font-weight:700;color:#333;margin-bottom:1rem;border-bottom:1px solid #e0e0e0;padding-bottom:.5rem}.cache-cleanup p{margin-bottom:1rem;color:#666}.btn.danger-btn{background-color:#e74c3c;color:#fff;border:none;padding:.8rem 1.5rem;border-radius:4px;font-size:1rem;cursor:pointer;transition:background-color .3s}.btn.danger-btn:hover{background-color:#c0392b}.favorites-page{max-width:1200px;margin:0 auto;padding:20px;font-family:Arial,sans-serif}.favorites-page .tab-content{background:#fff;border-radius:8px;padding:20px;box-shadow:0 2px 8px #0000001a}.favorites-page .content-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid #e0e0e0}.favorites-page .content-header h3{margin:0;font-size:20px;color:#333;flex:1;text-align:center}.favorites-page .back-btn{padding:8px 16px;border:1px solid #e0e0e0;border-radius:6px;background:#fff;cursor:pointer;transition:all .3s ease;font-size:14px;color:#333}.favorites-page .back-btn:hover{background:#f8f9fa;border-color:#3498db}.favorites-page .search-sort-section{display:flex;gap:15px;margin-bottom:20px}.favorites-page .search-box{flex:1}.favorites-page .search-box input{width:100%;padding:10px 15px;border:1px solid #e0e0e0;border-radius:6px;font-size:14px;box-sizing:border-box}.favorites-page .search-box input:focus{outline:none;border-color:#3498db}.favorites-page .sort-box select{padding:10px 15px;border:1px solid #e0e0e0;border-radius:6px;font-size:14px;background:#fff;cursor:pointer}.favorites-page .favorites-count{padding:10px 0;font-size:14px;color:#666;margin-bottom:15px}.favorites-page .empty-state{text-align:center;padding:60px 20px;color:#999}.favorites-page .empty-state p:first-child{font-size:18px;margin-bottom:10px}.favorites-page .empty-state p:last-child{font-size:14px}.favorites-page .favorites-list{display:flex;flex-direction:column;gap:15px}.favorites-page .favorite-card{border:1px solid #e0e0e0;border-radius:8px;padding:15px;transition:all .3s ease}.favorites-page .favorite-card:hover{border-color:#3498db;box-shadow:0 2px 8px #3498db33}.favorites-page .favorite-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.favorites-page .favorite-type{color:#3498db;font-size:14px;font-weight:500}.favorites-page .favorite-time{color:#999;font-size:12px}.favorites-page .favorite-content{margin-bottom:15px}.favorites-page .favorite-question{font-size:15px;color:#333;line-height:1.6;margin-bottom:10px}.favorites-page .favorite-options{margin-top:10px}.favorites-page .favorite-option{font-size:14px;color:#666;padding:4px 0;line-height:1.5}.favorites-page .favorite-answer{margin-top:10px;font-size:14px;color:#27ae60;font-weight:500}.favorites-page .favorite-actions{display:flex;gap:10px;justify-content:flex-end}.favorites-page .practice-section{margin-top:30px;text-align:center}.favorites-page .large-btn{padding:12px 40px;font-size:16px}.favorites-page .btn{padding:8px 16px;border:none;border-radius:6px;cursor:pointer;transition:all .3s ease;font-size:14px}.favorites-page .btn.primary-btn{background:#3498db;color:#fff}.favorites-page .btn.primary-btn:hover{background:#2980b9}.favorites-page .btn.secondary-btn{background:#ecf0f1;color:#333}.favorites-page .btn.secondary-btn:hover{background:#bdc3c7}.favorites-page .btn.danger-btn{background:#e74c3c;color:#fff}.favorites-page .btn.danger-btn:hover{background:#c0392b}.favorites-page .btn.small-btn{padding:6px 12px;font-size:12px}@media (max-width: 768px){.favorites-page{padding:10px}.favorites-page .search-sort-section,.favorites-page .favorite-actions{flex-direction:column}.favorites-page .content-header{flex-wrap:wrap}.favorites-page .content-header h3{order:-1;width:100%;margin-bottom:10px}}.dry-content-page{max-width:1200px;margin:0 auto;padding:20px;font-family:Arial,sans-serif}.dry-content-page .tab-content{background:#fff;border-radius:8px;padding:20px;box-shadow:0 2px 8px #0000001a}.dry-content-page .content-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid #e0e0e0}.dry-content-page .content-header h3{margin:0;font-size:20px;color:#333;flex:1;text-align:center}.dry-content-page .back-btn{padding:8px 16px;border:1px solid #e0e0e0;border-radius:6px;background:#fff;cursor:pointer;transition:all .3s ease;font-size:14px;color:#333}.dry-content-page .back-btn:hover{background:#f8f9fa;border-color:#3498db}.dry-content-page .progress-info{font-size:14px;color:#666}.dry-content-page .filter-section{margin-bottom:20px;padding:15px;background:#f8f9fa;border-radius:6px}.dry-content-page .filter-row{display:flex;gap:15px;flex-wrap:wrap}.dry-content-page .filter-item{display:flex;flex-direction:column;gap:5px;flex:1;min-width:200px}.dry-content-page .filter-item label{font-size:14px;color:#666;font-weight:500}.dry-content-page .filter-item select,.dry-content-page .filter-item input{padding:8px 12px;border:1px solid #e0e0e0;border-radius:4px;font-size:14px;background:#fff}.dry-content-page .filter-item input:focus,.dry-content-page .filter-item select:focus{outline:none;border-color:#3498db}.dry-content-page .filter-item.search-box{flex:2;min-width:300px}.dry-content-page .content-stats{display:flex;gap:20px;margin-bottom:20px;padding:10px 0;border-bottom:1px solid #e0e0e0;font-size:14px;color:#666}.dry-content-page .empty-state{text-align:center;padding:60px 20px;color:#999}.dry-content-page .empty-state p:first-child{font-size:18px;margin-bottom:10px}.dry-content-page .empty-state p:last-child{font-size:14px}.dry-content-page .content-container{margin-bottom:30px}.dry-content-page .content-item{border:1px solid #e0e0e0;border-radius:8px;padding:20px;background:#fff;transition:all .3s ease}.dry-content-page .content-item:hover{border-color:#3498db;box-shadow:0 2px 8px #3498db33}.dry-content-page .content-header-info{margin-bottom:15px}.dry-content-page .content-header-info h4{margin:0 0 10px;font-size:18px;color:#333}.dry-content-page .content-meta{display:flex;gap:15px;font-size:12px;color:#999}.dry-content-page .content-type{background:#ecf0f1;padding:2px 8px;border-radius:10px}.dry-content-page .content-body{margin-bottom:20px;line-height:1.6}.dry-content-page .content-text{font-size:16px;color:#333;margin-bottom:15px}.dry-content-page .content-formula{background:#f8f9fa;padding:15px;border-radius:6px;margin-bottom:15px}.dry-content-page .content-formula h5{margin:0 0 10px;font-size:14px;color:#666}.dry-content-page .content-formula pre{margin:0;font-family:Courier New,monospace;font-size:14px;color:#3498db;white-space:pre-wrap}.dry-content-page .content-mnemonic{background:#fef9e7;padding:15px;border-radius:6px;border-left:4px solid #f39c12}.dry-content-page .content-mnemonic h5{margin:0 0 10px;font-size:14px;color:#666}.dry-content-page .content-mnemonic p{margin:0;font-size:14px;color:#333;font-weight:500}.dry-content-page .content-actions{display:flex;gap:10px;justify-content:flex-end}.dry-content-page .navigation-buttons{display:flex;gap:10px;justify-content:center;margin-bottom:30px}.dry-content-page .collected-section{margin-top:30px;padding-top:20px;border-top:1px solid #e0e0e0}.dry-content-page .collected-section h4{margin:0 0 15px;font-size:16px;color:#333}.dry-content-page .collected-list{display:flex;flex-direction:column;gap:10px}.dry-content-page .collected-item{display:flex;justify-content:space-between;align-items:center;padding:10px 15px;background:#f8f9fa;border-radius:6px;font-size:14px}.dry-content-page .collected-item span{flex:1;color:#333}.dry-content-page .btn{padding:8px 16px;border:none;border-radius:6px;cursor:pointer;transition:all .3s ease;font-size:14px}.dry-content-page .btn.primary-btn{background:#3498db;color:#fff}.dry-content-page .btn.primary-btn:hover{background:#2980b9}.dry-content-page .btn.secondary-btn{background:#ecf0f1;color:#333}.dry-content-page .btn.secondary-btn:hover{background:#bdc3c7}.dry-content-page .btn.small-btn{padding:4px 8px;font-size:12px}.dry-content-page .btn:disabled{opacity:.5;cursor:not-allowed}.dry-content-page .action-btn{display:flex;align-items:center;gap:5px;padding:6px 12px;border:1px solid #e0e0e0;border-radius:4px;background:#fff;cursor:pointer;transition:all .3s ease;font-size:14px;color:#333}.dry-content-page .action-btn:hover{border-color:#3498db;color:#3498db}.dry-content-page .action-btn.active{background:#3498db;color:#fff;border-color:#3498db}.dry-content-page .action-icon{font-size:16px}@media (max-width: 768px){.dry-content-page{padding:10px}.dry-content-page .filter-row{flex-direction:column}.dry-content-page .filter-item{min-width:100%}.dry-content-page .content-header{flex-wrap:wrap}.dry-content-page .content-header h3{order:-1;width:100%;margin-bottom:10px}.dry-content-page .content-stats{flex-direction:column;gap:5px}.dry-content-page .content-actions{flex-direction:column}}.past-papers-page{max-width:1200px;margin:0 auto;padding:30px 20px;font-family:Arial,sans-serif;background-color:#f5f5f5}.past-papers-page .tab-content{background:#fff;border-radius:12px;padding:30px;box-shadow:0 4px 12px #0000001a}.past-papers-page .content-header{display:flex;align-items:center;margin-bottom:30px;padding-bottom:20px;border-bottom:1px solid #e0e0e0}.past-papers-page .content-header h3{margin:0;font-size:24px;color:#333;flex:1;text-align:center;font-weight:700}.past-papers-page .back-btn{padding:12px 20px;border:1px solid #e0e0e0;border-radius:8px;background:#fff;cursor:pointer;transition:all .3s ease;font-size:16px;color:#333;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 4px #0000001a}.past-papers-page .back-btn:hover{background:#f8f9fa;border-color:#3498db;color:#3498db;transform:translateY(-1px);box-shadow:0 4px 8px #00000026}.past-papers-page .papers-container{margin-bottom:40px}.past-papers-page .empty-state{text-align:center;padding:80px 20px;color:#999}.past-papers-page .empty-state p{font-size:18px}.past-papers-page .papers-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:25px}.past-papers-page .paper-card{border:1px solid #e0e0e0;border-radius:12px;padding:25px;background:#fff;transition:all .3s ease;box-shadow:0 2px 8px #0000000d}.past-papers-page .paper-card:hover{border-color:#3498db;box-shadow:0 4px 16px #3498db33;transform:translateY(-3px)}.past-papers-page .paper-card h4{margin:0 0 15px;font-size:18px;color:#333;line-height:1.5;font-weight:700}.past-papers-page .paper-description{margin:0 0 20px;font-size:15px;color:#666;line-height:1.5}.past-papers-page .paper-info{margin-bottom:25px;display:flex;flex-direction:column;gap:8px;padding:15px;background-color:#f8f9fa;border-radius:8px}.past-papers-page .info-item{display:flex;font-size:14px;color:#666;align-items:center}.past-papers-page .info-label{font-weight:600;min-width:70px;color:#333}.past-papers-page .info-value{flex:1}.past-papers-page .paper-actions{display:flex;gap:12px;margin-top:20px;height:48px}.past-papers-page .paper-actions button{flex:1!important;padding:12px!important;border-radius:8px!important;font-size:16px!important;font-weight:500!important;cursor:pointer!important;transition:all .3s ease!important;height:48px!important;min-height:48px!important;max-height:48px!important;display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important;white-space:nowrap!important;width:50%!important;box-sizing:border-box!important;line-height:1!important;margin:0!important}.past-papers-page .paper-actions .start-btn{border:1px solid #3498db!important;background:#3498db!important;color:#fff!important}.past-papers-page .paper-actions .start-btn:hover{background:#2980b9!important;border-color:#2980b9!important;transform:translateY(-1px)!important;box-shadow:0 2px 8px #3498db4d!important}.past-papers-page .paper-actions .mock-btn{border:1px solid #3498db!important;background:#fff!important;color:#3498db!important}.past-papers-page .paper-actions .mock-btn:hover{background:#f0f8ff!important;border-color:#2980b9!important;color:#2980b9!important;transform:translateY(-1px)!important;box-shadow:0 2px 8px #3498db1a!important}.past-papers-page .btn{padding:10px 20px;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease;font-size:16px;font-weight:500}.past-papers-page .btn.primary-btn{background:#3498db;color:#fff}.past-papers-page .btn.primary-btn:hover{background:#2980b9;transform:translateY(-1px);box-shadow:0 2px 8px #3498db4d}@media (max-width: 1200px){.past-papers-page .papers-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}@media (max-width: 768px){.past-papers-page{padding:20px 15px}.past-papers-page .tab-content{padding:20px}.past-papers-page .papers-grid{grid-template-columns:1fr;gap:20px}.past-papers-page .paper-card{padding:20px}.past-papers-page .content-header{flex-wrap:wrap}.past-papers-page .content-header h3{order:-1;width:100%;margin-bottom:15px;font-size:20px}.past-papers-page .paper-actions{flex-direction:column}}@media (max-width: 480px){.past-papers-page .content-header h3{font-size:18px}.past-papers-page .paper-card h4{font-size:16px}.past-papers-page .info-item{font-size:13px}.past-papers-page .btn{font-size:14px}}.mock-papers-page{max-width:1200px;margin:0 auto;padding:20px;font-family:Arial,sans-serif}.mock-papers-page .tab-content{background:#fff;border-radius:8px;padding:20px;box-shadow:0 2px 8px #0000001a}.mock-papers-page .content-header{display:flex;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid #e0e0e0}.mock-papers-page .content-header h3{margin:0;font-size:20px;color:#333;flex:1;text-align:center}.mock-papers-page .back-btn{padding:8px 16px;border:1px solid #e0e0e0;border-radius:6px;background:#fff;cursor:pointer;transition:all .3s ease;font-size:14px;color:#333}.mock-papers-page .back-btn:hover{background:#f8f9fa;border-color:#3498db}.mock-papers-page .papers-container{margin-bottom:30px}.mock-papers-page .empty-state{text-align:center;padding:60px 20px;color:#999}.mock-papers-page .empty-state p:first-child{font-size:18px;margin-bottom:10px}.mock-papers-page .empty-state p:last-child{font-size:14px}.mock-papers-page .papers-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:20px}.mock-papers-page .paper-card{border:1px solid #e0e0e0;border-radius:8px;padding:20px;background:#fff;transition:all .3s ease}.mock-papers-page .paper-card:hover{border-color:#3498db;box-shadow:0 2px 8px #3498db33;transform:translateY(-2px)}.mock-papers-page .paper-card h4{margin:0 0 10px;font-size:16px;color:#333;line-height:1.4}.mock-papers-page .paper-description{margin:0 0 15px;font-size:14px;color:#666;line-height:1.4}.mock-papers-page .paper-info{margin-bottom:20px;display:flex;flex-direction:column;gap:5px}.mock-papers-page .info-item{display:flex;font-size:12px;color:#666}.mock-papers-page .info-label{font-weight:500;min-width:60px}.mock-papers-page .info-value{flex:1}.mock-papers-page .difficulty-easy{color:#27ae60}.mock-papers-page .difficulty-medium{color:#f39c12}.mock-papers-page .difficulty-hard{color:#e74c3c}.mock-papers-page .paper-actions{display:flex;gap:10px;margin-top:15px}.mock-papers-page .start-btn{flex:1;padding:10px;border:none;border-radius:6px;background:#3498db;color:#fff;font-size:14px;cursor:pointer;transition:all .3s ease}.mock-papers-page .start-btn:hover{background:#2980b9}.mock-papers-page .mock-btn{flex:1;padding:10px;border:1px solid #3498db;border-radius:6px;background:#fff;color:#3498db;font-size:14px;cursor:pointer;transition:all .3s ease}.mock-papers-page .mock-btn:hover{background:#f8f9fa;border-color:#2980b9;color:#2980b9}.mock-papers-page .generate-hint{text-align:center;padding:15px;background:#f8f9fa;border-radius:6px;font-size:14px;color:#666}.mock-papers-page .generate-hint a{color:#3498db;text-decoration:none}.mock-papers-page .generate-hint a:hover{text-decoration:underline}.mock-papers-page .btn{padding:8px 16px;border:none;border-radius:6px;cursor:pointer;transition:all .3s ease;font-size:14px}.mock-papers-page .btn.primary-btn{background:#3498db;color:#fff}.mock-papers-page .btn.primary-btn:hover{background:#2980b9}@media (max-width: 768px){.mock-papers-page{padding:10px}.mock-papers-page .papers-grid{grid-template-columns:1fr}.mock-papers-page .content-header{flex-wrap:wrap}.mock-papers-page .content-header h3{order:-1;width:100%;margin-bottom:10px}}.predict-papers-page{max-width:1200px;margin:0 auto;padding:20px;font-family:Arial,sans-serif}.predict-papers-page .tab-content{background:#fff;border-radius:8px;padding:20px;box-shadow:0 2px 8px #0000001a}.predict-papers-page .content-header{display:flex;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid #e0e0e0}.predict-papers-page .content-header h3{margin:0;font-size:20px;color:#333;flex:1;text-align:center}.predict-papers-page .back-btn{padding:8px 16px;border:1px solid #e0e0e0;border-radius:6px;background:#fff;cursor:pointer;transition:all .3s ease;font-size:14px;color:#333}.predict-papers-page .back-btn:hover{background:#f8f9fa;border-color:#3498db}.predict-papers-page .papers-container{margin-bottom:30px}.predict-papers-page .empty-state{text-align:center;padding:60px 20px;color:#999}.predict-papers-page .empty-state p:first-child{font-size:18px;margin-bottom:10px}.predict-papers-page .empty-state p:last-child{font-size:14px}.predict-papers-page .papers-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:20px}.predict-papers-page .paper-card{border:1px solid #e0e0e0;border-radius:8px;padding:20px;background:#fff;transition:all .3s ease}.predict-papers-page .paper-card:hover{border-color:#3498db;box-shadow:0 2px 8px #3498db33;transform:translateY(-2px)}.predict-papers-page .paper-card h4{margin:0 0 10px;font-size:16px;color:#333;line-height:1.4}.predict-papers-page .paper-description{margin:0 0 15px;font-size:14px;color:#666;line-height:1.4}.predict-papers-page .paper-info{margin-bottom:20px;display:flex;flex-direction:column;gap:5px}.predict-papers-page .info-item{display:flex;font-size:12px;color:#666}.predict-papers-page .info-label{font-weight:500;min-width:60px}.predict-papers-page .info-value{flex:1}.predict-papers-page .difficulty-easy{color:#27ae60}.predict-papers-page .difficulty-medium{color:#f39c12}.predict-papers-page .difficulty-hard{color:#e74c3c}.predict-papers-page .paper-actions{display:flex;gap:10px;margin-top:15px}.predict-papers-page .start-btn{flex:1;padding:10px;border:none;border-radius:6px;background:#3498db;color:#fff;font-size:14px;cursor:pointer;transition:all .3s ease}.predict-papers-page .start-btn:hover{background:#2980b9}.predict-papers-page .mock-btn{flex:1;padding:10px;border:1px solid #3498db;border-radius:6px;background:#fff;color:#3498db;font-size:14px;cursor:pointer;transition:all .3s ease}.predict-papers-page .mock-btn:hover{background:#f8f9fa;border-color:#2980b9;color:#2980b9}.predict-papers-page .generate-hint{text-align:center;padding:15px;background:#f8f9fa;border-radius:6px;font-size:14px;color:#666}.predict-papers-page .generate-hint a{color:#3498db;text-decoration:none}.predict-papers-page .generate-hint a:hover{text-decoration:underline}.predict-papers-page .btn{padding:8px 16px;border:none;border-radius:6px;cursor:pointer;transition:all .3s ease;font-size:14px}.predict-papers-page .btn.primary-btn{background:#3498db;color:#fff}.predict-papers-page .btn.primary-btn:hover{background:#2980b9}@media (max-width: 768px){.predict-papers-page{padding:10px}.predict-papers-page .papers-grid{grid-template-columns:1fr}.predict-papers-page .content-header{flex-wrap:wrap}.predict-papers-page .content-header h3{order:-1;width:100%;margin-bottom:10px}}.final-papers-page{max-width:1200px;margin:0 auto;padding:20px;font-family:Arial,sans-serif}.final-papers-page .tab-content{background:#fff;border-radius:8px;padding:20px;box-shadow:0 2px 8px #0000001a}.final-papers-page .content-header{display:flex;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid #e0e0e0}.final-papers-page .content-header h3{margin:0;font-size:20px;color:#333;flex:1;text-align:center}.final-papers-page .back-btn{padding:8px 16px;border:1px solid #e0e0e0;border-radius:6px;background:#fff;cursor:pointer;transition:all .3s ease;font-size:14px;color:#333}.final-papers-page .back-btn:hover{background:#f8f9fa;border-color:#3498db}.final-papers-page .papers-container{margin-bottom:30px}.final-papers-page .empty-state{text-align:center;padding:60px 20px;color:#999}.final-papers-page .empty-state p:first-child{font-size:18px;margin-bottom:10px}.final-papers-page .empty-state p:last-child{font-size:14px}.final-papers-page .papers-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:20px}.final-papers-page .paper-card{border:1px solid #e0e0e0;border-radius:8px;padding:20px;background:#fff;transition:all .3s ease}.final-papers-page .paper-card:hover{border-color:#3498db;box-shadow:0 2px 8px #3498db33;transform:translateY(-2px)}.final-papers-page .paper-card h4{margin:0 0 10px;font-size:16px;color:#333;line-height:1.4}.final-papers-page .paper-description{margin:0 0 15px;font-size:14px;color:#666;line-height:1.4}.final-papers-page .paper-info{margin-bottom:20px;display:flex;flex-direction:column;gap:5px}.final-papers-page .info-item{display:flex;font-size:12px;color:#666}.final-papers-page .info-label{font-weight:500;min-width:60px}.final-papers-page .info-value{flex:1}.final-papers-page .difficulty-easy{color:#27ae60}.final-papers-page .difficulty-medium{color:#f39c12}.final-papers-page .difficulty-hard{color:#e74c3c}.final-papers-page .paper-actions{display:flex;gap:10px;margin-top:15px}.final-papers-page .start-btn{flex:1;padding:10px;border:none;border-radius:6px;background:#3498db;color:#fff;font-size:14px;cursor:pointer;transition:all .3s ease}.final-papers-page .start-btn:hover{background:#2980b9}.final-papers-page .mock-btn{flex:1;padding:10px;border:1px solid #3498db;border-radius:6px;background:#fff;color:#3498db;font-size:14px;cursor:pointer;transition:all .3s ease}.final-papers-page .mock-btn:hover{background:#f8f9fa;border-color:#2980b9;color:#2980b9}.final-papers-page .generate-hint{text-align:center;padding:15px;background:#f8f9fa;border-radius:6px;font-size:14px;color:#666}.final-papers-page .generate-hint a{color:#3498db;text-decoration:none}.final-papers-page .generate-hint a:hover{text-decoration:underline}.final-papers-page .btn{padding:8px 16px;border:none;border-radius:6px;cursor:pointer;transition:all .3s ease;font-size:14px}.final-papers-page .btn.primary-btn{background:#3498db;color:#fff}.final-papers-page .btn.primary-btn:hover{background:#2980b9}@media (max-width: 768px){.final-papers-page{padding:10px}.final-papers-page .papers-grid{grid-template-columns:1fr}.final-papers-page .content-header{flex-wrap:wrap}.final-papers-page .content-header h3{order:-1;width:100%;margin-bottom:10px}}.question-type-page{max-width:1200px;margin:0 auto;padding:20px;font-family:Arial,sans-serif;background-color:#f5f5f5}.practice-header{margin-bottom:20px}.header-content{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.header-content .navigation-path{flex:1;min-width:0}.header-content .progress-section{width:300px;flex-shrink:0}.practice-content{display:flex;gap:20px;align-items:flex-start}.practice-content .main-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:20px}.answer-card-area{width:300px;flex-shrink:0}@media (max-width: 768px){.header-content{flex-direction:column}.header-content .progress-section{width:100%}.practice-content,.main-content{flex-direction:column}.answer-card-area{width:100%}}.calculator-modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:9999;pointer-events:auto}.calculator-content{background:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;overflow:hidden;z-index:1001}.calculator-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#f8f9fa;border-bottom:1px solid #e0e0e0}.calculator-header h3{margin:0;font-size:16px;color:#333}.calculator-close{background:none;border:none;font-size:20px;cursor:pointer;color:#666;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background-color .2s ease}.calculator-close:hover{background-color:#e0e0e0}.calculator-display{padding:16px;background:#f8f9fa;border-bottom:1px solid #e0e0e0}.calculator-display input{width:100%;padding:12px;font-size:24px;font-weight:700;text-align:right;border:1px solid #e0e0e0;border-radius:4px;background:#fff;box-sizing:border-box}.calculator-buttons{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#e0e0e0}.calculator-buttons button{padding:16px;border:none;background:#fff;font-size:18px;font-weight:500;cursor:pointer;transition:background-color .2s ease}.calculator-buttons button:hover{background:#f0f0f0}.calculator-buttons button.equals{grid-column:span 1;background:#3498db;color:#fff}.calculator-buttons button.equals:hover{background:#2980b9}.settings-modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:9999;pointer-events:auto}.settings-content{background:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;width:90%;max-width:400px;z-index:1001}.settings-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #e0e0e0}.settings-header h3{margin:0;font-size:18px;color:#333}.settings-close{background:none;border:none;font-size:20px;cursor:pointer;color:#666;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background-color .2s ease}.settings-close:hover{background-color:#e0e0e0}.settings-options{padding:20px}.setting-item{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #f0f0f0}.setting-item:last-child{border-bottom:none}.setting-item span{font-size:14px;color:#333}.switch{position:relative;display:inline-block;width:48px;height:24px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:.4s;border-radius:24px}.slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.4s;border-radius:50%}input:checked+.slider{background-color:#3498db}input:checked+.slider:before{transform:translate(24px)}.font-settings{padding:20px}.font-size-section{margin-bottom:20px}.font-size-section h4{margin:0 0 12px;font-size:14px;color:#666;font-weight:500}.font-size-buttons{display:flex;gap:10px;flex-wrap:wrap}.font-size-btn{padding:8px 16px;border:1px solid #e0e0e0;border-radius:4px;background:#fff;font-size:14px;cursor:pointer;transition:all .3s ease}.font-size-btn:hover{border-color:#3498db;color:#3498db}.font-size-btn.active{background:#3498db;color:#fff;border-color:#3498db}.navigation-path{background:#fff;padding:10px 15px;border-radius:8px;margin-bottom:20px;font-size:14px;color:#666;display:flex;flex-wrap:wrap;gap:8px}.path-item{color:#333;font-weight:500}.path-separator{color:#999}.progress-section{background:#fff;padding:20px;border-radius:8px;margin-bottom:20px;box-shadow:0 2px 4px #0000001a}.progress-bar{width:100%;height:10px;background:#e0e0e0;border-radius:5px;overflow:hidden;margin-bottom:10px}.progress-fill{height:100%;background:linear-gradient(90deg,#3498db,#2ecc71);border-radius:5px;transition:width .3s ease}.progress-info{text-align:center;font-size:14px;color:#666}.toolbar{background:#fff;padding:15px 20px;border-radius:8px;margin-bottom:20px;box-shadow:0 2px 4px #0000001a;display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:space-between}.toolbar-btn{display:flex;align-items:center;gap:6px;padding:8px 14px;border:1px solid #e0e0e0;border-radius:6px;background:#fff;cursor:pointer;transition:all .3s ease;font-size:14px;color:#333}.toolbar-btn:hover{background:#f8f9fa;border-color:#3498db}.toolbar-icon{font-size:16px}.toolbar-timer{display:flex;align-items:center;gap:15px;font-size:14px}.timer-icon{font-size:16px}.timer-buttons{display:flex;gap:5px}.timer-action-btn{padding:8px 12px;border:1px solid #e0e0e0;border-radius:4px;background:#fff;cursor:pointer;font-size:12px;transition:all .3s ease}.timer-action-btn.start-btn{background:#27ae60;color:#fff;border-color:#27ae60}.timer-action-btn.pause-btn{background:#f39c12;color:#fff;border-color:#f39c12}.timer-action-btn.continue-btn{background:#3498db;color:#fff;border-color:#3498db}.timer-action-btn.reset-btn{background:#e74c3c;color:#fff;border-color:#e74c3c}.timer-action-btn:hover:not(.disabled){opacity:.9}.timer-action-btn.disabled{opacity:.5;cursor:not-allowed}.answer-card{background:#fff;border-radius:8px;margin-bottom:20px;box-shadow:0 2px 4px #0000001a;overflow:hidden}.answer-card-header{padding:15px 20px;background:#f8f9fa;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;align-items:center}.answer-card-header h3{margin:0;font-size:16px;color:#333}.toggle-btn{background:none;border:none;cursor:pointer;font-size:14px;color:#3498db;display:flex;align-items:center;gap:5px}.answer-card-content{padding:20px}.answer-section{margin-bottom:20px}.answer-section h4{margin:0 0 10px;font-size:14px;color:#666;font-weight:500}.answer-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(40px,1fr));gap:8px}.answer-btn{width:40px;height:40px;border:1px solid #e0e0e0;border-radius:6px;background:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;position:relative;transition:all .3s ease}.answer-btn:hover{border-color:#3498db;background:#f0f8ff}.answer-btn.current{border-color:#3498db;background:#e3f2fd;font-weight:700}.answer-btn.correct{border-color:#27ae60;background:#e8f5e8;color:#27ae60}.answer-btn.incorrect{border-color:#e74c3c;background:#fdecea;color:#e74c3c}.corner-badge{position:absolute;top:-5px;right:-5px;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700}.badge-correct{background:#27ae60;color:#fff}.badge-incorrect{background:#e74c3c;color:#fff}.return-btn{width:100%;padding:12px;border:none;border-radius:6px;background:#3498db;color:#fff;font-size:14px;font-weight:700;cursor:pointer;transition:background .3s ease;margin-top:10px}.return-btn:hover{background:#2980b9}.question-type-page .content-header{display:flex;align-items:center;margin-bottom:20px;gap:15px;height:auto;background:#fff;padding:15px 20px;border-radius:8px;box-shadow:0 2px 4px #0000001a}.question-type-page .content-header h3{flex:1;text-align:center;font-size:18px;font-weight:700;margin:0;padding:8px 0;line-height:1;align-self:center}.question-type-page .content-header .back-btn{padding:8px 16px;font-size:14px;border:1px solid #e0e0e0;border-radius:6px;background:#fff;cursor:pointer;color:#333;margin:0;line-height:1;transition:all .3s ease}.question-type-page .content-header .back-btn:hover{background:#f8f9fa;border-color:#3498db}.question-type-page .progress-info{font-size:14px;color:#666}.question-container{background:#fff;padding:30px;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:20px}.question-header{margin-bottom:25px;padding-bottom:15px;border-bottom:2px solid #e0e0e0}.question-type{display:inline-block;background:#3498db;color:#fff;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:700;margin-right:10px}.question-number{font-size:16px;font-weight:700;color:#333;line-height:1.5}.options{display:flex;flex-direction:column;gap:12px;margin-bottom:30px}.option{padding:15px 20px;border:2px solid #e0e0e0;border-radius:8px;cursor:pointer;transition:all .3s ease;display:flex;align-items:flex-start;gap:15px}.option:hover{border-color:#3498db;background:#f8f9fa}.option.selected{border-color:#3498db;background:#e3f2fd}.option.correct{border-color:#27ae60;background:#e8f5e8}.option.incorrect{border-color:#e74c3c;background:#fdecea}.option-letter{width:24px;height:24px;border-radius:50%;background:#e0e0e0;display:flex;align-items:center;justify-content:center;font-weight:700;flex-shrink:0;margin-top:2px}.option-text{flex:1;font-size:14px;line-height:1.4;color:#333}.judge-options{display:flex;gap:20px;margin-bottom:30px}.judge-btn{flex:1;padding:20px;border:2px solid #e0e0e0;border-radius:8px;background:#fff;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s ease}.type-hint{color:#e74c3c;font-size:14px;margin-bottom:15px;font-weight:700;text-align:center}.fill-input,.calculate-input,.short-input,.case-input{width:100%;padding:15px;border:2px solid #e0e0e0;border-radius:8px;font-size:14px;font-family:inherit;resize:vertical;min-height:100px;transition:border-color .3s ease;box-sizing:border-box}.calculate-input{min-height:50px}.material-content{background:#f8f9fa;padding:20px;border-radius:8px;margin-bottom:20px;border-left:4px solid #3498db}.material-content h6{font-size:14px;color:#333;margin-bottom:10px;margin-top:0}.feedback{background:#f8f9fa;padding:20px;border-radius:8px;margin-bottom:20px;border-left:4px solid #3498db}.feedback .result{font-size:16px;font-weight:700;margin-bottom:15px}.feedback .result.correct{color:#27ae60}.feedback .result.wrong{color:#e74c3c}.feedback .correct-answer{color:#27ae60;margin-bottom:15px;font-size:14px}.feedback .explanation h6{font-size:14px;color:#333;margin-bottom:10px;margin-top:0}.feedback .explanation p{color:#666;font-size:14px;line-height:1.5;margin:0}.question-actions{display:flex;gap:15px;align-items:flex-start;margin-bottom:20px;flex-wrap:wrap}.action-btn{display:flex;align-items:center;gap:8px;padding:8px 16px;border:1px solid #e0e0e0;border-radius:6px;background:#fff;cursor:pointer;transition:all .3s ease;font-size:14px;color:#333;white-space:nowrap}.action-btn:hover{background:#f8f9fa;border-color:#3498db}.action-icon{font-size:16px}.note-section{flex:1;min-width:300px}.note-input{width:100%;padding:10px;border:1px solid #e0e0e0;border-radius:6px;font-size:14px;font-family:inherit;resize:vertical;min-height:60px;margin-bottom:10px;box-sizing:border-box}.navigation-buttons{display:flex;justify-content:space-between;gap:15px;padding-top:20px;border-top:1px solid #e0e0e0}.completion-message{background:#fff;padding:40px;border-radius:8px;box-shadow:0 2px 4px #0000001a;text-align:center;margin-bottom:20px}.completion-message h2{color:#27ae60;margin-bottom:20px}.completion-message p{color:#666;margin:10px 0;font-size:16px}.completion-actions{display:flex;justify-content:center;gap:15px;margin-top:30px;flex-wrap:wrap}.analysis-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;overflow-y:auto}.analysis-content{background:#fff;border-radius:8px;max-width:900px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 4px 20px #00000026}.analysis-header{padding:20px 30px;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;align-items:center;background:#f8f9fa;border-radius:8px 8px 0 0}.analysis-header h2{margin:0;color:#333;font-size:20px}.close-btn{background:none;border:none;font-size:24px;cursor:pointer;color:#999;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s ease}.close-btn:hover{background:#e0e0e0;color:#333}.analysis-section{padding:30px;border-bottom:1px solid #e0e0e0}.analysis-section:last-child{border-bottom:none}.section-title{margin:0 0 20px;color:#333;font-size:16px}.analysis-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:15px}.analysis-stat{text-align:center;padding:15px;background:#f8f9fa;border-radius:6px}.stat-label{display:block;font-size:12px;color:#666;margin-bottom:5px}.stat-value{display:block;font-size:20px;font-weight:700;color:#333}.stat-value.correct{color:#27ae60}.stat-value.incorrect{color:#e74c3c}.stat-value.accuracy{color:#3498db}.questions-list{display:flex;flex-direction:column;gap:15px}.question-detail{padding:20px;border:1px solid #e0e0e0;border-radius:8px;background:#f8f9fa}.question-detail.clickable{cursor:pointer;transition:all .3s ease}.question-detail.clickable:hover{border-color:#3498db;background:#f0f8ff}.detail-header{display:flex;align-items:center;gap:10px;margin-bottom:10px;flex-wrap:wrap}.detail-index{font-weight:700;color:#333}.detail-type{font-size:12px;color:#666;background:#e0e0e0;padding:2px 8px;border-radius:10px}.detail-status{font-size:12px;font-weight:700;padding:2px 8px;border-radius:10px}.status-incorrect{background:#fdecea;color:#e74c3c}.detail-question{margin-bottom:15px;line-height:1.4;color:#333}.detail-answers{display:flex;flex-direction:column;gap:8px;margin-bottom:10px}.detail-answer-item{display:flex;gap:10px;align-items:flex-start;flex-wrap:wrap}.answer-label{font-weight:700;color:#333;white-space:nowrap;min-width:80px}.answer-value{flex:1;color:#666;line-height:1.4}.answer-value.correct{color:#27ae60;font-weight:700}.retry-hint{font-size:12px;color:#999;text-align:center;margin-top:10px;font-style:italic}.suggestions{display:flex;flex-direction:column;gap:20px}.suggestion-item{padding:20px;background:#f8f9fa;border-radius:8px;border-left:4px solid #3498db}.suggestion-title{font-weight:700;color:#333;margin-bottom:10px}.suggestion-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.action-btn.primary-btn{background:#3498db;color:#fff;border-color:#3498db}.action-btn.primary-btn:hover{background:#2980b9;border-color:#2980b9}.action-btn.secondary-btn{background:#fff;color:#333;border-color:#e0e0e0}.action-btn.secondary-btn:hover{background:#f8f9fa;border-color:#3498db}.type-selection{background:#fff;border-radius:12px;padding:30px;box-shadow:0 2px 12px #0000001a}.type-selection h4{font-size:18px;color:#333;margin-bottom:15px;text-align:center}.type-tip{text-align:center;color:#666;font-size:14px;margin-bottom:30px}.type-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:15px;margin-bottom:30px}.type-card{background:#f8f9fa;border:2px solid #e0e0e0;border-radius:8px;padding:20px;cursor:pointer;transition:all .3s ease;position:relative;min-height:120px;display:flex;flex-direction:column;justify-content:space-between}.type-desc{font-size:13px;color:#666;flex:1}.start-btn{display:block;width:100%;padding:15px;font-size:16px;margin-top:30px}.loading{text-align:center;padding:60px;background:#fff;border-radius:12px;color:#666;font-size:16px}.empty-state{text-align:center;padding:60px;background:#fff;border-radius:12px;color:#666}.empty-state p{margin:15px 0;font-size:16px}.btn{padding:12px 24px;border:none;border-radius:6px;font-size:14px;font-weight:700;cursor:pointer;transition:all .3s ease;display:inline-block;text-align:center}.btn.primary-btn{background:#3498db;color:#fff}.btn.primary-btn:hover{background:#2980b9}.btn.primary-btn:disabled{background:#bdc3c7;cursor:not-allowed}.btn.secondary-btn{background:#fff;color:#333;border:1px solid #e0e0e0}.btn.secondary-btn:hover{background:#f8f9fa;border-color:#3498db}.btn.secondary-btn:disabled{background:#f8f9fa;color:#bdc3c7;cursor:not-allowed}@media (max-width: 768px){.question-type-page{padding:10px}.toolbar{flex-direction:column;align-items:stretch}.toolbar-timer{margin-left:0;justify-content:center}.answer-grid{grid-template-columns:repeat(auto-fill,minmax(35px,1fr))}.answer-btn{width:35px;height:35px}.judge-options{flex-direction:column}.question-actions{flex-direction:column;align-items:stretch}.note-section{min-width:auto}.navigation-buttons{flex-direction:column}.analysis-content{width:95%;margin:10px}.analysis-stats{grid-template-columns:repeat(2,1fr)}.type-grid{grid-template-columns:1fr}}@media (max-width: 480px){.question-container{padding:20px}.analysis-stats{grid-template-columns:1fr}.completion-actions{flex-direction:column}.completion-actions .btn{width:100%}}.type-selection{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 12px #0000001a}.type-selection h4{font-size:18px;color:#333;margin-bottom:10px;text-align:center}.type-tip{text-align:center;color:#666;font-size:14px;margin-bottom:20px}.type-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:15px;margin-bottom:20px}.type-card{background:#f8f9fa;border:2px solid #e0e0e0;border-radius:8px;padding:15px;cursor:pointer;transition:all .3s ease;position:relative}.type-card:hover{border-color:#3498db;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.type-card.selected{border-color:#3498db;background:#e3f2fd}.type-icon{font-size:32px;margin-bottom:10px}.type-name{font-size:16px;font-weight:700;color:#333;margin-bottom:5px}.type-desc{font-size:13px;color:#666}.type-check{position:absolute;top:10px;right:10px;width:24px;height:24px;border-radius:50%;background:#3498db;color:#fff;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700}.start-btn{display:block;width:100%;padding:15px;font-size:16px;margin-top:20px}.question-type-page .question-card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 12px #0000001a;margin-bottom:20px}.question-type-tag{display:inline-block;background:#3498db;color:#fff;padding:5px 15px;border-radius:20px;font-size:12px;margin-bottom:15px}.question-type-page .question-content h5{font-size:16px;color:#333;margin-bottom:20px;line-height:1.5}.question-type-page .options{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}.question-type-page .option{padding:12px 16px;border:2px solid #e0e0e0;border-radius:8px;cursor:pointer;transition:all .3s ease;font-size:14px}.question-type-page .option:hover{background:#f8f9fa;border-color:#3498db}.question-type-page .option.selected{border-color:#3498db;background:#e3f2fd}.question-type-page .option.correct{border-color:#27ae60;background:#e8f5e8}.question-type-page .option.wrong{border-color:#e74c3c;background:#fdecea}.question-type-page .option.multiple{display:flex;align-items:center;gap:10px}.question-type-page .option .checkbox{font-size:18px;width:24px;text-align:center}.judge-options{display:flex;gap:20px;margin-bottom:20px}.judge-btn{flex:1;padding:15px;border:2px solid #e0e0e0;border-radius:8px;background:#fff;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s ease}.judge-btn:hover{border-color:#3498db;background:#f8f9fa}.judge-btn.selected{border-color:#3498db;background:#e3f2fd;color:#3498db}.type-hint{color:#e74c3c;font-size:13px;margin-bottom:15px;font-weight:700}.input-area{margin-bottom:20px}.fill-input,.calculate-input,.short-input,.case-input{width:100%;padding:12px;border:2px solid #e0e0e0;border-radius:8px;font-size:14px;font-family:inherit;resize:vertical;min-height:100px;transition:border-color .3s ease;box-sizing:border-box}.calculate-input{min-height:auto}.short-input,.case-input{min-height:150px}.fill-input:focus,.calculate-input:focus,.short-input:focus,.case-input:focus{outline:none;border-color:#3498db}.fill-input:disabled,.calculate-input:disabled,.short-input:disabled,.case-input:disabled{background:#f8f9fa;cursor:not-allowed}.material-content{background:#f8f9fa;padding:15px;border-radius:8px;margin-bottom:20px;border-left:4px solid #3498db}.material-content h6{font-size:14px;color:#333;margin-bottom:10px}.material-content p{font-size:14px;color:#666;line-height:1.5;margin:0}.question-type-page .feedback{background:#f8f9fa;padding:15px;border-radius:8px;margin-bottom:20px}.question-type-page .feedback .result{font-size:16px;font-weight:700;margin-bottom:10px}.question-type-page .feedback .result.correct{color:#27ae60}.question-type-page .feedback .result.wrong{color:#e74c3c}.question-type-page .feedback .correct-answer{color:#27ae60;margin-bottom:10px;font-size:14px}.question-type-page .feedback .explanation h6{font-size:14px;color:#333;margin-bottom:5px}.question-type-page .feedback .explanation p{color:#666;font-size:14px;line-height:1.5;margin:0}.question-type-page .question-actions{display:flex;justify-content:flex-end;margin-bottom:20px}.favorite-btn{background:none;border:none;font-size:20px;cursor:pointer;padding:5px;transition:transform .3s ease}.favorite-btn:hover{transform:scale(1.2)}.question-type-page .navigation-buttons{display:flex;justify-content:space-between;gap:15px;padding-top:15px;border-top:1px solid #e0e0e0}.question-type-page .loading,.question-type-page .empty-state{text-align:center;padding:40px;color:#666;background:#fff;border-radius:12px}.question-type-page .empty-state p{margin:10px 0}@media (max-width: 768px){.type-grid{grid-template-columns:1fr}.judge-options,.navigation-buttons{flex-direction:column}.navigation-buttons button{width:100%}}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:#213547;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}