.article-body{margin:0 auto;padding-bottom:8px;}
.article-body p{font-size:15px;line-height:2;color:var(--light-dim);margin-bottom:24px;}
.article-body h2{font-size:21px;font-weight:800;color:var(--light-text);margin:50px 0 18px;letter-spacing:-.3px;line-height:1.4;}
.article-body ul{margin:0 0 24px;padding-left:0;list-style:none;}
.article-body ul li{font-size:14.5px;line-height:1.9;color:var(--light-dim);margin-bottom:14px;padding-left:22px;position:relative;}
.article-body ul li::before{content:"";position:absolute;left:2px;top:9px;width:6px;height:6px;border-radius:50%;background:#4B5FE0;}
.article-body ul li b{color:var(--light-text);font-weight:700;}
.article-body p b{color:var(--light-text);font-weight:700;}
.article-stats{display:grid;grid-template-columns:repeat(var(--cols,3),1fr);gap:1px;background:var(--light-border);border:1px solid var(--light-border);margin:8px 0 44px;}
.article-stats .cell{background:var(--light-surface);padding:26px 22px;text-align:center;}
.article-stats .num{font-family:var(--font-mono);font-size:26px;font-weight:700;color:#4B5FE0;}
.article-stats .label{font-size:11.5px;color:var(--light-dim);margin-top:8px;}
@media (max-width:700px){.article-stats{grid-template-columns:1fr;}}
.case-nav{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--light-border);}
.case-nav-link{padding:28px 32px;transition:background .2s;}
.case-nav-link:first-child{border-right:1px solid var(--light-border);}
.case-nav-link.next{text-align:right;}
.case-nav-link:hover{background:rgba(75,95,224,.05);}
.case-nav-label{font-family:var(--font-mono);font-size:11px;color:#4B5FE0;letter-spacing:.5px;margin-bottom:8px;font-weight:600;}
.case-nav-title{font-size:14.5px;font-weight:700;color:var(--light-text);}
@media (max-width:640px){
  .case-nav{grid-template-columns:1fr;}
  .case-nav-link:first-child{border-right:none;border-bottom:1px solid var(--light-border);}
  .case-nav-link.next{text-align:left;}
}

/* ---------- CARDS: no gray borders; separate cards from the page by background ---------- */
.article-stats{gap:2px;background:transparent;border:none;}
.case-nav{gap:2px;border:none;}
.case-nav-link{background:var(--light-surface);}
.case-nav-link:first-child{border-right:none;}
.case-nav-link:hover{background:var(--light-surface);box-shadow:0 10px 30px rgba(10,12,20,.08);}
@media (max-width:640px){.case-nav-link:first-child{border-bottom:none;}}
.case-nav-link.empty{background:transparent;box-shadow:none;}
@media (max-width:700px){.case-nav-link.empty{display:none;}}

/* ---------- STRUCTURED CASE BODY: 需求背景 / 解决方案 / 应用场景 / 应用价值, after tidenet.cn/cases ---------- */
.case-tagline{font-size:17px;line-height:1.7;color:var(--light-dim);margin-top:14px;max-width:820px;}
.case-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:64px;}
@media (min-width:1025px){.case-layout{grid-template-columns:minmax(0,1fr) 200px;}}
.article-body h2{scroll-margin-top:90px;}
.article-body h3{font-size:15px;color:var(--light-text);margin:30px 0 14px;}
.case-features{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin:0 0 24px;}
.case-feature{background:var(--light-surface);padding:22px 24px;}
.case-feature h4,.case-scenarios h4{font-size:15px;color:var(--light-text);margin:0 0 6px;line-height:1.5;}
.article-body .case-feature p{font-size:13.5px;line-height:1.8;margin:0;}
.case-scenarios{list-style:none;margin:0 0 24px;padding:0;counter-reset:scn;}
.case-scenarios li{counter-increment:scn;display:grid;grid-template-columns:40px minmax(0,1fr);column-gap:8px;padding:18px 0;border-top:1px solid var(--light-border);}
.case-scenarios li:last-child{border-bottom:1px solid var(--light-border);}
.case-scenarios li::before{content:counter(scn,decimal-leading-zero);grid-row:span 2;font-family:var(--font-mono);font-size:12px;color:#4B5FE0;padding-top:3px;}
.article-body .case-scenarios p{font-size:14px;line-height:1.85;margin:0;}
.case-value-stats{margin:8px 0 0;}
@media (max-width:700px){
  .case-features{grid-template-columns:1fr;}
  .case-value-stats{grid-template-columns:repeat(2,minmax(0,1fr));}
}
.case-toc{display:none;}
@media (min-width:1025px){
  .case-toc{display:block;position:sticky;top:106px;align-self:start;margin-top:50px;border-left:1px solid var(--light-border);}
  .case-toc-label{font-family:var(--font-mono);font-size:11px;letter-spacing:.5px;color:var(--light-dim);padding:0 0 10px 16px;}
  .case-toc a{display:block;font-size:13.5px;line-height:1.5;color:var(--light-dim);padding:7px 0 7px 16px;margin-left:-1px;border-left:1px solid transparent;transition:color .2s,border-color .2s;}
  .case-toc a:hover{color:var(--light-text);}
  .case-toc a.active{color:var(--light-text);border-left-color:#4B5FE0;}
}