  :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;
            }

            /* 团队建设卡片网格 */
            .team-grid {
                display: grid;
                grid-template-columns: repeat(3,minmax(0,1fr));
                gap: 40px 34px;
            }

            .team-card {
                display: block;
                background: #fff;
                padding: 0 0 20px;
                transition: box-shadow .25s, transform .25s;
            }

            .team-card:hover {
                box-shadow: 0 10px 26px rgba(0,40,96,.12);
                transform: translateY(-4px);
            }

            .team-card:hover .team-photo img {
                transform: scale(1.05);
            }

            .team-photo {
                position: relative;
                width: 100%;
                aspect-ratio: 4/3;
                overflow: hidden;
                border: 10px solid #eef4f8;
                background: #f4f8fc;
                display: grid;
                place-items: center;
            }

            .team-photo img {
                width: 100%;
                height: 100%;
                object-fit: cover;
                display: block;
                transition: transform .5s ease;
            }

            .team-photo .ph {
                font-size: 30px;
                font-weight: 700;
                color: #aebfd4;
                letter-spacing: 4px;
                font-family: Arial, sans-serif;
            }

            .team-name {
                margin: 16px 0 0;
                color: var(--text);
                font-size: 15px;
                font-weight: 700;
                text-align: center;
                line-height: 1.6;
                transition: color .2s;
            }

            .team-card:hover .team-name {
                color: var(--blue-light);
            }

            /* 分页数码 */
            .pager {
                display: flex;
                justify-content: center;
                align-items: center;
                gap: 8px;
                margin-top: 52px;
                flex-wrap: wrap;
            }

            .pager a, .pager span.pg {
                min-width: 40px;
                height: 40px;
                padding: 0 12px;
                display: inline-flex;
                align-items: center;
                justify-content: center;
                border: 1px solid var(--line);
                background: #fff;
                color: #555;
                font-size: 15px;
                transition: all .2s;
            }

            .pager a:hover {
                color: var(--blue-light);
                border-color: var(--blue-light);
            }

            .pager span.pg.active {
                color: #fff;
                background: var(--blue-light);
                border-color: var(--blue-light);
                font-weight: 700;
            }

            .pager span.total {
                margin-left: 14px;
                color: var(--muted);
                font-size: 14px;
            }
.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;
                }

                .team-grid {
                    gap: 26px 20px;
                }
            }

            @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;
                }

                .team-grid {
                    grid-template-columns: repeat(2,minmax(0,1fr));
                    gap: 22px 16px;
                }

                .team-name {
                    font-size: 13px;
                }

                .pager {
                    gap: 6px;
                }

                .pager a, .pager span.pg {
                    min-width: 34px;
                    height: 34px;
                    padding: 0 8px;
                    font-size: 14px;
                }

                .footer .wrap {
                    grid-template-columns: 1fr;
                    gap: 18px;
                    padding: 28px 0;
                    text-align: left;
                }

                .footer-qr {
                    justify-self: start;
                }
            }