/* layout_T3.css — T3 侧栏跟随（转化型，现状B）
*
* 结构：左正文(特性+步骤+FAQ) + 右固定侧栏(下载卡+信息+相关页)
* 适配：下载+教程混合页（下载卡全程跟随滚动）
*
* 依赖 seo_global.css 公共层（:root 变量 / .container / .section /
* .main-content / .sidebar / .sidebar-card 等）
* 本文件仅定义 T3 特有的布局选择器。
*
* 引入方式：T3 站点的 在 seo_global.css 之后引入本文件：
*
*
*/
/* ── T3 整页布局：正文 + 侧栏 ── */
.t3-layout {
display: grid;
grid-template-columns: 1fr 280px;
gap: 40px;
align-items: start;
}
/* T3 的侧栏：sticky 跟随（继承 seo_global.css .sidebar 的基础样式） */
.t3-layout .sidebar {
position: sticky;
top: 80px;
}
/* T3 侧栏下载卡：蓝色渐变背景，突出转化入口 */
.t3-layout .sidebar .dl-card {
background: var(--cta-grad);
color: var(--white);
border-radius: 12px;
padding: 18px;
margin-bottom: 16px;
text-align: center;
}
.t3-layout .sidebar .dl-card .dl-card-icon {
font-size: 32px;
margin-bottom: 5px;
}
.t3-layout .sidebar .dl-card .dl-card-name {
font-size: 14px;
font-weight: 700;
}
.t3-layout .sidebar .dl-card .dl-card-ver {
font-size: 12px;
opacity: 0.85;
margin-bottom: 11px;
}
.t3-layout .sidebar .dl-card .dl-btn {
display: block;
background: var(--white);
color: var(--blue);
font-weight: 700;
padding: 9px;
border-radius: 8px;
font-size: 13px;
text-decoration: none;
}
.t3-layout .sidebar .dl-card .dl-btn:hover {
background: var(--blue-50);
}
.t3-layout .sidebar .dl-card .dl-meta {
margin-top: 9px;
font-size: 11px;
color: #bfdbfe;
line-height: 1.5;
}
/* T3 侧栏信息卡：精简实体数据 */
.t3-layout .sidebar .ent-mini {
list-style: none;
padding: 0;
}
.t3-layout .sidebar .ent-mini li {
display: flex;
justify-content: space-between;
font-size: 13px;
padding: 6px 0;
border-bottom: 1px dashed var(--gray-200);
}
.t3-layout .sidebar .ent-mini li:last-child {
border-bottom: none;
}
.t3-layout .sidebar .ent-mini .ent-val {
color: var(--gray-900);
font-weight: 600;
}
/* ── 移动端响应 ── */
@media (max-width: 768px) {
.t3-layout {
grid-template-columns: 1fr;
}
.t3-layout .sidebar {
position: static;
}
}