@charset "UTF-8";
.articles-page a{text-decoration:none}.articles-page{padding-top:36px}.articles-heading{display:flex;justify-content:space-between;align-items:center;gap:32px;margin-bottom:32px}.articles-heading h1{font-size:2.25rem;letter-spacing:-.04em;line-height:1.5}.articles-heading h1 span{color:var(--blue)}.articles-heading>div>p:last-child{color:var(--muted);margin-top:9px}.articles-count{flex-shrink:0;border-left:1px solid var(--line);padding-left:35px;display:flex;flex-direction:column;gap:4px;color:var(--muted);font-size:.8125rem}.articles-count strong{font:400 3.5rem/1.1 Georgia,serif;letter-spacing:-.07em;color:var(--blue)}.articles-tools{display:flex;justify-content:space-between;gap:28px;align-items:center;padding-bottom:20px;border-bottom:1px solid var(--line)}.article-view-tabs{display:flex;gap:25px;flex-shrink:0}.article-view-tabs a{padding:12px 0;color:var(--muted);font-weight:600;border-bottom:3px solid transparent}.article-view-tabs a.active{color:var(--blue);border-color:var(--blue)}#article-search-form{display:flex;gap:8px;width:58%;max-width:580px}#article-search-form input{min-width:0}#article-search-form button{flex-shrink:0}.article-sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.article-filters{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0 27px}.article-filter{display:inline-flex;align-items:center;gap:9px;padding:9px 13px;min-height:40px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--muted);font-size:.8125rem}.article-filter span{font-size:.75rem;opacity:.7}.article-filter.active{background:var(--navy);border-color:var(--navy);color:white}.article-filter:hover{border-color:var(--blue)}.article-library-layout{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:32px;align-items:start}.article-result-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;color:var(--muted);font-size:.8125rem;margin-bottom:14px;min-height:42px}.article-result-toolbar strong{color:var(--ink)}.article-result-toolbar label{display:flex;align-items:center;gap:10px;white-space:nowrap}.article-result-toolbar select{min-height:38px;padding:7px 27px 7px 10px;width:145px;font-size:.8125rem;background:#fff}.article-list{background:white;border:1px solid var(--line);border-radius:16px;overflow:hidden}.article-card{display:flex;gap:18px;padding:27px 26px;border-bottom:1px solid var(--line)}.article-card:last-child{border:0}.article-card:hover{background:#fcfdff}.article-card-number{font:400 1.5rem/1.4 Georgia,serif;color:#a8b4ca;flex:0 0 29px}.article-card-main{min-width:0;flex:1}.article-meta{display:flex;gap:14px;flex-wrap:wrap;color:var(--muted);font-size:.75rem;line-height:1.5}.article-card h2{font-size:1.18rem;line-height:1.65;margin:10px 0 9px}.article-card h2 a{color:var(--ink)}.article-card h2 a:hover{color:var(--blue)}.article-summary{font-size:.875rem;color:var(--muted);line-height:1.85}.article-card-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:16px}.article-tags{display:flex;gap:7px;flex-wrap:wrap}.article-tag{font-size:.75rem;color:#486093;background:#f0f3fa;padding:5px 8px;border-radius:4px}.article-read-link{font-size:.8125rem;color:var(--blue);flex-shrink:0;font-weight:600;line-height:1.8}.article-sidebar{display:grid;gap:22px;padding-top:56px}.article-start{background:var(--navy);color:white;padding:26px 23px;border-radius:14px}.article-start .eyebrow{color:#adbeff}.article-start h2{line-height:1.7;font-size:1.15rem}.article-start p:not(.eyebrow){color:#c8d2eb;font-size:.8125rem;margin:12px 0 22px;line-height:1.9}.article-start a{color:#fff;font-size:.8125rem;display:inline-block;padding:8px 0;border-bottom:1px solid #6d7ca8}.article-prompts{padding:4px 8px}.article-prompts h2{font-size:.875rem;margin-bottom:14px}.article-prompts a{display:flex;justify-content:space-between;gap:10px;padding:13px 0;border-bottom:1px solid var(--line);color:var(--muted);font-size:.8125rem}.article-prompts a:hover{color:var(--blue)}.article-reading-guide{padding:24px 22px;border:1px solid var(--line);border-radius:14px;background:#fff}.article-reading-guide .eyebrow{font-size:.6875rem;letter-spacing:.05em;display:block}.article-reading-guide h2{font-size:1rem;line-height:1.7}.article-reading-guide p{color:var(--muted);font-size:.8125rem;line-height:1.9;margin:12px 0 18px}.article-reading-guide a{color:var(--blue);font-size:.8125rem;line-height:1.8}.article-excerpt{margin-top:12px;border-left:2px solid #ccd7f6;padding:8px 12px;background:#f6f8fc;color:#526079;font-size:.8125rem;line-height:1.9}.article-excerpt>span{display:block;font-size:.6875rem;letter-spacing:.08em;color:#68758a;margin-bottom:3px}.articles-page mark{color:inherit;background:#fff0b8;border-radius:2px;padding:0 .06em}.article-empty{text-align:center;background:#fff;border:1px solid var(--line);border-radius:14px;padding:48px 24px}.article-empty>span{font-size:3rem;color:#8e9ec2}.article-empty h2{margin:12px 0}.article-empty p{margin:16px 0 24px;color:var(--muted);font-size:.875rem}.article-empty .button{margin:4px}.articles-footer{margin-top:38px;padding-top:20px;border-top:1px solid var(--line);color:var(--muted);font-size:.75rem;line-height:1.8}.article-theme-heading{margin:10px 0 24px}.article-theme-heading h2{font-size:1.1rem;line-height:1.6}.article-theme-heading p{color:var(--muted);font-size:.875rem;margin-top:9px}.article-themes-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.article-theme-card{padding:26px;border:1px solid var(--line);background:#fff;border-radius:14px;display:flex;flex-direction:column;align-items:start}.article-theme-card:hover{border-color:var(--blue);background:#fbfcff}.article-theme-card .eyebrow{letter-spacing:.07em;font-size:.6875rem}.article-theme-card h2{display:flex;justify-content:space-between;width:100%;gap:14px;font-size:1.3rem;color:var(--ink);margin:10px 0 13px}.article-theme-card h2 span{color:#99a7c1}.article-theme-card p{color:var(--muted);font-size:.875rem;line-height:1.9;flex:1}.article-theme-count{margin-top:24px;font-size:.75rem;color:var(--blue)}.article-theme-detail{background:#fff;border:1px solid var(--line);border-radius:16px;padding:34px}.article-theme-detail>header h2{font-size:1.9rem;margin-bottom:15px}.article-theme-detail>header>p{color:var(--muted);line-height:1.95;font-size:.9375rem}.article-editorial-label{font-size:.75rem;color:var(--blue);letter-spacing:.05em;margin-bottom:12px}.article-theme-detail>.article-editorial-label{border-top:1px solid var(--line);padding-top:25px;margin-top:25px}.article-theme-section{display:flex;gap:20px;padding:20px 0;border-bottom:1px solid var(--line)}.article-section-no{font:400 1.5rem/1.4 Georgia,serif;color:#a3b1cc}.article-theme-section h3{font-size:1.1rem;line-height:1.7;margin-bottom:10px}.article-theme-section p{font-size:.9375rem;line-height:2;color:#3e4e69}.article-sources{list-style:none;padding:0;margin:15px 0 0}.article-sources li{line-height:1.9;margin:7px 0;font-size:.75rem}.article-sources a{color:#526d9e}.article-sources a:hover{text-decoration:underline}.article-faq{margin:30px 0}.article-faq>h3{margin-bottom:17px}.article-faq details{border-bottom:1px solid var(--line);padding:14px 0}.article-faq summary{cursor:pointer;font-size:.875rem;line-height:1.8}.article-faq details>p{color:var(--muted);font-size:.875rem;line-height:1.9;padding-top:14px}.article-back-themes{font-size:.875rem;padding:0 10px}.article-reader-toolbar{display:flex;justify-content:space-between;gap:20px;margin:0 0 25px;font-size:.8125rem;color:var(--muted)}.article-reader-layout{display:grid;grid-template-columns:minmax(0,1fr) 255px;gap:32px;align-items:start}.article-reader{padding:40px 44px;background:#fff;border:1px solid var(--line);border-radius:16px;min-width:0}.article-reader header h1{font-size:1.9rem;line-height:1.65;margin:18px 0 20px;letter-spacing:-.025em}.article-takeaways{background:#f3f6fc;border-left:3px solid #6c89d8;padding:20px 23px;margin:30px 0}.article-takeaways ul{margin:0;padding-left:18px;font-size:.875rem;line-height:2;color:#485a78}.article-original-label{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:32px 0 22px}.article-original-label h2{font-size:.875rem}.article-original-label a{font-size:.75rem;color:var(--muted)}.article-body{white-space:pre-wrap;overflow-wrap:anywhere;font-size:1rem;line-height:2.05;color:#24334d;letter-spacing:.015em}.article-reader-aside{display:grid;gap:26px}.article-reader-aside>section:first-child{padding:20px 8px 0}.article-reader-aside h2{font-size:.9375rem;line-height:1.8;margin-bottom:10px}.article-related{display:block;padding:19px 0;border-bottom:1px solid var(--line)}.article-related>span{font-size:.75rem;color:var(--muted)}.article-related h3{color:var(--ink);font-size:.9rem;line-height:1.8;margin:8px 0}.article-related>span:last-child{color:var(--blue)}.article-end{border-top:1px solid var(--line);margin-top:36px;padding-top:24px;display:flex;justify-content:space-between;font-size:.8125rem;color:var(--muted)}.article-find-bar{position:sticky;top:12px;z-index:2;background:#fff9e7;border:1px solid #eadcae;border-radius:8px;padding:8px 14px;display:flex;justify-content:space-between;gap:10px;align-items:center;font-size:.75rem;box-shadow:0 3px 16px #12214c0a;overflow-wrap:anywhere}.article-find-bar>div{display:flex;gap:4px}.article-find-bar button{background:#fff;border:1px solid #e2d6b3;border-radius:6px;color:var(--ink);min-width:40px;height:40px}.article-find-bar b{font-weight:400;color:#796332}.articles-page mark.article-current-hit{background:#ffcf53;outline:2px solid #9c6200}
@media(max-width:1000px){.article-library-layout{grid-template-columns:minmax(0,1fr) 235px;gap:24px}.article-reader-layout{grid-template-columns:minmax(0,1fr)}.article-reader-aside{grid-template-columns:1fr 1fr}.article-reader-aside>section:first-child{padding-top:0}.article-reader{max-width:820px;width:100%;margin:auto}.article-themes-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.articles-heading{gap:16px;margin-bottom:22px}.articles-heading h1{font-size:1.85rem}.articles-heading h1 span{display:block}.articles-heading>div>p:last-child{font-size:.8125rem;max-width:300px}.articles-count{padding-left:18px;font-size:.6875rem;max-width:100px}.articles-count strong{font-size:2.8rem}.articles-tools{display:block;padding-bottom:18px}.article-view-tabs{margin-bottom:18px}.article-view-tabs a{padding:8px 0}#article-search-form{width:100%;max-width:none}.article-filters{margin:16px 0 20px;gap:7px}.article-filter{padding:8px 10px}.article-library-layout{grid-template-columns:1fr}.article-sidebar{padding-top:0;grid-template-columns:1fr 1fr}.article-prompts{display:none}.article-card{padding:23px 20px;gap:12px}.article-card-number{flex-basis:24px;font-size:1.3rem}.article-card h2{font-size:1.05rem}.article-theme-detail{padding:28px}.article-reader-toolbar>span{display:none}.article-reader{padding:30px}.article-reader header h1{font-size:1.65rem}.article-theme-section{gap:15px}.article-reader-aside{gap:20px}.article-result-toolbar select{width:136px}}
@media(max-width:480px){.articles-page{padding:25px 16px 40px}.articles-heading h1{font-size:1.6rem}.articles-heading .eyebrow{font-size:.6875rem;margin-bottom:10px}.articles-count{display:none}.article-card{padding:22px 18px}.article-card-number{display:none}.article-card h2{font-size:1.05rem}.article-card-bottom{gap:8px;align-items:flex-end}.article-read-link{font-size:.75rem}.article-summary{font-size:.8125rem}.article-themes-grid{grid-template-columns:1fr}.article-theme-card{padding:24px}.article-sidebar{grid-template-columns:1fr}.article-theme-detail{padding:24px 20px}.article-theme-section{gap:12px}.article-theme-section h3{font-size:1rem}.article-theme-section p{font-size:.875rem}.article-theme-heading p{font-size:.8125rem}.article-reader{padding:26px 20px}.article-reader header h1{font-size:1.5rem}.article-reader .article-meta{font-size:.6875rem;gap:10px}.article-takeaways{padding:17px 16px;margin:25px 0}.article-body{font-size:1rem;line-height:2}.article-reader-aside{grid-template-columns:1fr}.article-reader-aside>section:first-child{padding:12px}.article-find-bar{top:6px;padding:6px 10px}.article-find-bar>span{min-width:0}.article-result-toolbar label{gap:5px}.article-original-label{gap:10px}.article-filter span{display:none}}
/* 英语启蒙笔记：暖棕色的阅读分区 */
.articles-page{--blue:#895c40;--navy:#594b3e;--line:#e5ded5;--muted:#756e65}.bing-nav:has(a.selected[href="#articles"]){--blue:#895c40}.articles-heading h1{font-size:2.15rem;line-height:1.5;letter-spacing:-.025em}.articles-heading>div>p:last-child{font-size:.9375rem;line-height:1.8}.articles-count strong{color:#a5815e}.articles-count{color:#817366}.article-view-tabs{gap:28px}.article-view-tabs a{font-size:.9375rem}.article-filter{border-radius:9px;min-height:42px;border-color:#e1d9ce;background:#fffefa;color:#776a5e}.article-filter.active{background:#77583f;border-color:#77583f;color:#fff}.article-list{background:#fffefa;border-color:#e4ddd2;border-radius:18px;box-shadow:0 4px 18px #6b4f2d03}.article-card{border-color:#ebe5da;padding:26px}.article-card:hover{background:#f9f4eb}.article-card-number{color:#bda686;font-size:1.4rem}.article-card h2{font-size:1.2rem;line-height:1.6}.article-summary{font-size:.9375rem;color:#776e63;line-height:1.85}.article-meta{font-size:.75rem;color:#85796b}.article-tag{background:#f3ece1;color:#89694d;border-radius:5px;padding:5px 8px}.article-read-link{color:#895c40}.article-excerpt{border-color:#bca07d;background:#f7f0e5;color:#776450}.article-excerpt>span{color:#917554}
.article-start{background:#eee5d6;color:#594b3e;border-radius:17px}.article-start .eyebrow{color:#91704d}.article-start p:not(.eyebrow){color:#7e6e5c}.article-start a{color:#78563c;border-color:#c1aa8c}.article-reading-guide{background:#fffefa;border-color:#e4ddd2;border-radius:17px}.article-theme-card{border-color:#e4ddd2;background:#fffefa;border-radius:18px}.article-theme-card:hover{background:#f9f3e9;border-color:#ba9d7c}.article-theme-card h2 span{color:#bda27f}.article-theme-detail{border-color:#e4ddd2;border-radius:18px;background:#fffefa}.article-theme-section p{color:#62594e}.article-section-no{color:#b49a77}.article-sources a{color:#8c6849}
.article-reader{background:#fffefa;border-color:#e4ddd2;border-radius:20px;padding:36px 42px}.article-reader header h1{font-size:1.95rem;line-height:1.6;letter-spacing:-.025em}.article-body{color:#443e37;font-size:1.025rem;line-height:1.95;letter-spacing:.01em}.article-takeaways{background:#f4eee3;border-color:#bda07c;border-radius:0 10px 10px 0}.article-takeaways ul{color:#7b664e;line-height:1.95}.article-related h3{color:#5c4d3e}.article-find-bar{top:72px;background:#fff6df;border-color:#e0cca1}.article-theme-detail>header>p{color:#776e63}
@media(max-width:760px){.articles-heading h1{font-size:1.85rem}.article-reader{padding:29px}.article-sidebar{gap:18px}.article-summary{font-size:.9375rem}.article-find-bar{top:66px}}
@media(max-width:480px){.articles-heading h1{font-size:1.7rem}.articles-heading>div>p:last-child{font-size:.875rem}.article-card{padding:22px 19px}.article-card h2{font-size:1.1rem}.article-summary{font-size:.9375rem}.article-tag{font-size:.75rem}.article-reader{padding:25px 21px;border-radius:17px}.article-reader header h1{font-size:1.5rem;line-height:1.65}.article-body{font-size:1rem;line-height:1.95}.article-theme-section p{font-size:.9375rem}.article-theme-card p{font-size:.9375rem}.article-filter{min-height:44px}}
.article-meta{color:#7b6f61}.article-start p:not(.eyebrow){color:#74634f}.articles-page .button:not(.secondary):hover{background:#704a33}
.article-card-number{color:#887052}.article-section-no{color:#947753}

/* 历史图文：文字和原图按发布顺序阅读 */
.article-source-note{font-size:.75rem;color:var(--muted)}.article-figure{white-space:normal;margin:22px auto 30px;max-width:680px}.article-figure a{display:block}.article-figure img{display:block;width:100%;height:auto;border-radius:10px;border:1px solid var(--line);background:#f4eee3}.article-figure figcaption{text-align:center;color:var(--muted);font-size:.75rem;line-height:1.6;margin-top:9px}.article-result-toolbar select{width:176px}.article-text-block{white-space:pre-wrap}.article-body:has(.article-figure){white-space:normal}@media(max-width:480px){.article-result-toolbar select{width:168px}.article-original-label{align-items:flex-start}.article-source-note{text-align:right;max-width:65%}}

/* 置顶指南：沿用笔记分区的暖棕阅读样式。 */
.article-card-pinned{background:#f8f0e2;border-left:3px solid #a17850}.article-pin-badge{display:inline-flex;align-items:center;padding:3px 8px;border-radius:5px;background:#eaddc8;color:#68472c;font-size:.75rem;font-weight:600}.article-card-pinned .article-meta{align-items:center}.article-guide{white-space:normal}.article-guide p{margin:0 0 1.15em}.article-guide>p:first-child{color:var(--muted);font-size:1.1rem}.article-guide h2{font-size:1.45rem;line-height:1.6;margin:2.5em 0 1em;padding-top:1.2em;border-top:1px solid var(--line);color:#594532;scroll-margin-top:120px}.article-guide h3{font-size:1.12rem;line-height:1.7;margin:1.7em 0 .8em;color:#705237}.article-guide li{margin:.4em 0}.article-guide ul,.article-guide ol{padding-left:1.5em;margin:1em 0 1.5em}.article-guide a{color:#895c40;text-decoration:underline;text-underline-offset:3px}.article-guide blockquote{margin:1em 0;padding:16px 20px;background:#f4eee3;border-left:3px solid #bda07c}.article-guide blockquote p:last-child{margin-bottom:0}.article-table-scroll{overflow-x:auto;max-width:100%;margin:1.5em 0 2em;border:1px solid var(--line);border-radius:10px;overscroll-behavior-x:contain}.article-guide table{border-collapse:collapse;min-width:560px;width:100%;font-size:.88rem;line-height:1.8}.article-guide th,.article-guide td{padding:12px 14px;text-align:left;vertical-align:top;border-bottom:1px solid var(--line);min-width:130px}.article-guide th{background:#f2eadc;font-weight:600;color:#705237}.article-guide tr:last-child td{border-bottom:0}.article-guide tr:nth-child(even){background:#fcf8f1}.article-guide-toc{margin:24px 0;border:1px solid var(--line);border-radius:12px;background:#f9f4ec}.article-guide-toc summary{padding:15px 18px;cursor:pointer;color:#705237;font-weight:600;line-height:1.7}.article-guide-toc nav{display:grid;grid-template-columns:1fr 1fr;gap:3px 10px;padding:0 14px 14px}.article-guide-toc button{border:0;background:transparent;padding:10px 6px;text-align:left;line-height:1.7;font-size:.85rem;color:#705237;cursor:pointer;min-height:44px}.article-guide-toc button:hover{background:#f0e4d2;border-radius:6px}.article-guide-toc button:focus-visible,.article-table-scroll:focus-visible{outline:2px solid #895c40;outline-offset:2px}
@media(max-width:600px){.article-guide-toc nav{grid-template-columns:1fr}.article-guide h2{font-size:1.22rem;margin-top:2em}.article-guide h3{font-size:1.06rem}.article-guide table{font-size:.875rem;min-width:550px}.article-guide th,.article-guide td{padding:10px 12px}.article-guide blockquote{padding:14px}.article-card-pinned{border-left-width:3px}}

/* 站内歌曲与图片保留阅读位置，避免内置浏览器把媒体交给新窗口。 */
.article-media-link{display:inline;font:inherit;line-height:inherit;color:#895c40;text-align:inherit;text-decoration:underline;text-underline-offset:3px;background:transparent;border:0;padding:0;cursor:pointer;touch-action:manipulation}
.article-media-link:focus-visible,.article-image-button:focus-visible{outline:2px solid #895c40;outline-offset:4px;border-radius:3px}
.article-image-button{display:block;width:100%;border:0;padding:0;background:transparent;cursor:zoom-in}
.article-media-dialog{width:min(720px,calc(100vw - 32px));padding:0;border-color:#e4ddd2;background:#fffefa;color:#443e37;overscroll-behavior:contain}
.article-media-heading{position:sticky;top:0;z-index:1;display:flex;justify-content:space-between;align-items:center;gap:18px;padding:14px 20px;background:#fffefa;border-bottom:1px solid #e5ded5}
.article-media-heading h2{font-size:1.1rem;line-height:1.5;color:#594532;overflow-wrap:anywhere}
.article-media-heading button{flex-shrink:0;min-height:44px;padding:8px 4px 8px 12px;background:transparent;color:#756e65;font-size:.875rem}
.article-media-panel>[role=status]{padding:12px 20px 0;color:#756e65;font-size:.8125rem;line-height:1.6}
.article-media-body{padding:14px 20px 22px}.article-media-body audio{display:block;width:100%;height:54px}.article-media-body img{display:block;width:100%;height:auto;border-radius:8px}.article-media-body img[hidden]{display:none}
@media(max-width:480px){.article-media-heading{padding:10px 16px}.article-media-heading h2{font-size:1rem}.article-media-panel>[role=status]{padding:12px 16px 0}.article-media-body{padding:12px 16px 18px}}