/* ===== JBoltAgent 数字员工实践中心 · 模板定制样式（复用官网 style.css 设计令牌） ===== */
html{scroll-behavior:smooth}
section[id]{scroll-margin-top:90px}

/* ---- 卡片通用 ---- */
a.tp-card{display:flex;flex-direction:column;text-decoration:none;color:inherit}
.tp-card .tp-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;gap:10px}
.tp-card .tp-card-date,.tp-card .tp-card-count{font-family:var(--mono);font-size:11.5px;letter-spacing:1px;color:var(--ink-3);white-space:nowrap}
.tp-card p{flex:1}
.tp-card h3{transition:color .25s}
.tp-card:hover h3{color:var(--blue)}
.tp-more{margin-top:14px;font-size:13.5px;font-weight:600;color:var(--green);display:inline-flex;align-items:center;gap:6px;transition:transform .25s}
.tp-card:hover .tp-more{transform:translateX(4px)}
.tp-more-wrap{display:flex;justify-content:center;margin-top:42px}

/* ---- 页首 chips 选中态（官网 hero-chips 无选中态，补齐） ---- */
.page-hero .hero-chips a.on{background:var(--blue-light);border-color:var(--blue);color:var(--blue)}
.page-hero .hero-chips a.on i{color:var(--blue)}

/* ---- 分页 ---- */
.tp-pager{display:flex;align-items:center;justify-content:center;gap:18px;margin-top:48px}
.tp-pg{font-family:var(--mono);font-size:12.5px;letter-spacing:3px;color:var(--ink-3)}

/* ---- 详情：内容容器与页首 .page-hero-inner 同宽（1280 响应式），并与标题摘要区拉开间距 ---- */
.tp-detail{max-width:1280px;margin:0 auto;padding:52px 24px 90px}
.tp-article{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:38px clamp(20px,3.2vw,44px) 34px}
.tp-article .tp-article-meta,.tp-article .tp-prose,.tp-article .tp-tags{max-width:1060px;margin-left:auto;margin-right:auto}
.tp-article .tp-article-meta{margin-bottom:26px}
.tp-article .tp-tags{margin-top:32px}
.tp-article-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:26px}
.tp-author{font-size:13px;color:var(--ink-3)}
.tp-cover{width:100%;border-radius:10px;border:1px solid var(--line);margin-bottom:30px}
.tp-tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:32px;padding-top:26px;border-top:1px dashed var(--line)}

