.school-page[data-v-7a979807]{min-height:100vh;background:#f8f9fa}.page-content[data-v-7a979807]{min-height:calc(100vh - 80px);padding-top:80px;width:100%}.banner-section[data-v-7a979807]{position:relative;width:100%;overflow:hidden}.banner-container[data-v-7a979807]{position:relative;width:100%}.banner-image[data-v-7a979807]{width:100%;height:auto;object-fit:cover;object-position:center}.banner-title[data-v-7a979807]{font-size:48px;font-weight:700;margin:0 0 16px 0;text-shadow:0 2px 4px rgba(0,0,0,.3)}.banner-subtitle[data-v-7a979807]{font-size:20px;font-weight:400;margin:0;opacity:.9;text-shadow:0 1px 2px rgba(0,0,0,.3)}.filter-section[data-v-7a979807]{background:#fff;border-bottom:1px solid #f0f2f5;padding:30px 0}.filter-container[data-v-7a979807]{max-width:80vw;margin:0 auto;padding:0 20px}.filter-tabs[data-v-7a979807]{-webkit-flex-wrap:wrap;flex-wrap:wrap;gap:12px}.filter-tab[data-v-7a979807],.filter-tabs[data-v-7a979807]{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.filter-tab[data-v-7a979807]{padding:12px 24px;border-radius:25px;background:#f8f9fa;color:#666;font-size:16px;font-weight:500;cursor:pointer;-webkit-transition:all .3s ease;transition:all .3s ease;border:2px solid transparent;-webkit-user-select:none;user-select:none;gap:8px}.filter-tab[data-v-7a979807]:hover{background:#e9ecef;color:#333;-webkit-transform:translateY(-2px);transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.1)}.filter-tab.active[data-v-7a979807]{background:-webkit-linear-gradient(315deg,#667eea,#764ba2);background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-color:#667eea;box-shadow:0 4px 16px rgba(102,126,234,.3)}.filter-tab.more-tags[data-v-7a979807]{background:#fff;border:2px solid #e9ecef;color:#667eea}.filter-tab.more-tags[data-v-7a979807]:hover{border-color:#667eea;background:#f8f9ff}.more-tags-list[data-v-7a979807]{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;gap:8px;max-height:300px;overflow-y:auto}.more-tag-item[data-v-7a979807]{padding:12px 16px;border-radius:8px;background:#f8f9fa;color:#666;font-size:14px;cursor:pointer;-webkit-transition:all .2s ease;transition:all .2s ease}.more-tag-item[data-v-7a979807]:hover{background:#e9ecef;color:#333}.more-tag-item.active[data-v-7a979807]{background:#667eea;color:#fff}.content-section[data-v-7a979807]{padding:40px 0;background:#f8f9fa}.content-container[data-v-7a979807]{max-width:1300px;margin:0 auto;padding:0 20px}.articles-grid[data-v-7a979807]{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-bottom:40px}.article-card[data-v-7a979807]{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 4px 20px rgba(0,0,0,.08);-webkit-transition:all .3s ease;transition:all .3s ease;cursor:pointer;position:relative}.article-card[data-v-7a979807]:hover{-webkit-transform:translateY(-8px);transform:translateY(-8px);box-shadow:0 12px 40px rgba(0,0,0,.15)}.unread-badge[data-v-7a979807]{position:absolute;top:8px;right:8px;z-index:10;width:12px;height:12px;background:#ff4757;border-radius:50%;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;box-shadow:0 2px 8px rgba(255,71,87,.3);border:2px solid #fff;color:#fff;font-size:12px;font-weight:500}.article-image[data-v-7a979807]{width:100%;height:200px;overflow:hidden;position:relative}.image[data-v-7a979807]{width:100%;height:100%;object-fit:cover;object-position:center;-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}.article-card:hover .image[data-v-7a979807]{-webkit-transform:scale(1.05);transform:scale(1.05)}.article-content[data-v-7a979807]{padding:24px}.article-title[data-v-7a979807]{font-size:20px;font-weight:600;color:#333;margin:0 0 12px 0;line-height:1.4;-webkit-line-clamp:2;line-clamp:2}.article-description[data-v-7a979807],.article-title[data-v-7a979807]{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.article-description[data-v-7a979807]{font-size:14px;color:#666;line-height:1.6;margin:0 0 16px 0;-webkit-line-clamp:3;line-clamp:3}.article-meta[data-v-7a979807]{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;align-items:center;padding-top:16px;border-top:1px solid #f0f2f5}.update-time[data-v-7a979807]{font-size:12px;color:#999;font-weight:500}.empty-state[data-v-7a979807]{text-align:center;padding:80px 20px;background:#fff;border-radius:16px;box-shadow:0 4px 20px rgba(0,0,0,.08)}.empty-icon[data-v-7a979807]{font-size:64px;color:#ddd;margin-bottom:24px}.empty-title[data-v-7a979807]{font-size:24px;font-weight:600;color:#666;margin:0 0 12px 0}.empty-description[data-v-7a979807]{font-size:16px;color:#999;margin:0}.pagination-section[data-v-7a979807]{background:#fff;padding:40px 0;border-top:1px solid #f0f2f5}.pagination-container[data-v-7a979807]{max-width:1200px;margin:0 auto;padding:0 20px;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center}