/* 本站阅读内容；沿用模版8的完整布局与手机导航。 */
a { color: #4f46e5; }
.card h3 a, .extra-card h3 a, .drama-item h4 a { color: inherit; text-decoration: none; }
.card h3 a:hover, .extra-card h3 a:hover, .drama-item h4 a:hover { text-decoration: underline; text-underline-offset: 5px; }
a:focus-visible, button:focus-visible { outline: 3px solid #a855f7; outline-offset: 5px; }
.skip-link { position: absolute; left: 16px; top: -80px; background: white; padding: 12px 20px; border-radius: 12px; z-index: 200; }
.skip-link:focus { top: 12px; }
.hero { padding-left: 24px; padding-right: 24px; }
.hero-content, .hero-image { min-width: 0; }
.hero h1 { font-size: clamp(2rem, 3.8vw, 3.2rem); }
.hero p { overflow-wrap: anywhere; }
.nav { gap: 20px; }
.logo img { width: 62px; height: auto; }
.explainer { padding-top: 0; }
.explain-card { background: linear-gradient(140deg, #eef2ff, #faf7ff); padding: 32px; border: 1px solid #ddd6fe; border-radius: 28px; }
.explain-card p { margin: 16px 0; color: #475569; }
.table-scroll { overflow-x: auto; margin: 24px 0; border: 1px solid #e2e8f0; border-radius: 16px; background: white; }
table { width: 100%; border-collapse: collapse; text-align: left; font-size: .95rem; }
th, td { padding: 14px 18px; border-bottom: 1px solid #e2e8f0; vertical-align: top; min-width: 140px; }
th { background: #eef2ff; color: #312e81; }
tr:last-child td { border-bottom: 0; }
.article-shell { max-width: 1040px; padding-top: 46px; padding-bottom: 64px; }
.breadcrumb { display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 24px; color: #64748b; font-size: .9rem; }
.article-heading { padding: 40px; border-radius: 28px; background: linear-gradient(135deg, #eef2ff, #f5f3ff); border: 1px solid #ddd6fe; }
.article-heading h1 { font-size: clamp(1.85rem, 3.5vw, 2.8rem); line-height: 1.35; margin-top: 12px; }
.article-heading .summary { font-size: 1.1rem; color: #475569; line-height: 1.9; }
.article-cover { margin: 26px 0; }
.article-cover img { display: block; width: 100%; height: auto; max-height: 440px; object-fit: contain; background: #eef2ff; border-radius: 24px; }
.article-cover figcaption { font-size: .85rem; color: #64748b; margin-top: 10px; }
.article-toc { background: white; border-radius: 20px; border: 1px solid #e2e8f0; padding: 24px 30px; margin: 24px 0; }
.article-toc h2 { font-size: 1.2rem; }
.article-toc ol { padding-left: 22px; columns: 2; column-gap: 30px; }
.article-toc li { padding: 4px 0; break-inside: avoid; }
.article-content { background: #fff; border-radius: 28px; padding: 40px; border: 1px solid #e2e8f0; }
.article-section { margin-bottom: 36px; scroll-margin-top: 110px; }
.article-section:last-child { margin-bottom: 0; }
.article-section h2 { font-size: 1.55rem; line-height: 1.5; margin: 20px 0 16px; }
.article-section p, .article-section li { color: #334155; font-size: 1.04rem; line-height: 1.95; }
.article-section p { margin: 14px 0; }
.article-section ul { padding-left: 24px; }
.article-section li { margin: 7px 0; }
.article-related { margin-top: 32px; }
.article-related h2 { font-size: 1.45rem; }
.article-related ul { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; list-style: none; margin: 18px 0; }
.article-related a { display: block; background: white; border: 1px solid #e2e8f0; border-radius: 18px; padding: 20px; height: 100%; text-decoration: none; }
.article-note { margin: 24px 0; color: #64748b; font-size: .9rem; }
@media (max-width: 1000px) and (min-width: 769px) { .header-inner { align-items: flex-start; gap: 20px; } .nav { gap: 14px 18px; justify-content: flex-end; } .logo { flex-shrink: 0; } }
@media (max-width: 768px) {
  .hero { padding-left: 16px; padding-right: 16px; }
  .logo img { width: 54px; }
  .hero-image { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .explain-card { padding: 22px 18px; }
  .explain-card h2 { font-size: 1.5rem; }
  .drama-item .info h4 { white-space: normal; overflow: visible; }
  .article-shell { padding-top: 24px; }
  .article-heading, .article-content { padding: 24px 20px; }
  .article-heading .summary { font-size: 1rem; }
  .article-toc { padding: 20px; }
  .article-toc ol { columns: 1; }
  .article-related ul { grid-template-columns: 1fr; }
  .article-section h2 { font-size: 1.3rem; }
  .article-section p, .article-section li { font-size: 1rem; }
  th, td { padding: 12px; }
}