/* 训战结合方法论 - 详情页 */
:root{
  --navy:#0a1628;--navy-2:#0d1f3c;
  --gold:#C9A24B;--gold-dark:#b8922f;
  --ink:#1e293b;--muted:#5b6675;
  --bg:#fff;--soft:#f6f8fc;--line:#e2e8f0;
  --accent-purple:#7c3aed;--accent-violet:#6d28d9;
  --maxw:900px;
}
*{box-sizing:border-box;margin:0;padding:0;}
body{font-family:"PingFang SC","Microsoft YaHei","Hiragino Sans GB","Noto Sans SC",system-ui,sans-serif;color:var(--ink);background:var(--bg);line-height:1.85;-webkit-font-smoothing:antialiased;}
a{color:inherit;text-decoration:none;}
.breadcrumb-bar{background:var(--soft);border-bottom:1px solid var(--line);padding:12px 0;font-size:13px;color:var(--muted);}
.breadcrumb-inner{max-width:1200px;margin:0 auto;padding:0 24px;}
.breadcrumb a:hover{color:var(--accent-purple);}
.breadcrumb span{margin:0 6px;}
.article-wrap{max-width:var(--maxw);margin:0 auto;padding:48px 24px 80px;}
.detail-hero{padding:40px 0 36px;text-align:center;border-bottom:2px solid var(--gold);margin-bottom:40px;}
.detail-hero .tag{
  display:inline-block;background:linear-gradient(135deg,var(--accent-purple),var(--accent-violet));
  color:#fff;font-size:11.5px;font-weight:700;letter-spacing:2px;padding:5px 16px;border-radius:999px;margin-bottom:18px;
}
.detail-hero h1{font-size:clamp(24px,3.5vw,36px);font-weight:800;color:var(--navy);line-height:1.35;margin-bottom:14px;letter-spacing:.5px;}
.detail-hero .subtitle{color:var(--gold-dark);font-size:15px;font-weight:600;letter-spacing:1px;margin-bottom:10px;}
.detail-hero .meta{display:flex;justify-content:center;gap:20px;font-size:13px;color:var(--muted);flex-wrap:wrap;}
.detail-hero .meta span::before{content:"·";margin-right:8px;color:var(--gold);}
.article-body{font-size:15.5px;color:#334155;line-height:1.95;}
.article-body p{margin-bottom:20px;text-align:justify;}
.article-body h2{font-size:21px;font-weight:800;color:var(--navy);margin:44px 0 18px;padding-left:16px;border-left:4px solid var(--accent-purple);line-height:1.45;}
.article-body h3{font-size:17px;font-weight:700;color:var(--navy);margin:30px 0 12px;}
.article-body blockquote{border-left:3px solid var(--accent-purple);background:linear-gradient(135deg,#faf5ff,#f3e8ff);padding:20px 24px;margin:28px 0;border-radius:0 10px 10px 0;font-style:normal;color:#581c87;}
.blockquote-source{text-align:right;font-size:13px;color:var(--muted);margin-top:8px;}

/* Model framework */
.model-framework{background:linear-gradient(135deg,var(--navy),#162033);border-radius:16px;padding:36px 32px;margin:36px 0;color:#fff;position:relative;overflow:hidden;}
.model-framework::after{content:"";position:absolute;top:-40px;right:-40px;width:160px;height:160px;background:rgba(124,58,237,.1);border-radius:50%;}
.model-framework h3{color:var(--gold);font-size:19px;margin-bottom:20px;display:flex;align-items:center;gap:10px;}
.model-phase{display:flex;gap:4px;margin:20px 0 28px;}
.phase-item{flex:1;background:rgba(255,255,255,.07);border-radius:10px;padding:18px 14px;text-align:center;border-top:3px solid var(--accent-purple);transition:.25s;}
.phase-item:hover{background:rgba(255,255,255,.12);transform:translateY(-2px);}
.phase-num{font-size:26px;font-weight:800;color:var(--gold);margin-bottom:6px;}
.phase-name{font-size:15px;font-weight:700;margin-bottom:6px;}
.phase-desc{font-size:12.5px;color:rgba(255,255,255,.68);line-height:1.6;}

/* Step cards */
.step-list{counter-reset:step;list-style:none;padding:0;margin:24px 0;}
.step-item{counter-increment:step;display:flex;gap:16px;padding:18px 0;border-bottom:1px solid var(--line);align-items:flex-start;}
.step-item::before{
  content:counter(step,decimal-leading-zero);flex-shrink:0;
  width:36px;height:36px;background:linear-gradient(135deg,var(--accent-purple),var(--accent-violet));
  color:#fff;border-radius:10px;display:grid;place-items:center;
  font-weight:800;font-size:15px;margin-top:2px;
}
.step-content h4{font-size:16px;font-weight:700;color:var(--navy);margin-bottom:6px;}
.step-content p{font-size:14.5px;color:var(--muted);line-height:1.75;margin:0;}

/* Quote highlight */
.gold-quote{
  background:linear-gradient(135deg,#fffbeb,#fef3c7);
  border-left:4px solid var(--gold);padding:22px 26px;
  border-radius:0 12px 12px 0;margin:30px 0;
}
.gold-quote p{color:#78350f;font-size:15.5px;line-height:1.85;margin:0;}
.gold-quote .author{text-align:right;font-size:13px;color:var(--muted);margin-top:10px;font-style:italic;}

/* Comparison table */
.compare-table{width:100%;border-collapse:collapse;margin:24px 0;font-size:14.5px;}
.compare-table th{background:var(--navy);color:#fff;padding:12px 16px;text-align:left;font-weight:700;font-size:13px;}
.compare-table td{padding:14px 16px;border-bottom:1px solid var(--line);vertical-align:top;}
.compare-table tr:nth-child(even){background:var(.soft);}
.col-old{color:#dc2626;width:45%;}
.col-new{color:#166534;width:55%;}

.footer{background:linear-gradient(135deg,#0a1628 0%,#0d1f3c 100%) !important;border-top:3px solid var(--gold) !important;}
.footer-brand p,.footer-col h4,.footer-col li,.footer-col a,.footer-btm,.footer-btm a{color:rgba(255,255,255,.78) !important;}
.footer-brand p:first-child,.footer-col h4{color:#fff !important;}
.footer-col a:hover{color:var(--gold) !important;}
.back-link{display:inline-flex;align-items:center;gap:6px;color:var(--accent-purple);font-weight:600;font-size:14px;margin-top:50px;transition:.2s;}
.back-link:hover{color:var(--gold);}
@media(max-width:768px){.detail-hero{padding:28px 0 24px;}.article-wrap{padding:28px 16px 56px;}.model-framework{padding:24px 18px;}.phase-item{min-width:90px;}.step-item{flex-direction:column;gap:8px;}.compare-table{font-size:13px;}}