.container{max-width:1200px;margin:0 auto;padding:0 20px}.school-support-section{padding:80px 0;background:linear-gradient(to bottom,#fff 0%,#f8f9fa 100%)}.school-header{text-align:center;margin-bottom:60px}.school-main-title{display:flex;align-items:center;justify-content:center;gap:15px;margin-bottom:20px;flex-wrap:wrap}.school-icon{font-size:36px}.school-title-zh{color:var(--primary-color);font-size:clamp(1rem,2vw,2rem)}.school-title-divider{width:2px;height:50px;background:linear-gradient(to bottom,transparent 0%,var(--primary-color) 50%,transparent 100%)}.school-title-en{color:var(--primary-color);font-size:clamp(1rem,2vw,2rem);font-weight:var(--font-weight-bold);letter-spacing:.05em}.school-intro{font-size:16px;color:#555;line-height:1.8;max-width:800px;margin:0 auto;margin-top:20px}.school-underline{width:80px;height:4px;background:var(--primary-color);margin:var(--spacing-lg) auto 0;border-radius:2px}.school-search-filter{display:flex;gap:20px;margin-bottom:30px;align-items:center}.search-box{flex:1;position:relative}.search-icon{position:absolute;left:15px;top:50%;transform:translateY(-50%);width:20px;height:20px;color:#999}.search-input{width:100%;padding:14px 15px 14px 45px;border:2px solid #e0e0e0;border-radius:8px;font-size:15px;transition:all .3s ease}.search-input:focus{outline:none;border-color:#06c;box-shadow:0 0 0 3px rgba(0,102,204,.1)}.sort-dropdown{display:flex;align-items:center;gap:10px;white-space:nowrap}.sort-dropdown label{font-size:14px;color:#555;font-weight:500}.sort-select{padding:12px 35px 12px 15px;border:2px solid #e0e0e0;border-radius:8px;font-size:14px;background-color:#fff;cursor:pointer;transition:all .3s ease;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23666' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}.sort-select:hover{border-color:#06c}.sort-select:focus{outline:none;border-color:#06c;box-shadow:0 0 0 3px rgba(0,102,204,.1)}.filter-section{background:#f8f9fa;border-radius:12px;padding:25px;margin-bottom:30px}.filter-group{margin-bottom:25px}.filter-group:last-child{margin-bottom:0}.filter-label{display:flex;align-items:center;gap:8px;margin-bottom:15px;font-weight:600;color:#1a1a1a;font-size:15px}.filter-icon{width:18px;height:18px;color:#06c}.filter-buttons{display:flex;flex-wrap:wrap;gap:10px}.filter-btn{padding:10px 20px;border:2px solid #e0e0e0;background:#fff;border-radius:20px;font-size:14px;color:#555;cursor:pointer;transition:all .3s ease;font-weight:500}.filter-btn:hover{border-color:#06c;color:#06c;background:#f0f7ff}.filter-btn.active{background:linear-gradient(90deg,#ffc107 0%,#ff9800 100%);border-color:#ffc107;color:#fff}.results-count{margin-bottom:20px;font-size:15px;color:#555}.results-count strong{color:#06c;font-size:18px}.school-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:25px;margin-bottom:40px}.school-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 16px rgba(0,0,0,.08);transition:all .3s ease;border:2px solid transparent;display:flex;flex-direction:column}.school-card:hover{transform:translateY(-8px);box-shadow:0 12px 32px rgba(0,102,204,.15);border-color:#06c}.school-image{width:100%;height:200px;object-fit:cover;background:#f0f0f0}.school-badge{position:absolute;top:15px;right:15px;background:linear-gradient(135deg,#ffc107 0%,#ff9800 100%);color:#fff;padding:6px 14px;border-radius:20px;font-size:12px;font-weight:600;box-shadow:0 2px 8px rgba(255,193,7,.4)}.school-image-wrapper{position:relative;width:100%;height:200px;overflow:hidden;background:#f0f0f0}.school-content{padding:20px;flex:1;display:flex;flex-direction:column}.school-name{font-size:18px;font-weight:700;color:#1a1a1a;margin:0 0 10px;line-height:1.4}.school-location{display:flex;align-items:center;gap:6px;font-size:14px;color:#666;margin-bottom:15px}.location-icon{width:16px;height:16px;color:#06c}.school-meta-row{display:flex;align-items:center;justify-content:flex-start;margin-bottom:15px;gap:12px}.school-meta-row .school-location{margin-bottom:0;flex:0 0 auto}.school-rating{display:flex;align-items:center;gap:4px;font-size:14px;flex-shrink:0}.rating-label{color:#666;font-weight:500}.stars{display:flex;gap:2px;font-size:16px}.star{color:#ddd}.star.filled{color:gold}.rating-score{color:#666;font-size:13px;font-weight:600;margin-left:4px}.school-features{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:15px;flex:1}.feature-tag{padding:5px 12px;background:#f0f7ff;color:#06c;border-radius:12px;font-size:12px;font-weight:500;border:1px solid #d0e7ff}.school-link{display:inline-flex;align-items:center;gap:6px;color:#06c;text-decoration:none;font-size:14px;font-weight:600;transition:all .3s ease;margin-top:auto}.school-link:hover{gap:10px;color:#0052a3}.arrow-icon{width:16px;height:16px;transition:transform .3s ease}.school-link:hover .arrow-icon{transform:translateX(4px)}.no-results{text-align:center;padding:60px 20px;background:#f8f9fa;border-radius:12px}.no-results svg{width:80px;height:80px;color:#ccc;margin-bottom:20px}.no-results p{font-size:18px;color:#666;margin:0 0 20px}.reset-filters-btn{padding:12px 30px;background:linear-gradient(90deg,#06c 0%,#0052a3 100%);color:#fff;border:none;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s ease}.reset-filters-btn:hover{background:linear-gradient(90deg,#0052a3 0%,#003d7a 100%);transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,102,204,.3)}.load-more-wrapper{text-align:center;margin-top:40px}.load-more-btn{padding:14px 40px;background:#fff;color:#06c;border:2px solid #06c;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s ease}.load-more-btn:hover{background:linear-gradient(90deg,#06c 0%,#0052a3 100%);color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,102,204,.3)}.load-more-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-wrapper{margin-top:40px;padding:30px 0;border-top:1px solid #eee}.pagination{display:flex;align-items:center;justify-content:center;gap:10px}.page-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;background:#fff;border:1px solid #ddd;border-radius:6px;color:#333;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease}.page-btn:hover:not(:disabled){background:#f8f9fa;border-color:#06c;color:#06c}.page-btn:disabled{opacity:.4;cursor:not-allowed}.page-btn svg{width:16px;height:16px}.page-numbers{display:flex;align-items:center;gap:6px}.page-num{min-width:40px;height:40px;padding:0 12px;background:#fff;border:1px solid #ddd;border-radius:6px;color:#333;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease}.page-num:hover{background:#f8f9fa;border-color:#06c;color:#06c}.page-num.active{background:linear-gradient(90deg,gold 0%,orange 100%);border-color:gold;color:#fff}.page-dots{padding:0 8px;color:#999;font-size:14px}@media (max-width:768px){.school-support-section{padding:60px 0}.school-main-title{flex-direction:column;gap:10px}.school-title-zh{font-size:28px}.school-title-divider{width:50px;height:2px;background:linear-gradient(to right,transparent 0%,var(--primary-color) 50%,transparent 100%)}.school-title-en{font-size:16px}}@media (max-width:480px){.school-support-section{padding:40px 0}.school-icon{font-size:28px}.school-title-zh{font-size:24px}.school-title-en{font-size:14px}.school-intro{font-size:14px}.school-meta-row{flex-wrap:wrap}.school-rating{font-size:13px}.stars{font-size:14px}.rating-score{font-size:12px}.pagination{gap:6px}.page-btn{padding:6px 12px;font-size:12px}.page-num{min-width:32px;height:32px;padding:0 8px;font-size:12px}.page-dots{padding:0 4px;font-size:12px}}