/* ============================================================
   clean — 简洁学术风个人主页模板
   配色：NIMTE 蓝；布局：左侧个人栏 + 右侧内容栏，卡片式
   ============================================================ */
:root{
	--blue:#1e5f99;
	--blue-dark:#174a7c;
	--blue-light:#ecf3fa;
	--ink:#243447;
	--text:#44515f;
	--muted:#8b98a6;
	--line:#e4eaf0;
	--bg:#f2f5f9;
	--radius:10px;
	--shadow:0 2px 12px rgba(30,95,153,.07);
}
*{margin:0;padding:0;box-sizing:border-box;}
body{background:var(--bg);color:var(--text);font:14px/1.7 "PingFang SC","Microsoft YaHei","Helvetica Neue",Arial,sans-serif;}
a{color:var(--blue);text-decoration:none;transition:color .15s ease;}
a:hover{color:var(--blue-dark);}
img{max-width:100%;height:auto;}
ul{list-style:none;}
select{font-family:inherit;}

#wrapper{width:1080px;max-width:96%;margin:0 auto;}

/* ---- 顶部引导条 ---- */
#topbar{background:linear-gradient(90deg,#174a7c,#2670b3);}
#topbar .guide{width:1080px;max-width:96%;margin:0 auto;text-align:right;padding:6px 4px;}
#topbar .guide a{color:#c9def2;font-size:12px;margin:0 10px;}
#topbar .guide a:hover{color:#fff;}

/* ---- 页头 ---- */
#header{padding:15px 10px 15px 8px;}
#header .brand{display:inline-flex;align-items:center;gap:12px;max-width:100%;}
#header .logo{display:inline-block;height:39px;width:auto;border-radius:50%;object-fit:cover;}
#header .sitename{font-size:24px;font-weight:700;color:var(--ink);letter-spacing:.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

/* ---- 主体两栏 ---- */
#main{display:flex;align-items:flex-start;gap:20px;}
#left{width:250px;flex:none;}
#right{flex:1;min-width:0;overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:8px 34px 30px;}
.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);}

/* 左侧个人栏 */
#left .profile{padding:14px;text-align:center;}
#left .profile .avator{display:block;width:100%;border-radius:8px;}
#left .profile .position{margin-top:10px;font-size:13px;color:var(--muted);line-height:1.5;}
#left .menu{margin-top:14px;overflow:hidden;}
#left .menu li+li{border-top:1px solid var(--line);}
#left .menu a{display:block;padding:11px 16px 11px 13px;border-left:3px solid transparent;color:var(--text);font-size:16px;}
#left .menu a:hover{background:#f7fafd;color:var(--blue);}
#left .menu a.active{background:var(--blue-light);border-left-color:var(--blue);color:var(--blue);font-weight:600;}
#left .links{margin-top:14px;padding:12px;}
#left .links select{width:100%;padding:7px 8px;border:1px solid var(--line);border-radius:6px;background:#fbfcfe;color:var(--text);font-size:13px;}
#left .stat{margin-top:14px;padding:10px 12px;text-align:center;font-size:12px;color:var(--muted);}

/* 右侧内容区 */
#right h1{margin:26px 0 18px;font-size:22px;line-height:1.5;color:var(--ink);}
#right h2{margin:32px 0 14px;padding-left:12px;border-left:4px solid var(--blue);font-size:16px;line-height:1.4;color:var(--ink);overflow:hidden;}
#right h2 a{float:right;font-size:13px;font-weight:400;color:var(--muted);}
#right h2 a:hover{color:var(--blue);}
#right .intro{line-height:1.9;word-break:break-word;}
#right .intro img{max-width:100%;height:auto;}
#right .intro iframe,#right .intro video,#right .intro embed,#right .intro object{max-width:100%;}

/* 新闻列表 */
#right .news li{display:flex;align-items:baseline;gap:12px;padding:9px 2px;border-bottom:1px dashed var(--line);}
#right .news li a{flex:1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:var(--text);}
#right .news li a:hover{color:var(--blue);}
#right .news li span{flex:none;font-size:13px;color:var(--muted);}

/* 文章页 */
#right.page h1{font-size:20px;padding-left:12px;border-left:4px solid var(--blue);}
.page .content{line-height:1.95;font-size:15px;word-break:break-word;overflow:hidden;}
.page .content img{max-width:100%;}
.page .content p{margin:0 0 10px;}
.page .content table{border-collapse:collapse;margin:10px 0;}
.page .content td,.page .content th{border:1px solid var(--line);padding:6px 10px;}
#right .intro table,.page .content table{display:block;width:max-content;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;}
.page .paras{margin-top:28px;padding-top:12px;border-top:1px solid var(--line);font-size:12px;color:var(--muted);text-align:right;}

/* 分页 */
.pager{margin-top:24px;text-align:center;font-size:13px;}
.pager a{display:inline-block;margin:0 3px 6px;padding:5px 12px;border:1px solid var(--line);border-radius:6px;background:#fff;color:var(--text);}
.pager a:hover{border-color:var(--blue);color:var(--blue);}
.pager a.on{background:var(--blue);border-color:var(--blue);color:#fff;}

/* 页脚 */
#footer{margin-top:32px;padding:20px 8px 32px;border-top:1px solid var(--line);text-align:center;font-size:12px;line-height:1.9;color:var(--muted);word-wrap:break-word;}
#footer a{color:var(--muted);}
#footer img{vertical-align:-2px;}

/* 移动端导航（桌面端隐藏） */
#navbtn,#navs{display:none;}

@media screen and (max-width:767px){
	body{overflow-x:hidden;}
	#topbar .guide{text-align:center;padding:6px;}
	#topbar .guide a{margin:0 8px;}
	#header{padding:14px 60px 12px 10px;}
	#header .brand{gap:10px;}
	#header .logo{height:30px;}
	#header .sitename{font-size:16px;}
	#main{flex-direction:column;gap:14px;}
	#left{display:none;}
	#right{padding:4px 16px 22px;}
	#right h2{margin:24px 0 12px;}
	#right .news li{gap:10px;}
	#right .news li a{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:break-word;}
	.page .content{font-size:14px;}
	.page .paras{text-align:center;margin:20px 0 0;}
	#footer{margin-top:20px;padding:14px 10px 24px;}

	#navbtn{display:block;position:fixed;top:12px;right:12px;z-index:1002;width:40px;height:40px;color:#fff;background:var(--blue);border-radius:10px;box-shadow:0 3px 10px rgba(23,74,124,.35);}
	#navbtn::before{content:"";display:block;width:18px;height:2px;background:currentColor;margin:19px auto 0;box-shadow:0 -6px 0 currentColor,0 6px 0 currentColor;}
	body.nav-open #navbtn{background:#fff;color:var(--blue);box-shadow:0 1px 4px rgba(0,0,0,.15);}
	#navs{display:none;position:fixed;top:0;left:0;right:0;bottom:0;z-index:1001;background:#fff;padding:68px 8% 30px;overflow-y:auto;}
	body.nav-open #navs{display:block;}
	body.nav-open{overflow:hidden;}
	#navs .brand{display:flex;align-items:center;gap:10px;margin:0 0 16px;}
	#navs img{display:block;height:34px;width:auto;border-radius:50%;object-fit:cover;}
	#navs .sitename{font-size:17px;font-weight:700;color:var(--ink);letter-spacing:.5px;}
	#navs li{border-bottom:1px solid var(--line);}
	#navs a{display:block;padding:13px 4px;font-size:17px;color:var(--ink);}
	#navs a.active,#navs a:hover{color:var(--blue);}
}