@charset "utf-8";
/* ============================================================
   辽宁科技大学档案馆 · 校史馆 新版首页样式 v2（弧形卡片·简约大气）
   深靛蓝 #1F3A5F / 暖木棕 #8C6B4A / 米白 #F7F4ED / 朱红 #A63D2F
   兼容原组件输出类（.h1/.h2/.dqwz/.copyright）
   说明：在您现有样式基础上，仅替换区块风格为"白色圆角卡片"，
   导航配色（#2F5A8F + !important）原样保留
   ============================================================ */
body{
	margin:0;
	padding:0;
	background:#F7F4ED;
	font-family:"Microsoft YaHei","PingFang SC","SimSun",sans-serif;
	font-size:14px;
	color:#333;
	line-height:1.7;
}
img{
	border:0;
	max-width:100%;
}
A:link, A:visited {
	COLOR: #1F3A5F;
	TEXT-DECORATION:none;
}
A:hover {
	COLOR: #A63D2F;
	TEXT-DECORATION:none;
}
A:active {
	COLOR: #1F3A5F;
	TEXT-DECORATION:none;
}
/* ---- 兼容组件输出的旧类 ---- */
.h1{ font-size:14px; color:#330000; font-weight:800; }
.h2{ font-size:14px; color:#ffffff; font-weight:800; }
.dqwz{ color:#46150f; font-size:12px; }
.copyright{ color:#333333; font-size:12px; line-height:24px; }
/* ---- 通用容器（版心加宽到 1280px，左右边界统一对齐） ---- */
.wrap{ width:1280px; margin:0 auto; }
/* ---- 顶栏 ---- */
#topbar{ background:#162B47; color:#CFD8E3; font-size:12px; line-height:34px; }
#topbar .tb-right{ float:right; }
#topbar A{ color:#CFD8E3; }
#topbar A:hover{ color:#fff; }
/* ---- 头部 LOGO ---- */
#header{ background:#FFFFFF; border-bottom:1px solid #D9D2C2; }
#header .wrap{ width:100%; }
#header .wrap table{ width:100%; }
#header .wrap img{ width:100% !important; height:auto !important; }
/* ---- 导航条（保留您已配置的 #2F5A8F 与 !important） ---- */
#nav{ background:#2F5A8F; }
#nav .wrap{ height:46px; }
#nav .edit{ width:100%; }
#nav .edit table{ width:auto; margin:0 auto; }
#nav .edit ul{ list-style:none; margin:0; padding:0; display:flex; justify-content:center; }
#nav .edit li{ float:none; line-height:46px; }
#nav .edit A{ display:block; padding:0 26px; color:#FFFFFF !important; font-size:15px; }
#nav .edit SPAN{ color:#fff !important; }
#nav .edit A:hover{ background:#A63D2F !important; color:#fff !important; }
#nav .edit A.menu0_1{ background:#A63D2F !important; }
#nav .edit A.menu0_1 SPAN{ color:#fff !important; }
#nav .edit table A{ display:inline; padding:0; }
#nav .edit td{ padding:0 22px; }

/* 二级下拉菜单：宽度对齐一级导航、文字居中 */
#nav div.main_1_{ width:130px !important; }
#nav table.tb1_1_{ width:100% !important; }
#nav td.b3_1_{ text-align:center !important; padding:0 !important; }
#nav td.b3_1_ a{ display:block !important; text-align:center !important; }
#nav span.s20_1_{ font-size:14px !important; }
/* ---- Hero 轮播 ---- */
#hero{ background:#162B47; overflow:hidden; display:flex; justify-content:center; }
#hero table{ width:1280px !important; }
#hero table img{ width:1280px !important; height:320px !important; object-fit:cover; display:block; }
/* ---- 区块标题（设计稿：左侧朱红竖条，替换原底部横线） ---- */
.sec-title{
	margin:0 0 14px 0; padding:0 0 0 14px;
	border-left:5px solid #A63D2F; border-bottom:none;
	font-size:20px; color:#1F3A5F; font-weight:700; line-height:1.4;
	position:relative; }
.sec-title EM{ font-style:normal; font-size:12px; color:#8C6B4A; margin-left:8px; font-weight:400; }
.sec-title .more{ position:absolute; right:0; bottom:2px; font-size:12px; color:#6E6759; }
.sec-title .more:hover{ color:#A63D2F; }
/* ---- 快速服务：6 列白色圆角卡片（设计稿同款） ---- */
#quick{ background:#F7F4ED; padding:34px 0 12px; }
.qgrid{ display:grid; grid-template-columns:repeat(6,1fr); gap:14px; }
.qcard{
	background:#FFFFFF; border:1px solid #D9D2C2; border-radius:8px;
	text-align:center; padding:20px 8px 16px; display:block;
	transition:transform .15s, box-shadow .15s; }
.qcard:hover{ transform:translateY(-3px); box-shadow:0 10px 24px rgba(31,58,95,.12); }
.qcard B{ font-size:14.5px; color:#162B47; display:block; margin-bottom:4px; }
.qcard SPAN{ font-size:11.5px; color:#6E6759; }
/* ---- 双栏列表：白色圆角卡片 ---- */
#main{ padding:12px 0; }
#main .wrap{ display:grid; grid-template-columns:1fr 1fr; gap:26px; }
#main .col{
	background:#FFFFFF; border:1px solid #D9D2C2; border-radius:8px;
	padding:18px 18px 14px; }
#main .col .sec-title{ margin-bottom:8px; }
.edit{ min-height:60px; }
.edit ul{ list-style:none; margin:0; padding:0; }
.edit li{ line-height:2; border-bottom:1px dashed #D9D2C2; padding:2px 0; }
.edit li A{ color:#333; font-size:14px; }
.edit li A:hover{ color:#A63D2F; }
.edit table{ width:100%; }
.edit td{ font-size:14px; line-height:1.9; }
.edit img{ max-width:100%; height:auto; }
/* ---- 馆藏数据条：深蓝圆角横条（版心内） ---- */
#data{ background:#F7F4ED; padding:12px 0; }
#data .wrap{
	box-sizing:border-box;
	background:#1F3A5F; border-radius:10px; color:#fff;
	padding:26px 30px;
	display:grid; grid-template-columns:repeat(4,1fr); gap:18px; }
.ditem{ text-align:center; border-right:none; }
.ditem B{ display:block; font-size:30px; color:#E9C46A; letter-spacing:1px; }
.ditem SPAN{ font-size:13px; color:#C8D2DE; }
/* ---- 三栏知识：白色圆角卡片 ---- */
#cols3{ padding:12px 0; }
#cols3 .wrap{ display:grid; grid-template-columns:1fr 1fr 1fr; gap:20px; }
#cols3 .c3{
	background:#FFFFFF; border:1px solid #D9D2C2; border-radius:8px;
	padding:18px 18px 14px; }
/* ---- 校史馆专区：4 个白色圆角按钮卡 ---- */
#museum{ background:#F7F4ED; padding:20px 0 12px; }
.mu-head{ margin-bottom:16px; }
.mu-head P{ color:#6E6759; margin:0; max-width:900px; }
.mu-links{ display:grid; grid-template-columns:repeat(3,1fr); gap:12px; }
.mu-links A{
	background:#FFFFFF; border:1px solid #D9D2C2; border-radius:8px;
	color:#1F3A5F; padding:14px 16px; font-size:14px; text-align:center;
	transition:transform .15s, box-shadow .15s; }
.mu-links A:hover{
	transform:translateY(-3px); box-shadow:0 10px 24px rgba(31,58,95,.12);
	border-color:#8C6B4A; color:#A63D2F; }
/* ---- 馆藏展示 ---- */
#gallery{ padding:12px 0 30px; }
#gallery .edit img{ max-width:100%; }
/* ---- 页脚 ---- */
#footer{ background:#162B47; color:#C8D2DE; padding:26px 0 30px 0; text-align:center; font-size:12px; }
#footer A{ color:#C8D2DE; }
#footer A:hover{ color:#fff; }
#footer .fline{ margin:10px 0 0 0; }
/* ---- 响应式 ---- */
@media screen and (max-width: 1280px){
	.wrap{ width:96%; }
}
@media screen and (max-width: 900px){
	.qgrid{ grid-template-columns:repeat(3,1fr); }
	#main .wrap, #cols3 .wrap{ grid-template-columns:1fr; }
	#data .wrap{ grid-template-columns:repeat(2,1fr); }
	.mu-links{ grid-template-columns:repeat(2,1fr); }
	#nav .edit li{ float:none; line-height:40px; }
	#nav .edit A{ padding:0 16px; }
}
.work-flex{ display:flex; gap:18px; align-items:flex-start; }
.wf-pic{ flex:0 0 260px; overflow:hidden; }
.wf-pic IMG{ display:block; width:100% !important; height:auto; border-radius:6px; }
.wf-list{ flex:1; min-width:0; }