.page-hero{position:relative;padding:80px 24px;text-align:center;overflow:hidden;background:linear-gradient(180deg,var(--brand-primary-50) 0%,var(--color-bg-primary) 100%)}.hero-accent-line{position:absolute;top:0;left:50%;transform:translate(-50%);width:96px;height:4px;border-radius:var(--radius-full);background:var(--brand-primary)}.page-hero-inner{position:relative;max-width:56rem;margin:0 auto}.hero-title{font-family:var(--font-display);font-size:var(--text-4xl);font-weight:var(--weight-bold);letter-spacing:var(--tracking-tight);color:var(--color-text-primary);margin-bottom:16px}.hero-subtitle{font-size:var(--text-lg);font-weight:300;letter-spacing:var(--tracking-wide);color:var(--color-text-tertiary)}.hero-underline{margin-top:24px;margin-left:auto;margin-right:auto;width:64px;height:2px;border-radius:var(--radius-full);background:var(--brand-primary)}.news-list-section{background:var(--color-bg-secondary);padding:3rem 0}.news-container{max-width:80rem;margin-left:auto;margin-right:auto;padding-left:24px;padding-right:24px}.filter-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px;margin-bottom:64px}.filter-btn{padding:8px 20px;border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--weight-medium);border:none;cursor:pointer;transition:background-color .3s ease,color .3s ease,box-shadow .3s ease;background:var(--color-bg-tertiary);color:var(--color-text-secondary)}.filter-btn-active,.filter-btn[data-active-filter=true]{background:var(--brand-primary);color:var(--color-text-inverse);box-shadow:var(--shadow-md)}.news-list{display:flex;flex-direction:column;gap:1rem}.news-list-item{display:flex;gap:1.5rem;padding:1.5rem;background:var(--surface-card, var(--color-bg-primary));border:1px solid var(--color-border);border-radius:var(--radius-lg);text-decoration:none;color:inherit;transition:all .2s ease}.news-list-item:hover{border-color:var(--brand-primary);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.news-list-content{flex:1;min-width:0}.news-list-date{font-size:var(--text-sm, .875rem);color:var(--color-text-tertiary)}.news-list-badge{display:inline-block;font-size:var(--text-xs, .75rem);padding:2px 8px;border-radius:9999px;margin-left:.5rem;font-weight:500}.badge-recruitment{background:#eef2ff;color:#4f46e5}.badge-pinned{background:#fef3c7;color:#d97706}.news-list-title{font-size:var(--text-lg, 1.125rem);font-weight:600;color:var(--color-text-primary);margin:.5rem 0;line-height:var(--leading-tight, 1.3)}.news-list-summary{font-size:var(--text-sm, .875rem);color:var(--color-text-secondary);line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:.75rem}.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.news-grid-card{display:flex;flex-direction:column;background:var(--surface-card, var(--color-bg-primary));border:1px solid var(--color-border);border-radius:var(--radius-lg);text-decoration:none;color:inherit;transition:all .2s ease;overflow:hidden}.news-grid-card:hover{border-color:var(--brand-primary);box-shadow:var(--shadow-sm);transform:translateY(-2px)}.news-grid-card-image{width:100%;aspect-ratio:16/9;overflow:hidden}.news-grid-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .4s var(--ease-out-expo)}.news-grid-card:hover .news-grid-card-image img{transform:scale(1.05)}.news-grid-card-body{padding:1.25rem;display:flex;flex-direction:column;flex:1}.news-pagination{display:flex;align-items:center;justify-content:center;margin-top:2rem;padding-top:2rem;border-top:1px solid var(--color-border);gap:.5rem}.page-btn{display:inline-flex;align-items:center;justify-content:center;min-width:36px;height:36px;padding:0 8px;border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text-secondary);background:transparent;cursor:pointer;border:1px solid transparent;transition:all .2s ease;user-select:none}.page-btn:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.page-btn.active-page{background:var(--brand-primary);color:var(--color-text-inverse);border-color:var(--brand-primary);font-weight:var(--weight-semibold);cursor:default}.page-btn.page-arrow{font-size:var(--text-base);padding:0 6px;color:var(--color-text-secondary)}.page-btn.page-arrow:hover{color:var(--brand-primary)}.page-btn.page-arrow.disabled{opacity:.3;cursor:default;pointer-events:none}.page-ellipsis{display:inline-flex;align-items:center;justify-content:center;min-width:36px;height:36px;font-size:var(--text-sm);color:var(--color-text-tertiary);letter-spacing:2px;user-select:none}@media(max-width:640px){.news-list-item{flex-direction:column;gap:1rem}.news-grid{grid-template-columns:1fr}.page-hero{padding:112px 24px}}@media(min-width:641px)and (max-width:1024px){.news-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:768px){.hero-title{font-size:var(--text-5xl)}.hero-subtitle{font-size:var(--text-xl)}}@media(min-width:1024px){.hero-title{font-size:var(--text-6xl)}}
