.reader-page .coolwj-page-container > .container { max-width: 1080px; }
.news-reader { min-width: 0; color: #273b52; }
.news-reader [hidden] { display: none !important; }
.reader-toolbar { display: flex; align-items: center; gap: 18px; min-height: 72px; border-bottom: 1px solid #dfe6ef; margin-bottom: 24px; }
.reader-back { color: #647b98; font-size: 13px; white-space: nowrap; }
.reader-back i { margin-right: 5px; }
.reader-source { color: #8392a4; font-size: 12px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.reader-original { margin-left: auto; display: inline-flex; align-items: center; gap: 10px; white-space: nowrap; background: #315f9e; border: 1px solid #315f9e; border-radius: 7px; padding: 10px 15px; color: #fff; font-size: 12px; }
.reader-original:hover { background: #244b80; color: #fff; }
.reader-original:focus-visible { outline: 3px solid #94b8ed; outline-offset: 3px; }
.reader-article { max-width: 850px; margin: 0 auto 40px; background: white; border: 1px solid #e1e7ef; border-radius: 12px; padding: 44px 58px 28px; }
.reader-kicker { font-size: 11px; color: #7d91a9; letter-spacing: .12em; margin: 0 0 15px; }
.reader-article h1 { font-size: 29px; line-height: 1.55; color: #1c344f; margin: 0 0 20px; font-weight: 650; overflow-wrap: anywhere; }
.reader-byline { font-size: 12px; color: #8291a4; margin: 0 0 30px; }
.reader-notice { font-size: 12px; line-height: 1.8; padding: 12px 16px; margin: 0 0 25px; background: #f4f7fc; border-left: 3px solid #a9c1e1; color: #6c819d; }
.reader-body { font-size: 16px; line-height: 1.95; color: #3e5066; overflow-wrap: anywhere; }
.reader-body p { margin: 0 0 1.3em; }
.reader-body h2, .reader-body h3, .reader-body h4 { margin: 1.6em 0 .8em; color: #283f5b; line-height: 1.6; font-weight: 650; }
.reader-body h2 { font-size: 22px; }
.reader-body h3 { font-size: 19px; }
.reader-body h4 { font-size: 17px; }
.reader-body img { display: block; max-width: 100%; height: auto; margin: 24px auto; border-radius: 6px; }
.reader-body figure { margin: 25px 0; }
.reader-body figcaption { font-size: 12px; color: #7a8da5; text-align: center; }
.reader-body a { color: #326faf; text-decoration: underline; text-underline-offset: 3px; }
.reader-body blockquote { margin: 25px 0; padding: 8px 20px; border-left: 3px solid #b8cae2; color: #6a7d96; background: #f7f9fc; }
.reader-body pre { padding: 18px; background: #f5f7fa; border-radius: 7px; overflow: auto; font-size: 13px; }
.reader-body code { font-family: ui-monospace, monospace; white-space: pre-wrap; }
.reader-body table { display: block; max-width: 100%; overflow: auto; font-size: 13px; border-collapse: collapse; margin-bottom: 24px; }
.reader-body td, .reader-body th { border: 1px solid #dfe6ef; padding: 8px 12px; }
.reader-article > footer { border-top: 1px solid #e7edf4; margin-top: 32px; padding-top: 22px; font-size: 12px; text-align: right; }
.reader-article > footer a { color: #6b87aa; }
.reader-progress, .reader-fallback { text-align: center; padding: 60px 25px; background: #fff; border: 1px solid #e1e7ef; border-radius: 12px; margin-bottom: 40px; }
.reader-progress h1, .reader-fallback h1 { font-size: 21px; color: #38516e; margin: 20px 0 13px; }
.reader-progress p, .reader-fallback p { font-size: 13px; color: #8293a9; line-height: 1.8; margin: 0 auto 24px; max-width: 420px; }
.reader-fallback-icon { display: inline-grid; place-items: center; width: 56px; height: 56px; background: #f1f5fb; border-radius: 50%; color: #92abc8; font-size: 22px; }
.reader-fallback button { padding: 10px 18px; border: 1px solid #d5e1f0; background: #f4f8ff; color: #4e77a9; border-radius: 7px; font-size: 12px; cursor: pointer; }
.reader-spinner { display: inline-block; width: 30px; height: 30px; border: 2px solid #e4ebf5; border-top-color: #6d95ca; border-radius: 50%; animation: reader-spin .8s linear infinite; }
.reader-skeleton { max-width: 550px; margin: 35px auto 0; display: grid; gap: 14px; }
.reader-skeleton span { display: block; height: 10px; background: #f0f3f8; border-radius: 5px; }
.reader-skeleton span:nth-child(2) { width: 83%; }
.reader-skeleton span:nth-child(4) { width: 67%; }
.reader-noscript { font-size: 13px; color: #74869e; text-align: center; }
@keyframes reader-spin { to { transform: rotate(360deg); } }
@media (max-width: 767px) {
    .reader-toolbar { gap: 10px; min-height: 65px; margin-bottom: 16px; }
    .reader-source { display: none; }
    .reader-original { padding: 10px 12px; }
    .reader-article { padding: 26px 20px 22px; border-radius: 9px; }
    .reader-article h1 { font-size: 23px; }
    .reader-body { font-size: 15px; line-height: 1.95; }
    .reader-body h2 { font-size: 20px; }
    .reader-body h3 { font-size: 18px; }
    .reader-byline { margin-bottom: 24px; }
    .reader-progress, .reader-fallback { padding: 45px 20px; }
}
@media (prefers-reduced-motion: reduce) { .reader-spinner { animation: none; } }