/* ==========================================================================
   qltrq 主题 · 内页样式（横幅 / 侧栏 / 列表 / 详情 / 搜索 / 留言）
   ========================================================================== */

/* ---------- 内页横幅 ---------- */
.qt-pagebanner{position:relative;height:280px;overflow:hidden}
.qt-pagebanner__bg{position:absolute;inset:0;background-size:cover;background-position:center;transform:scale(1.03)}
.qt-pagebanner__overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,38,74,.85),rgba(8,47,92,.55) 55%,rgba(14,92,173,.25))}
.qt-pagebanner__content{position:relative;z-index:2;height:100%;display:flex;flex-direction:column;justify-content:center;color:#fff}
.qt-pagebanner__crumb{margin:0 0 8px;font-size:13px;letter-spacing:5px;color:#ffd9c9}
.qt-pagebanner__content h1{font-size:38px;text-shadow:0 4px 16px rgba(0,0,0,.3)}
.qt-pagebanner__sub{margin:10px 0 0;font-size:15px;color:rgba(255,255,255,.85)}

/* ---------- 面包屑 ---------- */
.qt-breadcrumb{
	display:flex;align-items:center;flex-wrap:wrap;gap:4px;
	padding:14px 0;font-size:13.5px;color:var(--qt-ink-3);
}
.qt-breadcrumb__label i{color:var(--qt-accent)}
.qt-breadcrumb a{color:var(--qt-ink-2);margin:0 4px}
.qt-breadcrumb a:hover{color:var(--qt-accent)}
.qt-breadcrumb i{margin:0 2px;font-size:12px}

/* ---------- 布局：侧栏 + 主栏 ---------- */
.qt-pagebody{padding-bottom:8px}
.qt-layout{display:grid;grid-template-columns:280px 1fr;gap:26px;align-items:start;margin-top:6px}

/* ---------- 左侧栏目导航 ---------- */
.qt-sidenav{position:sticky;top:76px}
.qt-sidenav__head{
	display:flex;align-items:center;gap:12px;
	background:linear-gradient(120deg,var(--qt-primary-deep),var(--qt-primary));
	color:#fff;border-radius:var(--qt-radius) var(--qt-radius) 0 0;padding:18px 22px;
}
.qt-sidenav__head i{font-size:20px;color:#ffb59d}
.qt-sidenav__head h3{font-size:19px;color:#fff}
.qt-sidenav__list{background:var(--qt-card);border-radius:0 0 var(--qt-radius) var(--qt-radius);box-shadow:var(--qt-shadow);overflow:hidden}
.qt-sidenav__list li a{
	display:flex;align-items:center;justify-content:space-between;
	padding:14px 22px;font-size:15px;color:var(--qt-ink);
	border-left:3px solid transparent;border-bottom:1px solid var(--qt-line);
	transition:var(--qt-tr);
}
.qt-sidenav__list li:last-child a{border-bottom:0}
.qt-sidenav__list li a em{font-style:normal;font-size:12px;color:var(--qt-ink-3);background:var(--qt-bg);border-radius:999px;padding:2px 10px}
.qt-sidenav__list li a:hover{background:var(--qt-accent-soft);color:var(--qt-accent);border-left-color:var(--qt-accent)}
.qt-sidenav__list li.is-active a{background:var(--qt-accent-soft);color:var(--qt-accent);border-left-color:var(--qt-accent);font-weight:600}
.qt-sidenav__contact{
	margin-top:18px;background:var(--qt-card);border-radius:var(--qt-radius);
	box-shadow:var(--qt-shadow);padding:20px 22px;font-size:13px;color:var(--qt-ink-2);
}
.qt-sidenav__contact p{margin:8px 0 2px}
.qt-sidenav__contact i{color:var(--qt-primary);margin-right:6px}
.qt-sidenav__contact strong{display:block;font-size:24px;color:var(--qt-primary-dark);letter-spacing:1px;margin-bottom:6px}
.qt-sidenav__contact strong.is-urgent{color:var(--qt-accent)}

/* ---------- 卡片与列表头 ---------- */
.qt-card{background:var(--qt-card);border-radius:var(--qt-radius);box-shadow:var(--qt-shadow);padding:30px 34px}
.qt-listhead{margin-bottom:22px;padding-bottom:16px;border-bottom:1px solid var(--qt-line)}
.qt-listhead span{display:block;font-size:12.5px;letter-spacing:3px;color:var(--qt-accent);margin-bottom:4px}
.qt-listhead h2{font-size:24px;color:var(--qt-primary-dark)}
.qt-listhead p{margin:8px 0 0;font-size:13.5px;color:var(--qt-ink-3)}

/* ---------- 简洁信息列表 ---------- */
.qt-infolist li a{
	display:flex;align-items:center;justify-content:space-between;gap:16px;
	padding:14px 6px;border-bottom:1px dashed var(--qt-line);
	font-size:15px;color:var(--qt-ink);transition:var(--qt-tr);
}
.qt-infolist li:last-child a{border-bottom:0}
.qt-infolist__title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.qt-infolist__title::before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--qt-primary);margin-right:12px;vertical-align:2px;transition:var(--qt-tr)}
.qt-infolist li a:hover{color:var(--qt-accent);padding-left:12px}
.qt-infolist li a:hover .qt-infolist__title::before{background:var(--qt-accent)}
.qt-infolist time{flex-shrink:0;font-size:13px;color:var(--qt-ink-3);font-variant-numeric:tabular-nums}
.qt-flag{display:inline-block;font-style:normal;font-size:11.5px;font-weight:600;border-radius:4px;padding:1px 7px;margin-right:8px;vertical-align:2px}
.qt-flag--top{color:#fff;background:linear-gradient(135deg,#f0582b,#e8431b)}
.qt-flag--rec{color:var(--qt-accent);border:1px solid var(--qt-accent)}

/* ---------- 新闻卡片列表 ---------- */
.qt-newsitem{border-bottom:1px solid var(--qt-line)}
.qt-newsitem:last-child{border-bottom:0}
.qt-newsitem a{display:flex;gap:20px;padding:20px 8px;color:var(--qt-ink);transition:var(--qt-tr);border-radius:10px}
.qt-newsitem a:hover{background:#f7fafd}
.qt-newsitem__date{
	flex-shrink:0;width:76px;text-align:center;align-self:flex-start;
	background:#f4f8fd;border:1px solid #dbe8f6;border-radius:10px;padding:10px 0;
	transition:var(--qt-tr);
}
.qt-newsitem a:hover .qt-newsitem__date{background:var(--qt-primary);border-color:var(--qt-primary)}
.qt-newsitem__date b{display:block;font-size:26px;color:var(--qt-primary);line-height:1.1;transition:var(--qt-tr)}
.qt-newsitem__date i{display:block;font-style:normal;font-size:12px;color:var(--qt-ink-3);margin-top:2px;transition:var(--qt-tr)}
.qt-newsitem a:hover .qt-newsitem__date b,.qt-newsitem a:hover .qt-newsitem__date i{color:#fff}
.qt-newsitem__date--ico b{font-size:22px;padding:6px 0 0}
.qt-newsitem__body h3{font-size:17px;color:var(--qt-ink);margin-bottom:6px;transition:var(--qt-tr)}
.qt-newsitem a:hover .qt-newsitem__body h3{color:var(--qt-primary)}
.qt-newsitem__body p{margin:0 0 8px;font-size:13.5px;color:var(--qt-ink-2)}
.qt-newsitem__more{font-size:13px;color:var(--qt-ink-3)}
.qt-newsitem a:hover .qt-newsitem__more{color:var(--qt-accent)}

/* ---------- 文章详情 ---------- */
.qt-article__title{font-size:26px;color:var(--qt-primary-dark);text-align:center;padding-bottom:18px}
.qt-article__meta{
	display:flex;justify-content:center;gap:22px;flex-wrap:wrap;
	font-size:13px;color:var(--qt-ink-3);
	padding-bottom:18px;margin-bottom:24px;border-bottom:1px solid var(--qt-line);
}
.qt-article__meta i{margin-right:5px;color:var(--qt-primary)}
.qt-article__content{font-size:15.5px;line-height:1.9;color:var(--qt-ink)}
.qt-article__content img{max-width:100% !important;height:auto !important;display:block;margin:12px auto;border-radius:10px}
.qt-article__content p{margin-bottom:1em}
.qt-article__pager{
	display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;
	margin-top:28px;padding-top:18px;border-top:1px solid var(--qt-line);
	font-size:14px;color:var(--qt-ink-2);
}
.qt-article__pager a{color:var(--qt-ink-2)}
.qt-article__pager a:hover{color:var(--qt-accent)}

/* ---------- 分页 ---------- */
.qt-pagination{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin:26px 0 4px}
.qt-pagination a,.qt-page-btn,.qt-pagination .numbar a,.qt-pagination span.numbar a{
	display:inline-flex;align-items:center;gap:4px;
	min-width:38px;height:38px;justify-content:center;
	padding:0 14px;border-radius:8px;font-size:14px;
	background:#fff;border:1px solid var(--qt-line);color:var(--qt-ink-2);
	transition:var(--qt-tr);
}
.qt-pagination a:hover,.qt-page-btn:hover{background:var(--qt-primary);border-color:var(--qt-primary);color:#fff}
.qt-pagination a.current,.qt-pagination .current{background:var(--qt-primary);border-color:var(--qt-primary);color:#fff}
.qt-empty{text-align:center;padding:48px 0;color:var(--qt-ink-3)}
.qt-empty i{font-size:40px;display:block;margin-bottom:12px;color:#c3cfdd}

/* ---------- 搜索 ---------- */
.qt-searchcard{margin-bottom:24px}
.qt-searchform{display:flex;gap:12px}
.qt-searchform input{
	flex:1;padding:12px 20px;font-size:15px;
	border:1px solid var(--qt-line);border-radius:999px;outline:0;
	background:var(--qt-bg);transition:var(--qt-tr);
}
.qt-searchform input:focus{border-color:var(--qt-primary);background:#fff;box-shadow:0 0 0 3px rgba(14,92,173,.12)}
.qt-hottags{margin-top:14px;font-size:13px;color:var(--qt-ink-3)}
.qt-hottags a{display:inline-block;margin:0 6px 6px 0;padding:3px 14px;border-radius:999px;background:#eef3f9;color:var(--qt-ink-2);font-size:13px}
.qt-hottags a:hover{background:var(--qt-primary);color:#fff}

/* ---------- 留言 ---------- */
.qt-msgform{max-width:620px;margin:0 auto 10px}
.qt-msgform__row{margin-bottom:16px}
.qt-msgform__row label{display:block;font-size:14px;font-weight:600;color:var(--qt-ink);margin-bottom:7px}
.qt-msgform__row input,.qt-msgform__row textarea{
	width:100%;padding:11px 16px;font-size:14.5px;font-family:inherit;
	border:1px solid var(--qt-line);border-radius:10px;outline:0;
	background:var(--qt-bg);transition:var(--qt-tr);resize:vertical;
}
.qt-msgform__row input:focus,.qt-msgform__row textarea:focus{border-color:var(--qt-primary);background:#fff;box-shadow:0 0 0 3px rgba(14,92,173,.12)}
.qt-msgform__code{display:flex;gap:12px;align-items:center}
.qt-msgform__code img{height:44px;border-radius:10px;border:1px solid var(--qt-line);cursor:pointer}
.qt-msgform__row--submit{text-align:center;padding-top:6px}
.qt-msglist{margin-top:30px;border-top:1px solid var(--qt-line);padding-top:22px}
.qt-msglist__title{font-size:18px;color:var(--qt-primary-dark);margin-bottom:16px}
.qt-msglist__title i{color:var(--qt-accent);margin-right:6px}
.qt-msgitem{padding:16px 0;border-bottom:1px dashed var(--qt-line)}
.qt-msgitem:last-child{border-bottom:0}
.qt-msgitem__head{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}
.qt-msgitem__head b{font-size:15px;color:var(--qt-primary-dark)}
.qt-msgitem__head time,.qt-msgitem__reply time{font-size:12.5px;color:var(--qt-ink-3)}
.qt-msgitem > p{margin:0;font-size:14.5px;color:var(--qt-ink)}
.qt-msgitem__reply{margin-top:12px;background:#f7fafd;border-left:3px solid var(--qt-primary);border-radius:0 8px 8px 0;padding:12px 16px;font-size:14px}
.qt-msgitem__reply b{color:var(--qt-primary)}
.qt-msgitem__reply p{margin:6px 0}

/* ---------- 内页响应式 ---------- */
@media (max-width:992px){
	.qt-layout{grid-template-columns:1fr}
	.qt-sidenav{position:static}
	.qt-pagebanner{height:220px}
	.qt-pagebanner__content h1{font-size:30px}
}
@media (max-width:768px){
	.qt-card{padding:22px 18px}
	.qt-pagebanner{height:170px}
	.qt-pagebanner__content h1{font-size:24px}
	.qt-newsitem a{gap:12px;padding:16px 4px}
	.qt-newsitem__date{width:60px}
	.qt-newsitem__date b{font-size:20px}
	.qt-article__title{font-size:20px}
	.qt-searchform{flex-direction:column}
	.qt-article__pager{flex-direction:column;gap:8px}
}