/* ---- 正文排版 ---- */
.tp-prose h2{font-size:24px;color:var(--blue-dark);margin:44px 0 16px;letter-spacing:.5px;line-height:1.5}
.tp-prose h3{font-size:19px;color:var(--blue-dark);margin:34px 0 12px}
.tp-prose p{color:var(--ink-2);font-size:15.5px;line-height:2.05;margin:0 0 18px}
.tp-prose strong,.tp-prose b{color:var(--ink)}
.tp-prose a{color:var(--blue);text-decoration:underline;text-decoration-color:rgba(11,95,255,.35);text-underline-offset:4px}
.tp-prose a:hover{text-decoration-color:var(--blue)}
.tp-prose ul,.tp-prose ol{color:var(--ink-2);font-size:15.5px;line-height:2;padding-left:22px;margin:0 0 18px}
.tp-prose li{margin-bottom:6px}
.tp-prose li::marker{color:var(--blue)}
.tp-prose blockquote{margin:28px 0;padding:20px 26px;background:var(--blue-light);border-left:3px solid var(--blue);border-radius:0 10px 10px 0;color:var(--ink-2);font-size:15px;line-height:1.95}
.tp-prose blockquote p{margin:0;color:inherit}
.tp-prose code{font-family:var(--mono);font-size:13px;background:var(--blue-light);color:#1A35BE;padding:2px 7px;border-radius:5px}
.tp-prose pre{background:var(--blue-deep);color:#DCE6FF;border-radius:12px;padding:22px 26px;overflow:auto;margin:26px 0;line-height:1.75}
.tp-prose pre code{background:none;color:inherit;padding:0;font-size:13px}
.tp-prose img{max-width:100%;border-radius:10px;border:1px solid var(--line);margin:8px 0}
.tp-prose table{width:100%;border-collapse:collapse;margin:26px 0;font-size:14px;background:var(--card);border-radius:10px;overflow:hidden;box-shadow:0 0 0 1px var(--line)}
.tp-prose th{background:var(--blue-light);color:var(--blue-dark);text-align:left;padding:11px 14px;font-size:13.5px}
.tp-prose td{color:var(--ink-2);padding:11px 14px;border-top:1px solid var(--line);line-height:1.7}
.tp-prose hr{border:none;border-top:1px dashed var(--line);margin:36px 0}

/* ---- 上一篇 / 下一篇 ---- */
.tp-pn{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:34px 0 0}
.tp-pn-card{display:flex;flex-direction:column;gap:8px;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:20px 24px;text-decoration:none;box-shadow:var(--shadow);transition:transform .25s,box-shadow .25s,border-color .25s}
.tp-pn-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg);border-color:var(--blue-mid)}
.tp-pn-card span{font-family:var(--mono);font-size:11px;letter-spacing:2px;color:var(--ink-3)}
.tp-pn-card b{font-size:15px;color:var(--blue-dark);line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.tp-pn-card:hover b{color:var(--blue)}
.tp-pn-card.next{align-items:flex-end;text-align:right}
@media(max-width:760px){.tp-pn{grid-template-columns:1fr}.tp-article{padding:28px 18px}.tp-detail{padding:36px 16px 64px}}

/* ---- 首页 hero：单列居中（去掉官网首屏左右分栏与任务动画组件） ---- */
.tp-hero-box{max-width:920px;margin:0 auto;display:flex;flex-direction:column;align-items:center;text-align:center}
.tp-hero-box .lead{max-width:820px}
.tp-hero-box .hero-btns{justify-content:center}
.tp-hero-box .hero-stats{justify-content:center;gap:0;margin-top:48px}
.tp-hero-box .hero-stats .stat{padding:0 30px;border-right:1px solid var(--line)}
.tp-hero-box .hero-stats .stat:first-child{padding-left:0}
.tp-hero-box .hero-stats .stat:last-child{border-right:none;padding-right:0}
/* 移动端：数据带改 2×2 网格，去掉竖分隔线 */
@media(max-width:640px){
  .tp-hero-box .hero-stats{display:grid;grid-template-columns:1fr 1fr;gap:16px 8px;margin-top:36px}
  .tp-hero-box .hero-stats .stat{border-right:none !important;padding:0 !important}
}

/* ---- 去掉官网 cards-v2 卡片标题自带的「◆ 01」计数行（h3::before 伪元素）：
      内容站栏目/文章卡已有自己的序号 pill 与分类标签，这行属于冗余 ---- */
main.cards-v2 .card h3::before{content:none;display:none}

/* ---- 首页栏目导航卡：紧凑双行版（序号+栏目名一行；底行文章数居左、进入栏目居右） ---- */
.tp-cat{padding:18px 20px 16px}
.tp-cat .tp-cat-head{display:flex;align-items:center;gap:10px;min-width:0}
main.cards-v2 .card.tp-cat h3{margin-bottom:0;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tp-cat .tp-cat-foot{display:flex;align-items:center;justify-content:space-between;margin-top:13px;padding-top:11px;border-top:1px dashed var(--line)}
.tp-cat .tp-cat-foot .tp-more{margin-top:0}

/* ---- 列表页：一行一条的文章清单（主流内容流范式：元信息行 → 标题 → 摘要，垂直层次） ---- */
.tp-list{display:flex;flex-direction:column;gap:14px}
.tp-list-item{display:block;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:18px 24px 20px;text-decoration:none;color:inherit;transition:transform .22s,box-shadow .22s,border-color .22s}
.tp-list-item:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);border-color:var(--blue-mid)}
.tp-list-item h3{font-size:17.5px;line-height:1.55;color:var(--blue-dark);margin-bottom:8px;transition:color .2s}
.tp-list-item:hover h3{color:var(--blue)}
.tp-list-item p{color:var(--ink-2);font-size:13.5px;line-height:1.85;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.tp-list-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:12px}
.tp-meta-left{display:flex;align-items:center;gap:8px;min-width:0}
.tp-list-meta .tp-card-date{font-family:var(--mono);font-size:11.5px;letter-spacing:1px;color:var(--ink-3)}
.tp-list-cat{font-size:12px;font-weight:500;color:var(--ink-2);background:var(--bg);border:1px solid var(--line);border-radius:999px;padding:3px 11px;line-height:1.5;flex-shrink:0;transition:color .2s,border-color .2s}
.tp-list-item:hover .tp-list-cat{color:var(--blue);border-color:var(--blue-mid)}
.tp-meta-dot{color:var(--ink-3)}
.tp-list-arrow{color:#98A2B3;flex-shrink:0;transition:transform .22s,color .22s}
.tp-list-item:hover .tp-list-arrow{transform:translateX(4px);color:var(--blue)}
@media(max-width:640px){
  .tp-list-item{padding:15px 18px 17px}
}