:root{--content-paper:#f8f7f0;--content-ink:#233e37;--content-muted:#6c7770;--content-line:#d9dfd2;--content-green:#225b4f;--content-accent:#a44c35}
.content-site{margin:0;background:var(--content-paper);color:var(--content-ink);font-family:"Noto Sans SC","PingFang SC","Microsoft YaHei",sans-serif;font-size:15px;line-height:1.8}
.content-site *{box-sizing:border-box}.content-site .frame{width:1280px;max-width:calc(100% - 48px);margin-left:auto;margin-right:auto}.content-main{padding:28px 0 72px;min-height:65vh}.content-main a{color:inherit;text-decoration:none}.content-main a:hover{color:var(--content-green)}.content-main :is(a,button,input,select,summary):focus-visible{outline:2px solid var(--content-accent);outline-offset:4px}.content-main h1,.content-main h2,.content-main h3{font-family:"Noto Serif SC","Songti SC",SimSun,serif;font-weight:600;color:var(--content-ink)}
.content-breadcrumb{display:flex;gap:14px;align-items:center;flex-wrap:wrap;font-size:12px;color:var(--content-muted);margin:0 0 28px}.content-breadcrumb a:hover{text-decoration:underline}.eyebrow{font-size:12px;color:#8a805c;margin:0 0 9px}.channel-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:36px;padding:4px 0 32px;border-bottom:1px solid var(--content-line)}.channel-intro h1{font-size:40px;line-height:1.4;margin:0 0 13px}.channel-intro p:not(.eyebrow){font-size:15px;color:var(--content-muted);margin:0;max-width:760px}.intro-scenics{white-space:nowrap;font-size:14px;padding-bottom:4px}.intro-scenics span{margin-left:22px}
.channel-tools{border-bottom:1px solid var(--content-line);padding:20px 0}.channel-types{display:flex;gap:30px;margin-bottom:20px}.channel-types a{position:relative;font-size:16px;padding:1px 0 10px;color:var(--content-muted)}.channel-types a[aria-current]{color:var(--content-green);font-weight:600}.channel-types a[aria-current]:after{position:absolute;content:"";bottom:0;left:0;right:0;height:2px;background:var(--content-green)}#channelFilter{display:flex;align-items:center;gap:12px}#channelFilter input,#channelFilter select,#channelFilter button{font:inherit;font-size:14px;height:44px;border:1px solid var(--content-line);border-radius:0;background:#fff;padding:0 14px;min-width:0;color:var(--content-ink)}#channelFilter input[type=search]{flex:1;min-width:150px;background:#fffefa}#channelFilter select{width:160px}#channelFilter button{width:92px;background:var(--content-green);border-color:var(--content-green);color:white;cursor:pointer}#channelFilter button:hover,.content-button:hover{background:#17483e;color:white}input[type=hidden]{display:none}.channel-columns{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:50px;margin-top:25px}.result-bar{display:flex;justify-content:space-between;gap:16px;font-size:12px;color:var(--content-muted);margin-bottom:20px}.result-bar p{margin:0}.result-bar strong{font-weight:600;color:var(--content-green)}.result-bar a{text-decoration:underline}
.story-card{display:grid;grid-template-columns:210px minmax(0,1fr);gap:26px;padding:24px 0;border-bottom:1px solid var(--content-line)}.story-card:first-of-type{padding-top:0}.story-image{display:block;background:#e6eade;overflow:hidden;aspect-ratio:1.5;align-self:start}.story-image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .3s}.story-card:hover .story-image img{transform:scale(1.035)}.story-no-image:before{content:"三峡 · 山水与人文";display:flex;align-items:center;justify-content:center;height:100%;font-family:SimSun,serif;color:#6c806e;font-size:15px}.story-meta{display:flex;gap:16px;flex-wrap:wrap;font-size:12px;color:var(--content-muted)}.story-meta>span{color:var(--content-green)}.story-copy h2{font-size:22px;line-height:1.55;margin:10px 0}.story-copy h2 a:hover{text-decoration:underline;text-underline-offset:5px}.story-copy>p{font-size:14px;line-height:1.9;margin:0;color:#667166}.story-bottom{display:flex;justify-content:space-between;gap:16px;font-size:12px;color:var(--content-muted);margin-top:17px}.story-bottom>a{color:var(--content-green);white-space:nowrap}.story-featured{display:block;padding-bottom:30px}.story-featured .story-image{width:100%;height:330px;aspect-ratio:auto;margin-bottom:22px}.story-featured h2{font-size:28px}.story-featured .story-copy>p{font-size:15px;max-width:760px}.story-featured .story-bottom{margin-top:17px}
.channel-aside{padding-top:42px}.channel-aside section{margin-bottom:28px}.aside-reading{border-top:2px solid #709078;padding:20px 0}.aside-reading h2,.aside-explore h2,.aside-help h2{font-size:23px;line-height:1.5;margin:0 0 16px}.aside-read{display:grid;grid-template-columns:22px minmax(0,1fr) 15px;gap:12px;padding:17px 0;border-bottom:1px solid var(--content-line);font-size:14px;align-items:start}.aside-read>span:first-child{font:12px/2 Georgia,serif;color:#9b8353}.aside-read strong{font-weight:400;line-height:1.9}.aside-read>span:last-child{color:#8c987e}.aside-explore{background:#edf0e5;padding:26px}.aside-explore p,.aside-help p{font-size:14px;line-height:1.9;color:var(--content-muted);margin:0 0 20px}.aside-explore a{display:block;border-top:1px solid #d6decd;padding-top:13px;font-size:14px;color:var(--content-green);margin-top:13px}.aside-help{padding:22px 0;border-top:1px solid var(--content-line)}.aside-help a{font-size:14px;color:var(--content-green)}.content-pagination{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:30px}.content-pagination a{min-width:40px;height:40px;display:grid;place-items:center;border:1px solid var(--content-line);padding:0 12px;font-size:13px}.content-pagination a[aria-current]{background:var(--content-green);color:white;border-color:var(--content-green)}.page-note{text-align:center;font-size:12px;color:var(--content-muted);margin:15px 0 0}.channel-empty{padding:65px 25px;text-align:center;border-top:1px solid var(--content-line)}.channel-empty h1{font-size:32px}.channel-empty h2{font-size:25px}.channel-empty p{color:var(--content-muted);margin:14px 0 25px}.content-button{display:inline-block!important;padding:10px 24px;background:var(--content-green);color:#fff!important}
.reading-header{position:static;padding:0 0 28px;max-width:1000px;background:none}.reading-type{display:inline-block;font-size:13px;color:var(--content-green)!important;border-bottom:1px solid #95aa96;padding-bottom:3px;margin-bottom:17px}.reading-header h1{font-size:38px;line-height:1.5;max-width:980px;margin:0 0 20px}.reading-summary{font-size:17px;color:#6c766a;line-height:1.9;max-width:880px;margin:0 0 23px}.reading-meta{display:flex;align-items:center;gap:22px;flex-wrap:wrap;color:var(--content-muted);font-size:12px}.reading-meta button{background:none;border:0;font:inherit;color:var(--content-green);cursor:pointer;padding:0;margin-left:10px}.reading-columns{display:grid;grid-template-columns:minmax(0,900px) minmax(230px,1fr);gap:65px;border-top:1px solid var(--content-line);padding-top:34px}.reading-main{min-width:0}.reading-cover{margin:0 0 34px}.reading-cover img{display:block;width:100%;height:auto;max-height:520px;object-fit:cover}.article-body{font-size:16px;line-height:2.15;overflow-wrap:anywhere;color:#4f6256}.article-body h2{font-size:25px;line-height:1.6;margin:43px 0 17px;scroll-margin-top:110px}.article-body h2:first-child{margin-top:0}.article-body h3{font-size:21px;line-height:1.6;margin:27px 0 14px}.article-body p{margin:0 0 20px}.article-body img{max-width:100%;height:auto;display:block}.article-body figure{margin:29px 0 40px}.article-body figure img{width:100%}.article-body figcaption{font-size:12px;color:#78816c;line-height:1.8;margin-top:9px}.article-body ul,.article-body ol{padding-left:23px;margin:18px 0}.article-body li{margin-bottom:10px}.article-body a{color:var(--content-green);text-decoration:underline;text-underline-offset:3px}.article-body table{display:block;overflow:auto;max-width:100%;border-collapse:collapse}.article-body td,.article-body th{border:1px solid var(--content-line);padding:10px}.article-body blockquote{border-left:3px solid #9aac92;padding:14px 22px;margin:25px 0;background:#eff1e8}.article-sources{border-top:1px solid var(--content-line);margin-top:35px;padding-top:20px}.article-sources h2{font-size:19px;margin-top:0}.article-sources p,.article-sources li{font-size:13px;color:var(--content-muted);line-height:1.9}.article-links h2{font-size:21px}.reading-toc{position:sticky;top:103px;border-top:2px solid #78927a;margin-bottom:30px}.reading-toc summary{display:flex;justify-content:space-between;cursor:pointer;font-size:16px;padding:17px 0;font-family:SimSun,serif;list-style:none}.reading-toc summary::-webkit-details-marker{display:none}.reading-toc nav a{display:flex;gap:12px;padding:12px 0;border-bottom:1px solid #e2e6d9;font-size:13px;line-height:1.9}.reading-toc nav a>span{font:11px/2.2 Georgia,serif;color:#a3864f;min-width:17px}.reading-aside>.aside-explore{margin-top:32px;padding:22px}.reading-aside{min-width:0}.reading-end{border-top:1px solid var(--content-line);padding:24px 0;margin-top:28px}.reading-end p{color:var(--content-muted);font-size:14px;margin:0 0 14px}.reading-end a{color:var(--content-green);font-size:14px}.continue-reading{margin-top:50px;border-top:1px solid var(--content-line);padding-top:28px}.section-title{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:22px}.section-title h2{font-size:28px;margin:0}.section-title>a{font-size:13px}.related-stories{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:25px}.related-stories img{display:block;width:100%;aspect-ratio:1.6;object-fit:cover;margin-bottom:14px}.related-stories span{font-size:12px;color:#75856f}.related-stories h3{font-size:18px;line-height:1.7;margin:7px 0}
.channel-status{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);max-width:calc(100% - 32px);background:#233e37;color:white;padding:10px 20px;font-size:13px;z-index:100;display:none}.channel-status.visible{display:block}.content-main[aria-busy=true]{opacity:.55;pointer-events:none;transition:opacity .15s}.skip-link{position:absolute;left:12px;top:-100px;z-index:101;background:white;padding:10px 20px;color:#225b4f}.skip-link:focus{top:10px}.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
@media(max-width:1050px){.channel-columns{grid-template-columns:minmax(0,1fr) 250px;gap:30px}.reading-columns{grid-template-columns:minmax(0,1fr) 230px;gap:35px}.story-card{grid-template-columns:170px minmax(0,1fr);gap:20px}.story-copy h2{font-size:20px}.story-featured h2{font-size:25px}.story-featured .story-image{height:280px}}
@media(max-width:760px){.content-site .frame{max-width:calc(100% - 32px)}.content-main{padding-top:22px}.content-breadcrumb{font-size:11px;gap:10px;margin-bottom:22px}.channel-intro{align-items:flex-start;gap:20px}.channel-intro h1{font-size:31px}.channel-intro p:not(.eyebrow){font-size:14px}.intro-scenics{display:none}.channel-types{gap:26px}.channel-types a{font-size:15px}#channelFilter{display:grid;grid-template-columns:1fr 1fr;gap:10px}#channelFilter input[type=search]{grid-row:1;grid-column:1/-1;width:100%;min-width:0}#channelFilter select{width:100%;font-size:13px}#channelFilter button{grid-column:1/-1;width:100%}.channel-columns{display:block;margin-top:20px}.channel-aside{padding-top:35px;display:grid;grid-template-columns:1fr;gap:0}.channel-aside .aside-help{margin-bottom:0}.story-card{grid-template-columns:115px minmax(0,1fr);gap:15px;padding:22px 0}.story-image{aspect-ratio:1.1}.story-copy h2{font-size:18px;margin-top:7px}.story-copy>p{font-size:12px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.story-meta{font-size:11px;gap:9px}.story-bottom{font-size:11px;gap:8px;margin-top:12px}.story-bottom>span{display:none}.story-featured{display:block}.story-featured .story-image{height:220px;margin-bottom:17px}.story-featured h2{font-size:24px}.story-featured .story-copy>p{font-size:14px;display:block}.reading-header h1{font-size:29px;line-height:1.55;margin-bottom:16px}.reading-summary{font-size:15px;line-height:1.9}.reading-meta{gap:9px 16px}.reading-meta button{margin-left:0}.reading-columns{display:flex;flex-direction:column;gap:24px;padding-top:24px}.reading-aside{order:-1}.reading-toc{position:static;margin:0}.reading-toc summary{font-size:15px;padding:13px 0}.reading-toc nav{display:grid;grid-template-columns:1fr;max-height:280px;overflow:auto}.reading-toc nav a{font-size:12px;padding:9px 0}.reading-aside .aside-explore{display:none}.reading-cover{margin-bottom:28px}.reading-cover img{max-height:none}.article-body{font-size:16px;line-height:2.1}.article-body h2{font-size:23px;margin-top:35px;scroll-margin-top:95px}.article-body figure{margin:24px 0 32px}.related-stories{grid-template-columns:repeat(2,minmax(0,1fr));gap:23px 16px}.related-stories h3{font-size:16px}.section-title h2{font-size:25px}.article-body [style*="width"]{max-width:100%}.content-site header[data-site-shell-header] nav{overflow:auto}.content-main{overflow-wrap:anywhere}}
/* Keep the directory and travel links in one sticky flow; children must not slide over siblings. */
@media(min-width:761px){.reading-aside{align-self:start;position:sticky;top:103px;max-height:calc(100vh - 127px);overflow-y:auto;overscroll-behavior:contain}.reading-toc{position:static}}
@media(prefers-reduced-motion:reduce){.story-image img,.content-main{transition:none}}
@media(max-width:800px){.content-site [data-site-shell-topbar],.content-site header[data-site-shell-header] [data-site-search-form],.content-site header[data-site-shell-header] a[href='/custom-tour/']{display:none!important}.content-site header[data-site-shell-header] .frame{height:66px!important;gap:18px}.content-site header[data-site-shell-header] .frame>a{width:145px!important}.content-site header[data-site-shell-header] nav{gap:14px!important;white-space:nowrap}.content-site header[data-site-shell-header] .frame>div:last-child{display:none}}
@media(max-width:480px){.content-site header[data-site-shell-header] nav{gap:12px!important;font-size:12px!important}.content-site header[data-site-shell-header] nav a:first-child,.content-site header[data-site-shell-header] nav a:last-child{display:none}.content-site header[data-site-shell-header] .frame>a{width:132px!important}.content-site header[data-site-shell-header] nav{overflow:visible}}
