:root { --blue:#003080; --blue-light:#0050a0; --teal:#1f6fbf; --gold:#f0b33b; --text:#222; --muted:#7b8794; --line:#e3ebf4; --bg:#f6f9fd; --white:#fff; }
    * { box-sizing: border-box; }
    body { margin:0; font-family:"Microsoft YaHei", Arial, sans-serif; color:var(--text); background:#fff; }
    a { color:inherit; text-decoration:none; }
    ul { margin:0; padding:0; list-style:none; }
    .wrap { width:1200px; max-width:calc(100% - 40px); margin:0 auto; }
    .main > .wrap { width:1400px; }
    .brand-header { min-height:120px; color:#fff; background:url('https://sii.ecnu.edu.cn/_upload/tpl/18/15/6165/template6165/images/2/top.png') center/cover no-repeat #075daf; position:relative; overflow:hidden; }
    .brand-header::before { content:""; position:absolute; inset:0; background-image: radial-gradient(circle, rgba(255,255,255,.16) 1px, transparent 1.5px), linear-gradient(18deg, transparent 0 45%, rgba(255,255,255,.08) 45.2% 45.8%, transparent 46%); background-size:22px 22px, 100% 100%; opacity:.36; }
    .brand-header .wrap { min-height:120px; display:flex; align-items:center; justify-content:space-between; position:relative; z-index:1; }
    .brand-logo { display:flex; align-items:center; gap:18px; color:#fff; }
    .brand-logo img { display:block; width:510px; max-width:52vw; height:auto; }
    .top-search { width:300px; height:42px; display:grid; grid-template-columns:1fr 48px; background:#fff; box-shadow:0 2px 12px rgba(0,0,0,.12); }
    .top-search span { display:flex; align-items:center; padding-left:22px; color:#888; font-size:16px; }
    .top-search button { border:0; color:#fff; background:#f2b400; font-size:24px; cursor:pointer; }
    .main-nav { background:#075aa4; color:#fff; }
    .main-nav .wrap { display:flex; justify-content:center; gap:54px; overflow-x:auto; }
    .main-nav a { padding:18px 8px; min-width:94px; text-align:center; font-size:18px; white-space:nowrap; }
    .main-nav a.active, .main-nav a:hover { background:rgba(255,255,255,.12); }
    .campus-banner { height:220px; background:linear-gradient(90deg,rgba(0,48,96,.28),rgba(255,255,255,.06)),url('https://sii.ecnu.edu.cn/_upload/article/images/c3/53/a82b96c84bc2908a28a4c3150940/90f5711e-e722-455b-9dc3-be9f520e0cee.jpg') center 42%/cover no-repeat; position:relative; overflow:hidden; }
    .campus-banner::before { content:""; position:absolute; left:0; top:0; width:50%; height:100%; background: repeating-linear-gradient(90deg, rgba(255,255,255,.18) 0 3px, transparent 3px 74px), repeating-linear-gradient(0deg, rgba(0,0,0,.15) 0 4px, transparent 4px 42px); mix-blend-mode:multiply; opacity:.65; }
    .campus-banner::after { content:""; position:absolute; right:4%; top:0; width:30%; height:100%; background: radial-gradient(circle at 72% 18%, rgba(129,75,45,.5) 0 2px, transparent 3px), radial-gradient(circle at 62% 36%, rgba(129,75,45,.45) 0 3px, transparent 4px), linear-gradient(112deg, transparent 0 58%, rgba(105,62,38,.42) 58.3% 59%, transparent 59.3%); background-size:42px 42px, 54px 54px, 100% 100%; opacity:.7; }
    .footer { padding:0; color:rgba(255,255,255,.86); font-size:15px; background:url('https://sii.ecnu.edu.cn/_upload/tpl/18/15/6165/template6165/images/2/foot.png') center/cover no-repeat #064482; position:relative; overflow:hidden; }
    .footer::before { content:""; position:absolute; inset:0; background: repeating-radial-gradient(ellipse at 50% 120%, rgba(255,255,255,.13) 0 2px, transparent 2px 14px); opacity:.28; transform:skewY(-7deg); }
    .footer .wrap { min-height:158px; display:grid; grid-template-columns:1fr 1.35fr 130px; gap:54px; align-items:center; position:relative; z-index:1; }
    .footer p { margin:10px 0; line-height:1.7; }
    .footer-qr { width:97px; height:97px; object-fit:cover; justify-self:center; background:#fff; padding:0; }
    .main { padding:40px 0 72px; background:linear-gradient(#f6f9fd,#fff 260px); }
    .layout { display:grid; grid-template-columns:210px minmax(0,1fr); gap:40px; }
    .side { background:#fff; border:1px solid var(--line); align-self:start; }
    .side-title { padding:22px 24px; color:#fff; font-size:24px; font-weight:700; background:var(--blue); }
    .side-menu>li>a { display:flex; justify-content:space-between; align-items:center; min-height:52px; padding:0 20px 0 24px; border-bottom:1px solid var(--line); color:#333; font-size:16px; }
    .side-menu>li.active>a, .side-menu>li>a:hover { color:var(--blue-light); font-weight:700; background:#f4f8fc; }
    .side-menu a::after { content:">"; color:#9cacbd; font-family:Arial,sans-serif; }
    .content { min-width:0; }
    .page-title { padding-bottom:18px; margin-bottom:28px; border-bottom:1px solid var(--line); }
    .page-title h2 { position:relative; margin:0 0 12px; color:var(--blue); font-size:30px; line-height:1.3; font-weight:700; }
    .crumb { color:#8190a2; font-size:14px; }

    /* 教师名录筛选 */
    .filter-panel { background:#fff; border:1px solid var(--line); padding:26px 30px 18px; margin-bottom:36px; }
    .filter-row { display:flex; align-items:flex-start; padding-bottom:20px; }
    .filter-row:last-child { padding-bottom:0; }
    .filter-row + .filter-row { border-top:1px solid var(--line); padding-top:20px; }
    .filter-label {  color:var(--text); font-size:16px; font-weight:700; line-height:32px; text-align:right; padding-right:20px; white-space:nowrap; }
    .filter-options { flex:1 1 auto; display:flex; flex-wrap:wrap; gap:10px 8px; }
    .filter-options a { display:inline-block; padding:5px 14px; color:#555; font-size:15px; line-height:1.5; border-radius:2px; transition:color .2s; }
    .filter-options a:hover { color:var(--blue-light); }
    .filter-options a.active { color:var(--blue-light); font-weight:700; }

    /* 教师照片网格 */
    .faculty-grid { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:36px 28px; }
    .faculty-card { text-align:center; transition:transform .25s ease, box-shadow .25s ease; }
    .faculty-card:hover { transform:translateY(-4px); box-shadow:0 10px 26px rgba(0,40,96,.12); }
    .faculty-card:hover .faculty-name { color:var(--blue-light); }
    .faculty-card:hover .faculty-photo img { transform:scale(1.05); }
    .faculty-photo { position:relative; width:calc(100% - 20px); aspect-ratio:3/4; overflow:hidden; border:12px solid #f4f8fc; background:linear-gradient(145deg,#dfe8ef,#f4f8fc); display:grid; place-items:center; margin:0 auto; }
    .faculty-photo img { width:100%; height:100%; object-fit:cover; display:block; transition:transform .5s ease; }
    .faculty-photo .placeholder { color:#8a9aaa; font-size:15px; font-weight:500; }
    .faculty-name { margin:16px 0 6px; color:var(--text); font-size:16px; font-weight:700; transition:color .25s ease; }
    .faculty-title { color:#64748b; font-size:14px; line-height:1.5; }

.col_list .wp_listcolumn .wp_column a.parent {
    color: var(--blue-light);
    font-weight: 700;
    background: #f4f8fc;
}

.col_list .wp_listcolumn .wp_column a.selected {
    color: var(--blue-light);
    font-weight: 700;
    background: #f4f8fc;
}
.col_list .wp_listcolumn .wp_column a.col_item_link:after {
    content: ">";
    color: #9cacbd;
    font-family: Arial, sans-serif;
}.col_list .wp_listcolumn .wp_column a.col_item_link {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-right: 18px;
}





    @media (max-width:1120px) { .layout { grid-template-columns:190px minmax(0,1fr); gap:28px; } .faculty-grid { grid-template-columns:repeat(4,minmax(0,1fr)); gap:28px 22px; } }
    @media (max-width:760px) { .wrap { max-width:calc(100% - 28px); } .brand-header .wrap { min-height:116px; align-items:flex-start; justify-content:center; flex-direction:column; gap:16px; padding:18px 0; } .brand-logo img { max-width:78vw; } .top-search { width:100%; height:38px; } .main-nav .wrap { justify-content:flex-start; gap:18px; } .main-nav a { min-width:auto; padding:14px 8px; font-size:15px; } .campus-banner { height:180px; } .sub-banner { height:150px; } .sub-banner h1 { font-size:30px; } .layout { grid-template-columns:1fr; } .filter-row { flex-direction:column; } .filter-label { flex:none; width:auto; text-align:left; padding-right:0; } .filter-options a { padding:5px 12px; font-size:14px; } .faculty-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:22px 16px; } .faculty-name { font-size:14px; } .footer .wrap { grid-template-columns:1fr; gap:18px; padding:28px 0; text-align:left; } .footer-qr { justify-self:start; } }