@charset "utf-8";
  :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; }
    .pic img { width:100%; height:220px; object-fit:cover; display:block; }
    .footer-qr { width:97px; height:97px; object-fit:cover; justify-self:center; background:#fff; padding:0; }    .school-seal { width:58px; height:58px; border:2px solid rgba(255,255,255,.72); border-radius:50%; display:grid; place-items:center; font-size:16px; font-weight:700; }
    .school-name { display:flex; align-items:center; gap:22px; font-weight:700; text-shadow:0 2px 8px rgba(0,0,0,.12); }
    .school-name .ecnu { font-size:36px; letter-spacing:.03em; }
    .school-name .divider { width:1px; height:50px; background:rgba(255,255,255,.45); }
    .school-name .college { font-size:34px; }
    .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; }
    .qr { width:88px; height:88px; justify-self:center; background:#fff; padding:8px; display:grid; grid-template-columns:repeat(5,1fr); gap:3px; }
    .qr i { background:#111; }
    .topline { height:38px; line-height:38px; color:rgba(255,255,255,.9); font-size:14px; background:var(--blue); }
    .topline .wrap, .site-head .wrap { display:flex; justify-content:space-between; align-items:center; }
    .toplink { display:flex; gap:20px; }
    .site-head { background:#fff; border-bottom:1px solid #edf2f8; }
    .site-head .wrap { min-height:102px; }
    .logo { display:flex; align-items:center; gap:18px; color:var(--blue); }
    .logo-mark { width:62px; height:62px; border-radius:50%; display:grid; place-items:center; color:#fff; font-weight:700; background:linear-gradient(135deg,var(--blue),#1f9bd0); }
    .logo strong { display:block; font-size:30px; line-height:1.2; letter-spacing:0; }
    .logo span:last-child { display:block; margin-top:7px; color:#7e8da0; font-size:14px; text-transform:uppercase; }
    .search { width:220px; height:36px; padding:0 14px; display:flex; align-items:center; justify-content:space-between; color:#8996a8; border:1px solid #dbe5f0; font-size:14px; }
    
    .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 { margin:0 0 12px; color:var(--blue); font-size:30px; line-height:1.3; font-weight:700; }
    .crumb { color:#8190a2; font-size:14px; }
    .section { margin-bottom:34px; background:#fff; }
    .section-head { height:58px; display:flex; align-items:center; justify-content:space-between; margin-bottom:22px; border-bottom:1px solid var(--line); position:relative; }
    .section-head::before { content:""; position:absolute; left:0; bottom:-1px; width:86px; height:3px; background:var(--blue-light); }
    .section-head h3 { margin:0; color:var(--blue); font-size:24px; font-weight:700; }
    .more { color:#7a8ba1; font-size:14px; }
    .more:hover { color:var(--blue-light); }
    .intro-panel { min-height:430px; display:grid; grid-template-columns:42% 58%; align-items:stretch; gap:40px; padding:44px 22px 36px 36px; box-shadow:0 8px 22px rgba(0,0,0,.12); position:relative; }
    .intro-panel::before { content:"“"; position:absolute; left:24px; top:-14px; color:#ededed; font-family:Georgia,serif; font-size:120px; line-height:1; z-index:0; }
    .intro-text { position:relative; z-index:1; padding-left:42px; color:#263442; font-size:16px; line-height:2.2; text-indent:2em; align-self:center; }
    .intro-photo-wrap { position:relative; padding-right:16px; padding-bottom:16px; display:flex; }
    .intro-photo-wrap::after { content:""; position:absolute; right:0; bottom:0; width:calc(100% - 24px); height:calc(100% - 24px); background:var(--teal); z-index:0; }
    .intro-photo { position:relative; z-index:1; width:100%; min-height:360px; display:grid; place-items:center; color:#fff; font-size:22px; font-weight:700; background:linear-gradient(135deg,rgba(0,48,128,.74),rgba(67,190,180,.52)),linear-gradient(90deg,#dfe8ef,#f7fbfd); overflow:hidden; }
    .intro-photo::before, .intro-photo::after { content:""; position:absolute; border-radius:50%; background:rgba(255,255,255,.28); }
    .intro-photo::before { width:110px; height:110px; left:16%; bottom:18%; }
    .intro-photo::after { width:150px; height:150px; right:18%; top:18%; }
    .intro-photo span { position:relative; z-index:1; }
    .member-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:42px 44px; }
    .member-card { display:grid; grid-template-columns:148px minmax(0,1fr); gap:26px; min-height:178px; align-items:start; }
    .avatar-wrap { position:relative; padding-right:10px; padding-bottom:10px; }
    .avatar-wrap::after { content:""; position:absolute; right:0; bottom:0; width:calc(100% - 10px); height:calc(100% - 10px); background:var(--teal); z-index:0; }
    .avatar { position:relative; z-index:1; width:148px; aspect-ratio:1/1.14; display:grid; place-items:center; color:#fff; font-size:15px; font-weight:700; background:linear-gradient(145deg,rgba(38,45,54,.88),rgba(94,104,116,.72)),radial-gradient(circle at 50% 28%,rgba(255,255,255,.42) 0 34px,transparent 35px); overflow:hidden; }
.avatar img{width:100%}    
.member-info h4 { margin:8px 0 34px; color:#1d2b3a; font-size:23px; line-height:1.3; font-weight:500; white-space:nowrap; }
    .member-contact { padding-left:18px; border-left:1px solid var(--gold); color:#858f99; font-size:14px; line-height:1.8; word-break:normal; }
    .member-contact span {display:block;/* white-space:nowrap; */}
    .two-col { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; }
    .list-module { border:1px solid var(--line); box-shadow:0 8px 22px rgba(0,48,128,.05); }
    .list-module .section-head { margin:0; padding:0 20px; height:58px; }
    .module-list { padding:10px 20px 16px; }
    .module-list li { min-height:46px; display:grid; grid-template-columns:28px minmax(0,1fr) 92px; gap:12px; align-items:center; border-bottom:1px dashed #d9e3ed; font-size:15px; }
    .module-list li:last-child { border-bottom:0; }
    .num { width:24px; height:24px; display:grid; place-items:center; color:var(--blue-light); background:#edf5fb; font-size:13px; font-weight:700; }
    .module-list .name { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#333; }
    .module-list .name:hover { color:var(--blue-light); }
    .date { text-align:right; color:#8b99aa; font-size:13px; }
    .paper-stack { display:grid; gap:24px; }
    .paper-item { min-height:72px; padding:24px 30px; display:flex; align-items:center; color:#213242; font-size:16px; line-height:1.8; background:#f5fbff; box-shadow:0 5px 14px rgba(0,48,128,.14); border-left:4px solid #2f80c9; }
    .project-stack { display:grid; gap:26px; }
    .project-item { min-height:86px; padding:24px 32px; display:flex; align-items:center; color:#fff; font-size:17px; line-height:1.85; background:#2f80c9; box-shadow:0 8px 18px rgba(0,48,128,.14); }
    .project-item:nth-child(2) { background:#246fb4; }
    .project-item:nth-child(3) { background:#1b5f9f; }
    .paper-item:nth-child(n+5), .project-item:nth-child(n+5) { display:none; }
    .partners { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:16px; }
    .partner { min-height:210px; padding:18px 14px; border:1px solid #dfeaf4; background:#fff; }
    .partner-logo { width:200px; height:100px; margin:0 auto 14px; display:grid; place-items:center; color:var(--blue); font-weight:700; border:0; background:#fff; overflow:hidden; }
    .partner h4 { margin:0 0 8px; color:var(--blue); font-size:16px; line-height:1.35; text-align:center; }
    .partner p { margin:0; color:#607185; font-size:14px; line-height:1.7; text-align:center; }
    .news-cards { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; }
    .news-card { border:1px solid #dfeaf4; background:#fff; }
    .pic { height:220px; display:grid; place-items:center; color:#fff; font-weight:700; background:linear-gradient(135deg,rgba(0,48,128,.78),rgba(67,190,180,.55)),repeating-linear-gradient(45deg,#d8e9f6 0 16px,#eef6fb 16px 32px); }
    .news-card .txt { padding:16px 16px 18px; }
    .news-card h4 { margin:0 0 8px; color:#26374d; font-size:17px; line-height:1.45; }
    .news-card p { margin:0; color:#68788b; font-size:14px; line-height:1.7; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
  .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; }
.possplit{
    background: none;
    text-indent: 0;
    width: auto;
    font-size: 0;
}  
.possplit:before{
    content: '>';
    color: inherit;
    font-size: 14px;
    margin: 0 3px;
}
@media (max-width:1120px) { .layout { grid-template-columns:190px minmax(0,1fr); gap:28px; } .intro-panel { grid-template-columns:1fr; } .member-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } .two-col { grid-template-columns:1fr; } .partners { grid-template-columns:repeat(3,minmax(0,1fr)); } }
    @media (max-width:760px) { .wrap { max-width:calc(100% - 28px); } .topline,.search { display:none; } .brand-header .wrap { min-height:116px; align-items:flex-start; justify-content:center; flex-direction:column; gap:16px; padding:18px 0; } .school-seal { width:46px; height:46px; font-size:12px; } .school-name { gap:12px; } .school-name .ecnu { font-size:22px; } .school-name .divider { height:34px; } .school-name .college { font-size:22px; } .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: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; } .site-head .wrap { min-height:86px; } .logo-mark { display:none; } .logo strong { font-size:23px; } .sub-banner { height:150px; } .sub-banner h1 { font-size:30px; } .layout { grid-template-columns:1fr; } .intro-panel { padding:36px 18px 24px; } .intro-text { padding-left:0; font-size:15px; } .member-grid,.partners,.news-cards { grid-template-columns:1fr; } .member-card { grid-template-columns:124px minmax(0,1fr); gap:18px; } .avatar { width:124px; } .member-info h4 { font-size:22px; margin-bottom:22px; white-space:normal; } .module-list li { grid-template-columns:28px minmax(0,1fr); padding:8px 0; } .date { grid-column:2; text-align:left; } .footer .wrap { grid-template-columns:1fr; gap:18px; padding:28px 0; text-align:left; } .pic, .pic img { height:190px; } .qr { justify-self:start; } }
   @media (max-width:479px) {
  .member-card{display:flex;flex-direction: column;align-items: flex-start;} 
   .avatar{width:148px;}
   .avatar-wrap{margin:0 auto}
   }