
/* SEO扩展：延续原站暖橙礼赠视觉，不替换原UI */
.article-page .section { padding-top:34px; }
.breadcrumb { margin:0 0 18px; color:var(--muted); font-size:13px; line-height:1.7; }
.breadcrumb a { color:var(--primary-2); }
.article-hero { background:linear-gradient(145deg,#fffdf8,#fff0dc); border:1px solid var(--border); border-top:5px solid var(--accent); border-radius:var(--radius); padding:28px 30px; box-shadow:var(--shadow); margin-bottom:16px; }
.article-kicker { display:inline-flex; padding:5px 11px; border-radius:999px; background:#fae7cc; color:var(--primary-2); font-size:12px; font-weight:800; margin-bottom:10px; }
.article-hero h1 { margin:0 0 10px; font-size:32px; line-height:1.35; color:#59372a; }
.article-hero__lead { margin:0 0 10px; color:var(--muted); line-height:1.85; font-size:16px; }
.article-meta { color:#8a6e5f; font-size:13px; }
.article-layout { display:grid; grid-template-columns:minmax(0,1fr) 290px; gap:18px; align-items:start; }
.article-body { background:#fff; border:1px solid var(--border); border-radius:var(--radius); padding:26px 30px; box-shadow:var(--shadow); }
.article-body h2 { margin:30px 0 12px; font-size:23px; color:#59372a; line-height:1.45; }
.article-body h2:first-child { margin-top:0; }
.article-body h3 { margin:22px 0 9px; color:#6a4131; font-size:18px; }
.article-body p { margin:0 0 15px; color:var(--muted); line-height:1.95; font-size:15px; }
.article-body ul,.article-body ol { margin:8px 0 18px 22px; color:var(--muted); line-height:1.9; padding:0; }
.article-body li { margin:6px 0; }
.article-note { margin:20px 0; padding:15px 17px; border-left:4px solid var(--accent); background:#fff5e6; border-radius:10px; color:#745848; line-height:1.8; }
.article-table-wrap { overflow:auto; margin:16px 0 22px; }
.article-table { width:100%; min-width:620px; border-collapse:collapse; font-size:14px; }
.article-table th,.article-table td { border:1px solid var(--border); padding:11px 12px; text-align:left; vertical-align:top; line-height:1.65; }
.article-table th { background:#fff1dc; color:#59372a; }
.article-sidebar { display:grid; gap:14px; position:sticky; top:92px; }
.article-sidebar .card { padding:17px; }
.article-sidebar h2 { margin:0 0 10px; font-size:17px; color:#59372a; }
.article-sidebar a { display:block; padding:8px 0; border-bottom:1px solid #f0e0d1; color:#765f52; font-size:13px; line-height:1.5; }
.article-sidebar a:last-child { border-bottom:0; }
.article-sidebar a:hover { color:var(--primary); }
.article-cta { margin-top:22px; padding:20px; background:#59372a; color:#fff8ed; border-radius:16px; }
.article-cta h2 { margin:0 0 8px; color:#fff8ed; font-size:20px; }
.article-cta p { color:#f1d9c7; margin-bottom:14px; }
.article-cta .btn { background:var(--accent); border-color:var(--accent); color:#4c2f22; }
.source-entry { padding:44px 0; background:#fffaf2; border-top:1px solid var(--border); border-bottom:1px solid var(--border); }
.source-entry-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:14px; }
.source-entry-card { display:block; background:#fff; border:1px solid var(--border); border-radius:var(--radius); padding:17px; box-shadow:var(--shadow); border-top:4px solid var(--accent); }
.source-entry-card h3 { margin:0 0 7px; color:#59372a; font-size:16px; }
.source-entry-card p { margin:0; color:var(--muted); font-size:13px; line-height:1.7; }
.source-entry-card:hover { border-color:#d99a66; transform:translateY(-2px); }
.site-links { display:flex; flex-wrap:wrap; gap:10px; margin-top:14px; }
.site-links a { padding:7px 12px; border-radius:999px; border:1px solid #e5c5a5; background:#fff; color:#704938; font-size:13px; }
.site-links a:hover { background:#fff1dc; border-color:#c65d3a; }
.update-line { margin-top:14px; color:#8a6e5f; font-size:13px; }
@media (max-width:980px){ .article-layout{grid-template-columns:1fr}.article-sidebar{position:static;grid-template-columns:1fr 1fr}.source-entry-grid{grid-template-columns:repeat(2,1fr)} }
@media (max-width:680px){ .article-hero{padding:22px 18px}.article-hero h1{font-size:27px}.article-body{padding:22px 18px}.article-sidebar{grid-template-columns:1fr}.source-entry-grid{grid-template-columns:1fr} }
