.page-campus .page-hero{position:relative;height:50vh;min-height:400px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:linear-gradient(135deg,var(--color-bg-secondary) 0%,var(--color-bg) 100%)}.page-campus .page-hero:before{content:"";position:absolute;top:0;right:0;width:50%;height:100%;background:url(/AppUpload/Image/813bb96b0c2b4655b3a93ec6df56bffc.jpg) center/cover no-repeat;clip-path:polygon(20% 0,100% 0,100% 100%,0 100%);opacity:.3}.page-campus .page-hero:after{content:"";position:absolute;top:0;right:0;width:50%;height:100%;border-left:2px solid var(--color-primary);clip-path:polygon(20% 0,20.3% 0,.3% 100%,0 100%)}.page-campus .page-hero-content{position:relative;z-index:2;text-align:center;padding:2rem}.page-campus .page-hero-content h1{font-size:clamp(2.5rem,5vw,4rem);margin-bottom:1rem}.page-campus .page-hero-content .breadcrumb{font-size:.9rem;color:var(--color-text-secondary)}.page-campus .page-hero-content .breadcrumb a{color:var(--color-primary)}.page-campus .campus-intro{padding:6rem 0}.page-campus .campus-intro-content{max-width:var(--max-width);margin:0 auto;padding:0 2rem;text-align:center;max-width:800px}.page-campus .campus-intro h2{font-size:clamp(1.75rem,3vw,2.5rem);margin-bottom:1.5rem}.page-campus .campus-intro p{color:var(--color-text-secondary);line-height:1.8;font-size:1.1rem}.page-campus .clubs-section{padding:6rem 0;background:var(--color-bg-secondary)}.page-campus .clubs-content{max-width:var(--max-width);margin:0 auto;padding:0 2rem}.page-campus .clubs-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;margin-top:3rem}.page-campus .club-card{background:var(--color-bg);border:1px solid var(--color-border);border-radius:8px;padding:1.5rem;text-align:center;transition:all var(--transition-fast)}.page-campus .club-card:hover{transform:translateY(-5px);box-shadow:0 8px 30px #0000001a;border-color:var(--color-primary)}.page-campus .club-icon{width:56px;height:56px;background:#e603151a;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem}.page-campus .club-icon svg{width:28px;height:28px;stroke:var(--color-primary)}.page-campus .club-card h4{font-size:.95rem;margin-bottom:.25rem}.page-campus .club-card p{font-size:.8rem;color:var(--color-text-secondary)}.page-campus .activities-section{padding:6rem 0}.page-campus .activities-content{max-width:var(--max-width);margin:0 auto;padding:0 2rem}.page-campus .activities-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-top:3rem}.page-campus .activity-card{border-radius:8px;overflow:hidden;border:1px solid var(--color-border);transition:all var(--transition-fast)}.page-campus .activity-card:hover{transform:translateY(-5px);box-shadow:0 12px 40px #0000001a;border-color:var(--color-primary)}.page-campus .activity-image{height:200px;overflow:hidden}.page-campus .activity-image img{width:100%;height:100%;object-fit:contain;background:var(--color-bg-secondary);transition:transform var(--transition-fast)}.page-campus .activity-card:hover .activity-image img{transform:scale(1.05)}.page-campus .activity-info{padding:1.5rem}.page-campus .activity-info h4{font-size:1.1rem;margin-bottom:.5rem}.page-campus .activity-info p{font-size:.9rem;color:var(--color-text-secondary);line-height:1.6}.page-campus .facilities-section{padding:6rem 0;background:var(--color-bg-secondary)}.page-campus .facilities-content{max-width:var(--max-width);margin:0 auto;padding:0 2rem}.page-campus .facilities-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-top:3rem}.page-campus .facility-card{background:var(--color-bg);border:1px solid var(--color-border);border-radius:8px;overflow:hidden;transition:all var(--transition-fast)}.page-campus .facility-card:hover{transform:translateY(-5px);box-shadow:0 12px 40px #0000001a;border-color:var(--color-primary)}.page-campus .facility-image{height:200px;overflow:hidden}.page-campus .facility-image img{width:100%;height:100%;object-fit:contain;background:var(--color-bg-secondary)}.page-campus .facility-info{padding:1.5rem}.page-campus .facility-info h4{font-size:1.1rem;margin-bottom:.5rem}.page-campus .facility-info p{font-size:.9rem;color:var(--color-text-secondary)}.page-campus .wellbeing-section{padding:6rem 0}.page-campus .wellbeing-content{max-width:var(--max-width);margin:0 auto;padding:0 2rem}.page-campus .wellbeing-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:3rem;margin-top:3rem}.page-campus .wellbeing-card{background:var(--color-bg);border:1px solid var(--color-border);border-radius:8px;padding:2.5rem;position:relative;overflow:hidden}.page-campus .wellbeing-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:var(--color-primary)}.page-campus .wellbeing-card h3{font-size:1.5rem;margin-bottom:1rem}.page-campus .wellbeing-card p{color:var(--color-text-secondary);line-height:1.8}@media(max-width:1024px){.page-campus .clubs-grid{grid-template-columns:repeat(3,1fr)}.page-campus .activities-grid,.page-campus .facilities-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.page-campus .clubs-grid{grid-template-columns:repeat(2,1fr)}.page-campus .activities-grid,.page-campus .facilities-grid,.page-campus .wellbeing-grid{grid-template-columns:1fr}}