.pg-college{background:var(--ui-surface)}
.college-hero{padding:calc(var(--ui-header) + 50px) 24px 48px;background:radial-gradient(860px 340px at 80% 0%,rgba(47,86,217,.10),transparent 64%),linear-gradient(180deg,#f2f6ff 0%,#fbfcff 100%);text-align:center}
.college-eyebrow{display:inline-flex;align-items:center;gap:8px;padding:7px 16px;border:1px solid #dbe3f7;border-radius:var(--ui-pill);background:rgba(255,255,255,.8);color:var(--ui-primary);font-size:13px;font-weight:650}
.college-eyebrow::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--ui-accent)}
.college-hero h1{margin:16px 0 10px;font-size:clamp(30px,3.2vw,42px)}
.college-hero p{color:var(--ui-body);font-size:15px}
.college-search{display:flex;max-width:520px;margin:22px auto 0;padding:5px;border:1px solid var(--ui-line-strong);border-radius:var(--ui-pill);background:#fff;box-shadow:var(--ui-shadow-sm)}
.college-search input{flex:1;min-width:0;height:40px;padding:0 16px;border:0;background:transparent;outline:none;font-size:14px}
.college-search button{flex:0 0 auto;height:40px;padding:0 24px;border:0;border-radius:var(--ui-pill);background:var(--ui-primary);color:#fff;font-size:14px;font-weight:600}
.college-shell{width:100%;max-width:var(--ui-max);margin:0 auto;padding:38px var(--ui-gutter) 84px;display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:26px;align-items:start}
.college-main{min-width:0;display:grid;gap:34px}
.college-main>section{min-width:0}
.college-section-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}
.college-section-head h2{display:inline-flex;align-items:center;gap:10px;font-size:21px}
.college-section-head h2::before{content:"";width:4px;height:20px;border-radius:3px;background:linear-gradient(180deg,var(--ui-accent),#ff9b6f)}
.college-section-head a{color:var(--ui-muted);font-size:13px}
.college-section-head a:hover{color:var(--ui-primary)}
.video-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.video-card{overflow:hidden;border:1px solid var(--ui-line);border-radius:var(--ui-radius);background:#fff;box-shadow:var(--ui-shadow-sm);transition:transform .3s var(--ui-ease),box-shadow .3s var(--ui-ease)}
.video-card:hover{transform:translateY(-4px);box-shadow:var(--ui-shadow)}
.video-thumb{position:relative;aspect-ratio:16 / 10;overflow:hidden;background:var(--ui-surface-2)}
.video-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .5s var(--ui-ease)}
.video-card:hover .video-thumb img{transform:scale(1.04)}
.video-thumb::after{content:"";position:absolute;left:50%;top:50%;width:38px;height:38px;margin:-19px 0 0 -19px;border-radius:50%;background:rgba(255,255,255,.88) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%232f56d9'%3E%3Cpath d='M8 5v14l11-7z'/%3E%3C/svg%3E") center / 18px no-repeat;box-shadow:0 6px 18px rgba(16,42,76,.18)}
.video-body{padding:14px 16px 16px}
.video-body h3{display:-webkit-box;overflow:hidden;font-size:15px;line-height:1.5;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.video-card:hover h3{color:var(--ui-primary)}
.qa-list{display:grid;gap:10px}
.qa-list>*,.doc-grid>*,.video-grid>*{min-width:0}
.qa-item{display:flex;align-items:center;gap:14px;padding:14px 18px;border:1px solid var(--ui-line);border-radius:12px;background:#fff;transition:border-color .2s var(--ui-ease),box-shadow .2s var(--ui-ease)}
.qa-item:hover{border-color:var(--ui-primary-100);box-shadow:var(--ui-shadow-sm)}
.qa-item .qa-mark{flex:0 0 28px;width:28px;height:28px;border-radius:8px;background:var(--ui-primary-50);color:var(--ui-primary);font-size:13px;font-weight:700;line-height:28px;text-align:center}
.qa-item span{flex:1;min-width:0;overflow:hidden;color:var(--ui-heading);font-size:14px;white-space:nowrap;text-overflow:ellipsis}
.doc-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.doc-item{display:flex;align-items:center;gap:12px;padding:14px 16px;border:1px solid var(--ui-line);border-radius:12px;background:#fff}
.doc-item:hover{border-color:var(--ui-primary-100);box-shadow:var(--ui-shadow-sm)}
.doc-item .doc-icon{flex:0 0 38px;width:38px;height:38px;border-radius:10px;background:var(--ui-accent-50);color:var(--ui-accent-600);font-size:13px;font-weight:700;line-height:38px;text-align:center}
.doc-item span{flex:1;min-width:0;overflow:hidden;font-size:14px;white-space:nowrap;text-overflow:ellipsis}
.college-sidebar{display:grid;gap:16px;position:sticky;top:calc(var(--ui-header) + 16px)}
.college-widget{padding:20px;border:1px solid var(--ui-line);border-radius:var(--ui-radius);background:#fff;box-shadow:var(--ui-shadow-sm)}
.college-widget h3{margin-bottom:12px;font-size:16px}
.hot-list{display:grid;gap:2px}
.hot-list a{display:flex;gap:10px;padding:9px 0;border-bottom:1px dashed var(--ui-line);color:var(--ui-body);font-size:13px;line-height:1.6}
.hot-list a:last-child{border-bottom:0}
.hot-list a:hover{color:var(--ui-primary)}
.hot-list em{flex:0 0 18px;color:var(--ui-muted);font-style:normal;font-weight:700}
.hot-list a:nth-child(-n+3) em{color:var(--ui-accent)}
.college-promo img{display:block;width:100%;border-radius:14px}
.tag-cloud{display:flex;flex-wrap:wrap;gap:8px}
.tag-cloud a{display:inline-flex;align-items:center;height:30px;padding:0 12px;border:1px solid var(--ui-line);border-radius:var(--ui-pill);color:var(--ui-muted);font-size:12px}
.tag-cloud a:hover{border-color:var(--ui-primary);color:var(--ui-primary);background:var(--ui-primary-50)}
@media (max-width:991px){
.college-shell{grid-template-columns:minmax(0,1fr)}
.college-sidebar{position:static;grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:767px){
.college-hero{padding:calc(var(--ui-header-sm) + 36px) 18px 38px}
.college-hero h1{font-size:27px}
.college-shell{padding-top:26px;padding-bottom:52px;gap:20px}
.video-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.video-card{min-width:0}
.video-body{padding:12px}
.video-body h3{font-size:13px}
.doc-grid{grid-template-columns:1fr}
.college-sidebar{grid-template-columns:1fr}
}
.college-hero{min-height:400px;padding:calc(var(--ui-header) + 72px) 24px 64px;background:var(--ui-page-hero);border-bottom:1px solid rgba(255,255,255,.06);color:#fff;text-align:center}
.college-hero h1{color:#fff}
.college-hero p{color:#b9c8e2}
.college-eyebrow{border-color:rgba(255,255,255,.18);background:rgba(255,255,255,.08);color:#dbe6ff}
@media (max-width:767px){
.college-hero{min-height:300px;padding:calc(var(--ui-header-sm) + 46px) 18px 48px}
}