/* 本站文字与独立文章层；保留模版8各分区与手机抽屉布局。 */
:root { color-scheme: light; }
[id] { scroll-margin-top: 112px; }
a { color: #4338ca; text-underline-offset: 4px; }
a:focus-visible,button:focus-visible { outline: 3px solid #8b5cf6; outline-offset: 5px; }
.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 { color: #6d28d9; text-decoration: underline; }
.hero-content,.hero-image { min-width:0; }
.hero h1 { font-size: clamp(2.05rem,3.35vw,3rem); line-height:1.3; overflow-wrap:anywhere; }
.logo span { font-size:1.15rem; }
.nav {gap:20px;}
.hero p {font-size:1.05rem;line-height:1.9;}
.card p,.community-text p,.faq-item p { line-height:1.85; }
.section-title {line-height:1.4;}
.drama-item .info h4 {white-space:normal;line-height:1.5;}
.article-header {display:flex;align-items:center;justify-content:space-between;gap:24px;}
.article-header nav {display:flex;gap:24px;flex-shrink:0;}
.article-header nav a {text-decoration:none;font-weight:650;}
.article-layout {display:grid;grid-template-columns:minmax(0,850px) minmax(200px,1fr);gap:48px;padding-top:40px;padding-bottom:72px;}
.article-layout article {min-width:0;}
.breadcrumbs {color:#64748b;font-size:.9rem;margin:0 0 24px;line-height:1.9;}
.article-intro h1 {font-size:clamp(1.8rem,3.2vw,2.65rem);line-height:1.4;margin-bottom:22px;}
.article-summary {padding:24px;border-left:4px solid #6366f1;background:#eef2ff;border-radius:0 18px 18px 0;font-size:1.12rem;line-height:1.9;color:#334155;}
.article-intro figure {margin:28px 0;}
.article-intro figure img {display:block;width:100%;height:auto;max-height:360px;object-fit:contain;border-radius:22px;background:#eef2ff;}
.article-intro figcaption {font-size:.85rem;color:#64748b;text-align:center;margin-top:10px;}
.article-toc {background:white;border:1px solid #e0e7ff;border-radius:20px;padding:24px 30px;margin:28px 0;}
.article-toc ol {padding-left:24px;margin-top:12px;display:grid;grid-template-columns:1fr 1fr;gap:8px 28px;}
.article-copy {background:#fff;border:1px solid #e2e8f0;border-radius:24px;padding:8px 34px 28px;}
.article-copy section {margin-top:32px;}
.article-copy h2 {font-size:1.45rem;line-height:1.5;margin:0 0 16px;}
.article-copy p {font-size:1.04rem;line-height:2;color:#334155;margin:0 0 17px;}
.article-copy ul,.article-copy ol {padding-left:26px;line-height:1.95;color:#334155;}
.article-copy li {margin-bottom:9px;}
.article-copy .sources {padding-top:24px;border-top:1px solid #e2e8f0;}
.article-copy .sources p,.article-copy .sources li {font-size:.92rem;overflow-wrap:anywhere;}
.citation {font-size:.84em;vertical-align:super;text-decoration:none;}
.article-related {align-self:start;position:sticky;top:126px;background:#fff;border:1px solid #e0e7ff;border-radius:24px;padding:24px;}
.article-related h2 {font-size:1.3rem;margin-bottom:20px;}
.article-related ul {list-style:none;}
.article-related li {margin-bottom:18px;line-height:1.75;}
.article-related p {font-size:.87rem;color:#64748b;margin-top:28px;line-height:1.85;}
.article-action {display:flex;gap:16px;flex-wrap:wrap;margin-top:28px;}
.article-action a {padding:14px 26px;text-decoration:none;}
@media (min-width:769px) and (max-width:1150px) { .header-inner {gap:12px;flex-wrap:wrap;}.nav {gap:14px;}.logo img {height:32px;}.hero {padding:48px 24px;gap:32px;} }
@media (max-width:768px) {
 [id] {scroll-margin-top:96px;}
 .logo span {font-size:1.05rem;}
 .hero h1 {font-size:1.95rem;}
 .hero p {font-size:.96rem;line-height:1.9;}
 .card p {font-size:.86rem;line-height:1.8;}
 .drama-item .info h4 {font-size:.87rem;}
 .hero-actions a {padding:13px 18px;}
 .article-header {flex-wrap:wrap;gap:12px;}
 .article-header nav {gap:22px;font-size:.9rem;}
 .article-layout {display:block;padding:24px 16px 40px;}
 .article-summary {font-size:1rem;padding:18px;}
 .article-toc {padding:20px;}
 .article-toc ol {display:block;}
 .article-toc li {margin-bottom:8px;}
 .article-copy {padding:2px 20px 24px;}
 .article-copy p {font-size:1rem;}
 .article-copy h2 {font-size:1.3rem;}
 .article-related {position:static;margin-top:32px;}
 .article-page {padding-bottom:0;}
 .article-action {display:grid;}
 .article-action a {text-align:center;}
}