html { scroll-behavior: smooth; scroll-padding-top: 72px; }
.mountain .landscape { height: 390px; }
.mountain .landscape-intro { top: 28px; }
.mountain .landscape-copy { bottom: 35px; }
.mountain .landscape-copy h1 { font-size: 53px; margin-bottom: 12px; }
.mountain .landscape-copy p { margin-bottom: 18px; }
.mountain .landscape-verse { top: 36px; }
.mountain .landscape-verse p { font-size: 29px; }
.mountain .mountain-discover { padding: 30px 0 35px; }
.mountain .poem-selection p { font-size: 16px; line-height: 1.9; }
.mountain .poem-selection .tag { margin-bottom: 10px; }
.mountain .poem-selection .text-link { padding-bottom: 0; }
.night .night-hero { min-height: 390px; padding: 12px 0 30px; }
.night .night-message h1 { font-size: 49px; margin-bottom: 16px; }
.night .night-welcome { margin-bottom: 20px; }
.night .night-message { padding-bottom: 0; }
.night .record-display { height: 325px; }
.night .record-sleeve { width: 66%; max-width: 295px; }
.night .vinyl { width: 270px; height: 270px; }
.night .night-topics { padding-bottom: 24px; }
.desk .desk-photo { height: 245px; }
.desk .desk-intro { padding: 27px 0 24px; }
.desk .desk-poem { padding: 21px 25px; }
.desk .desk-poem p { margin: 10px 0; }
.content-index { position: sticky; top: 0; z-index: 15; background: var(--base); border-bottom: 1px solid var(--line); display: flex; gap: 29px; padding: 16px 0; margin-top: 10px; overflow-x: auto; scrollbar-width: thin; }
.content-index a { font-size: 12px; white-space: nowrap; padding: 3px 0; color: var(--muted); }
.content-index a:hover { color: var(--ink); }
.content-index a[aria-current] { color: var(--ink); font-weight: 650; }
.rich-section { padding: 35px 0; border-top: 1px solid var(--line); min-width: 0; scroll-margin-top: 12px; }
.rich-heading { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 23px; }
.rich-heading h2 { font-size: 24px; line-height: 1.4; font-weight: 550; }
.rich-heading .text-link { font-size: 12px; color: var(--muted); white-space: nowrap; }
.rich-section h3 { font-weight: 550; }
.entry-meta { color: var(--muted); font-size: 11px; line-height: 1.7; }
.poetry-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 25px 28px; }
.poetry-entry { display: grid; grid-template-columns: 90px minmax(0,1fr); gap: 16px; min-width: 0; align-items: center; }
.poetry-entry > img { width: 90px; height: 108px; object-fit: cover; border-radius: 3px; }
.poetry-entry h3 { font-size: 17px; margin: 7px 0; line-height: 1.5; }
.poetry-entry p { font-family: "Songti SC", "STSong", serif; font-size: 14px; line-height: 1.8; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.album-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 26px; }
.album-entry { min-width: 0; }
.album-art { position: relative; }
.album-art img { width: 100%; aspect-ratio: 1; object-fit: cover; border-radius: 5px; }
.album-play { position: absolute; bottom: 12px; right: 12px; box-shadow: 0 2px 12px #0002; }
.album-copy { display: flex; align-items: start; justify-content: space-between; gap: 10px; padding-top: 15px; }
.album-copy h3 { font-size: 17px; line-height: 1.4; }
.album-copy p { font-size: 11px; color: var(--muted); margin-top: 5px; }
.album-copy p { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.album-copy > .entry-meta { padding-top: 2px; white-space: nowrap; }
.album-actions { display: flex; align-items: center; justify-content: space-between; gap: 10px; font-size: 10px; color: var(--muted); }
.album-actions .icon-button { width: 30px; height: 30px; }
.album-actions svg { width: 16px; height: 16px; }
.bookshelf-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 28px 40px; }
.shelf-book { display: grid; grid-template-columns: 108px minmax(0,1fr); gap: 24px; min-width: 0; }
.shelf-cover { min-height: 156px; display: flex; flex-direction: column; align-items: center; justify-content: space-between; padding: 18px 11px 12px; border-radius: 2px 7px 7px 2px; box-shadow: inset 5px 0 #0002; }
.shelf-cover > span { font-family: "Songti SC", "STSong", serif; writing-mode: vertical-rl; white-space: nowrap; font-size: 21px; letter-spacing: .12em; }
.shelf-cover small { font-size: 8px; opacity: .8; margin-top: 14px; }
.book-tone-0 { background: #5e747c; color: #fff; }.book-tone-1 { background: #d6dfcd; color: #364a39; }.book-tone-2 { background: #d6c3a8; color: #534838; }.book-tone-3 { background: #c3c5d8; color: #424862; }
.shelf-copy h3 { font-size: 20px; margin: 4px 0 8px; }
.shelf-copy p { color: var(--muted); font-size: 12px; margin-top: 12px; line-height: 1.9; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.shelf-copy .text-link { font-size: 11px; padding-bottom: 0; margin-top: 3px; }
.shelf-author { display: block; font-size: 10px; color: var(--muted); line-height: 1.7; margin-top: 7px; }
.content-columns { display: grid; grid-template-columns: minmax(0,1.8fr) minmax(0,1fr); gap: 38px; }
.content-columns .rich-section { border-top: 1px solid var(--line); }
.article-toolbar { display: flex; justify-content: space-between; align-items: center; gap: 12px; margin-top: -6px; margin-bottom: 20px; }
.article-filters { display: flex; gap: 5px; }
.article-filters button { background: transparent; color: var(--muted); border-radius: 4px; padding: 6px 12px; font-size: 11px; }
.article-filters button[aria-pressed="true"] { background: var(--soft); color: var(--ink); }
.articles-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 22px 24px; }
.article-entry { min-width: 0; display: grid; grid-template-columns: 79px minmax(0,1fr); gap: 13px; }
.article-thumbnail > img { width: 79px; height: 88px; object-fit: cover; border-radius: 3px; }
.article-meta { display: flex; align-items: center; gap: 10px; color: var(--muted); font-size: 10px; line-height: 1.5; }
.article-meta > span { color: var(--ink); }
.article-entry h3 { font-size: 14px; line-height: 1.65; margin-top: 5px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.article-entry p { color: var(--muted); font-size: 11px; line-height: 1.8; margin-top: 6px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.snapshot-note { font-size: 10px; color: var(--muted); margin-top: -12px; margin-bottom: 10px; }
.news-list { display: grid; }
.news-entry { padding: 15px 0; display: grid; grid-template-columns: 28px minmax(0,1fr); gap: 12px; align-items: start; border-bottom: 1px solid var(--line); }
.news-entry img { width: 27px; height: 27px; object-fit: contain; border-radius: 5px; margin-top: 4px; }
.news-entry .entry-meta { font-size: 10px; }
.news-entry h3 { font-size: 13px; line-height: 1.65; font-weight: 450; margin-top: 4px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.news-channel-links { display: flex; flex-wrap: wrap; gap: 10px 16px; font-size: 10px; color: var(--muted); padding-top: 20px; }
.photo-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 22px; }
.photo-entry img { width: 100%; aspect-ratio: 4/3; object-fit: cover; border-radius: 4px; }
.photo-entry h3 { font-size: 13px; line-height: 1.7; margin-top: 12px; }
.everyday-columns { display: grid; grid-template-columns: 1fr 1fr; gap: 44px; }
.goods-list { display: grid; gap: 16px; }
.goods-entry { display: grid; grid-template-columns: 105px minmax(0,1fr); gap: 20px; align-items: center; }
.goods-entry img { width: 105px; height: 83px; object-fit: cover; border-radius: 5px; background: #fff; }
.goods-entry h3 { font-size: 14px; line-height: 1.65; margin: 4px 0; }
.goods-read { color: var(--muted); font-size: 10px; display: inline-flex; gap: 5px; align-items: center; }
.goods-read svg { height: 12px; width: 12px; }
.share-list { display: grid; }
.share-entry { padding: 13px 0; border-bottom: 1px solid var(--line); display: flex; justify-content: space-between; align-items: start; gap: 16px; }
.share-entry:first-child { padding-top: 0; }
.share-entry h3 { font-size: 13px; line-height: 1.8; font-weight: 450; }
.share-entry .entry-meta { white-space: nowrap; padding-top: 3px; font-size: 10px; }
.share-entry svg { width: 13px; height: 13px; margin-left: 8px; }
.discussion-invite { background: var(--soft); padding: 17px 20px; border-radius: 6px; margin-top: 20px; }
.discussion-invite > span { font-size: 10px; color: var(--muted); display: inline-flex; gap: 7px; align-items: center; }
.discussion-invite > span svg { width: 14px; height: 14px; }
.discussion-invite p { font-size: 12px; line-height: 1.9; margin-top: 8px; }
.discussion-invite .text-link { padding-bottom: 0; font-size: 11px; }
.friends-grid { display: grid; grid-template-columns: repeat(6,minmax(0,1fr)); gap: 22px; }
.friend-entry { display: flex; flex-direction: column; align-items: start; gap: 12px; font-size: 11px; line-height: 1.8; }
.friend-entry img { height: 30px; max-width: 85px; object-fit: contain; object-position: left center; }
.friend-entry span { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.community-line { margin-top: 32px; padding: 20px 0 0; border-top: 1px solid var(--line); display: flex; align-items: center; gap: 25px; font-size: 12px; }
.community-line .text-link:last-child { margin-left: auto; color: var(--muted); }
.community-line svg { width: 14px; height: 14px; }
.mountain .rich-heading h2 { font-family: "JXZhuoKai", "STKaiti", serif; font-size: 29px; font-weight: 400; }
.mountain .rich-content .rich-section:first-child { border-top: 1px solid var(--line); }
.mountain .site-footer { margin-top: 15px; }
.night .rich-section { padding: 30px 0; }
.night .rich-heading h2 { font-size: 23px; font-weight: 500; }
.night .album-play { background: var(--accent); color: #18283b; }
.night .shelf-cover { box-shadow: inset 5px 0 #0002; }
.night .news-entry img { background: #fff; padding: 3px; }
.night .rich-content > .rich-section:first-child { border-top: 0; }
.night .rich-content > .rich-section:first-child .rich-heading { margin-top: -3px; }
.night .site-footer { margin-top: 15px; }
.desk .rich-content { margin-top: 28px; }
.desk .content-columns { grid-template-columns: minmax(0,1.9fr) minmax(0,1fr); gap: 25px; }
.desk .rich-heading h2 { font-size: 22px; font-weight: 600; letter-spacing: -.02em; }
.desk .rich-section { padding: 27px 0; }
.desk .content-columns .rich-section { padding-top: 27px; }
.desk .articles-grid { grid-template-columns: 1fr; gap: 17px; }
.desk .article-entry { grid-template-columns: 92px minmax(0,1fr); gap: 16px; }
.desk .article-thumbnail > img { width: 92px; height: 74px; }
.desk .article-entry h3 { font-size: 14px; -webkit-line-clamp: 1; }
.desk .article-entry p { -webkit-line-clamp: 1; }
.desk .article-meta { font-size: 10px; }
.desk .content-columns #news { background: #fff; padding: 24px 21px; border-radius: 10px; align-self: start; border: 0; margin-top: 5px; }
.desk .news-entry { padding: 15px 0; }
.desk .poetry-grid { grid-template-columns: repeat(3,minmax(0,1fr)); gap: 20px; }
.desk .poetry-entry { background: #fff; padding: 14px; grid-template-columns: 65px minmax(0,1fr); gap: 13px; border-radius: 6px; }
.desk .poetry-entry > img { width: 65px; height: 91px; }
.desk .poetry-entry h3 { font-size: 15px; margin: 4px 0; }
.desk .poetry-entry p { font-size: 12px; }
.desk .entry-meta { font-size: 10px; }
.desk .album-grid { gap: 20px; }
.desk .album-play { background: #3158d3; color: white; }
.desk .shelf-book { gap: 20px; grid-template-columns: 95px minmax(0,1fr); }
.desk .shelf-copy h3 { font-size: 19px; }
.desk .shelf-cover { min-height: 149px; }
.desk .shelf-copy p { -webkit-line-clamp: 2; font-size: 11px; }
.desk .everyday-columns { gap: 27px; }
.desk .goods-entry { grid-template-columns: 87px minmax(0,1fr); gap: 16px; }
.desk .goods-entry img { width: 87px; height: 77px; }
.desk .goods-entry h3 { font-size: 13px; }
.desk .friends-grid { grid-template-columns: repeat(3,minmax(0,1fr)); gap: 20px 28px; }
.desk .friend-entry { flex-direction: row; align-items: center; gap: 12px; }
.desk .friend-entry img { max-width: 48px; height: 28px; }
.desk .site-footer { margin-top: 0; }
@media (max-width: 1100px) {
 .content-columns { grid-template-columns: minmax(0,1.6fr) minmax(0,1fr); gap: 28px; }
 .articles-grid { grid-template-columns: 1fr; gap: 18px; }
 .article-entry { grid-template-columns: 90px minmax(0,1fr); gap: 16px; }
 .article-thumbnail > img { width: 90px; height: 75px; }
 .article-entry h3 { -webkit-line-clamp: 1; }
 .article-entry p { -webkit-line-clamp: 1; }
 .poetry-grid, .desk .poetry-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
 .friends-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
 .poetry-entry { grid-template-columns: 80px minmax(0,1fr); gap: 13px; }
 .poetry-entry > img { width: 80px; height: 100px; }
 .album-grid { gap: 18px; }
 .shelf-book { grid-template-columns: 88px minmax(0,1fr); gap: 18px; }
 .shelf-copy h3 { font-size: 18px; }
 .shelf-copy p { -webkit-line-clamp: 2; }
 .everyday-columns { gap: 28px; }
 .goods-entry { grid-template-columns: 85px minmax(0,1fr); gap: 15px; }
 .goods-entry img { width: 85px; height: 75px; }
 .share-entry { flex-direction: column; gap: 3px; }
 .share-entry .entry-meta { padding-top: 0; }
 .night .night-message h1 { font-size: 42px; }
 .night .record-display { height: 290px; }
 .night .vinyl { width: 220px; height: 220px; }
}
@media (max-width: 760px) {
 html { scroll-padding-top: 63px; }
 .mountain .landscape { height: 490px; }
 .mountain .landscape-copy { left: 24px; bottom: 38px; }
 .mountain .landscape-copy h1 { font-size: 39px; }
 .mountain .landscape-intro { top: 24px; }
 .mountain .landscape-verse { top: 72px; right: 24px; }
 .mountain .landscape-verse p { font-size: 24px; }
 .mountain .landscape-verse p:nth-child(2) { margin-top: 25px; }
 .mountain .landscape-copy p { max-width: 23em; font-size: 10px; margin-bottom: 15px; }
 .mountain .mountain-discover { padding-top: 25px; padding-bottom: 28px; }
 .mountain .poem-selection p { font-size: 17px; }
 .content-index { gap: 22px; padding: 13px 0; }
 .content-index a { font-size: 11px; }
 .rich-section, .night .rich-section, .desk .rich-section { padding: 27px 0; }
 .rich-heading { margin-bottom: 19px; gap: 12px; }
 .rich-heading h2, .night .rich-heading h2, .desk .rich-heading h2 { font-size: 22px; }
 .mountain .rich-heading h2 { font-size: 25px; }
 .rich-heading .text-link { font-size: 10px; }
 .poetry-grid, .desk .poetry-grid { grid-template-columns: 1fr 1fr; gap: 22px 15px; }
 .poetry-entry { display: block; }
 .poetry-entry > img { width: 100%; height: 111px; margin-bottom: 10px; }
 .poetry-entry h3 { font-size: 16px; margin: 5px 0; -webkit-line-clamp: 2; }
 .poetry-entry p { font-size: 13px; }
 .entry-meta { font-size: 10px; }
 .album-grid, .desk .album-grid { grid-template-columns: 1fr 1fr; gap: 23px 17px; }
 .album-copy { padding-top: 12px; gap: 7px; }
 .album-copy h3 { font-size: 16px; }
 .album-copy p { font-size: 10px; }
 .album-copy > .entry-meta { font-size: 9px; }
 .album-actions { font-size: 9px; gap: 4px; }
 .album-actions .icon-button { width: 25px; }
 .album-play { width: 36px; height: 36px; right: 10px; bottom: 10px; }
 .bookshelf-grid { grid-template-columns: 1fr; gap: 25px; }
 .shelf-book, .desk .shelf-book { grid-template-columns: 90px minmax(0,1fr); gap: 20px; }
 .shelf-cover, .desk .shelf-cover { min-height: 147px; }
 .shelf-cover > span { font-size: 20px; }
 .shelf-copy h3, .desk .shelf-copy h3 { font-size: 18px; margin-top: 3px; }
 .shelf-copy p, .desk .shelf-copy p { font-size: 11px; margin-top: 9px; -webkit-line-clamp: 3; }
 .content-columns, .desk .content-columns { grid-template-columns: 1fr; gap: 0; }
 .article-entry, .desk .article-entry { grid-template-columns: 84px minmax(0,1fr); gap: 15px; }
 .article-thumbnail > img, .desk .article-thumbnail > img { width: 84px; height: 83px; }
 .article-entry h3, .desk .article-entry h3 { font-size: 13px; -webkit-line-clamp: 2; }
 .article-entry p, .desk .article-entry p { font-size: 10px; -webkit-line-clamp: 2; }
 .articles-grid, .desk .articles-grid { gap: 21px; }
 .article-meta { font-size: 9px; }
 .desk .content-columns #news { margin-top: 5px; padding: 23px 20px; margin-bottom: 20px; }
 .news-entry { padding: 14px 0; }
 .news-entry h3 { font-size: 13px; }
 .photo-grid { grid-template-columns: 1fr 1fr; gap: 21px 15px; }
 .photo-entry h3 { font-size: 12px; margin-top: 9px; }
 .everyday-columns { grid-template-columns: 1fr; gap: 0; }
 .goods-entry, .desk .goods-entry { grid-template-columns: 88px minmax(0,1fr); gap: 18px; }
 .goods-entry img, .desk .goods-entry img { width: 88px; height: 78px; }
 .goods-entry h3 { font-size: 13px; }
 .share-entry { flex-direction: row; gap: 10px; }
 .share-entry h3 { font-size: 12px; }
 .share-entry .entry-meta { font-size: 9px; padding-top: 3px; }
 .share-entry svg { margin-left: 4px; }
 .discussion-invite { padding: 16px; }
 .friends-grid, .desk .friends-grid { grid-template-columns: 1fr 1fr; gap: 24px 20px; }
 .friend-entry, .desk .friend-entry { flex-direction: column; align-items: start; gap: 10px; font-size: 10px; }
 .friend-entry img { height: 27px; }
 .community-line { gap: 15px; flex-wrap: wrap; font-size: 11px; margin-top: 25px; }
 .community-line > p { width: 100%; }
 .community-line .text-link { font-size: 11px; }
 .night .night-hero { gap: 10px; padding-bottom: 30px; padding-top: 15px; }
 .night .night-message h1 { font-size: 37px; }
 .night .record-display { height: 285px; }
 .night .record-sleeve { width: 72%; }
 .night .vinyl { width: 73%; height: auto; }
 .night .night-topics { gap: 8px; }
 .night .record-note { font-size: 10px; }
 .night .rich-content > .rich-section:first-child { padding-top: 27px; }
 .desk .desk-photo { height: 240px; }
 .desk .desk-poem { padding: 24px; }
 .desk .rich-content { margin-top: 12px; }
 .desk .poetry-entry { padding: 12px; display: block; }
 .desk .poetry-entry > img { width: 100%; height: 101px; }
 .desk .poetry-entry h3 { font-size: 15px; }
 .desk .poetry-entry p { font-size: 12px; }
 .desk .shelf-copy p { -webkit-line-clamp: 2; }
}
@media (max-width: 360px) {
 .mountain .landscape-copy h1 { font-size: 35px; }
 .mountain .landscape-verse p { font-size: 22px; }
 .night .night-message h1 { font-size: 33px; }
 .night .record-display { height: 255px; }
 .album-copy { flex-wrap: wrap; }
 .album-copy > .entry-meta { display: none; }
 .share-entry { flex-direction: column; gap: 3px; }
 .rich-heading h2, .night .rich-heading h2, .desk .rich-heading h2 { font-size: 20px; }
 .mountain .rich-heading h2 { font-size: 23px; }
}
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }