:root{font-family:"Microsoft YaHei","PingFang SC","Noto Sans CJK SC",system-ui,sans-serif;color:#17231e;background:#fff;font-synthesis:none;--forest:#193d32;--muted:#5c6962;--line:#dce3de}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}a{color:inherit}a:focus-visible{outline:3px solid #1f7657;outline-offset:4px}img{display:block;width:100%}.site-header{height:74px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:0 max(28px,calc((100vw - 1360px)/2));background:#fff;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:13px;text-decoration:none;font-weight:650;font-size:17px;line-height:1.2;white-space:nowrap}.brand-logo{display:block;width:48px;height:48px;flex:none;object-fit:contain}.brand small{display:block;margin-top:4px;color:#7b8780;font-size:10px;letter-spacing:.12em;font-weight:400}.site-header nav{display:flex;gap:38px}.site-header nav a{font-size:13px;text-decoration:none;color:#34473d}.site-header nav a:hover{text-decoration:underline;text-underline-offset:6px}
.hero{position:relative;min-height:min(760px,calc(100dvh - 74px));overflow:hidden;background:#e7ede9;display:flex;align-items:flex-start}.hero-image,.hero-wash{position:absolute;inset:0}.hero-image{background:url('/static/site/home-hero.webp') center 52%/cover no-repeat}.hero-wash{background:linear-gradient(90deg,rgba(255,255,255,.98) 0%,rgba(255,255,255,.96) 40%,rgba(255,255,255,.83) 63%,rgba(255,255,255,.05) 91%)}.hero-inner{position:relative;width:min(1360px,100%);margin:0 auto;padding:clamp(94px,10vw,152px) 28px 142px}.kicker,.label{font-size:12px;letter-spacing:.13em;color:var(--forest);font-weight:650;margin:0 0 25px}.hero h1{font-size:clamp(37px,4.35vw,65px);line-height:1.32;letter-spacing:-.055em;font-weight:650;margin:0 0 24px}.hero-lead{max-width:585px;font-size:16px;line-height:2.0;color:#35453d;margin:0 0 28px}.text-link{display:inline-flex;align-items:center;gap:20px;font-weight:600;text-decoration:none;color:var(--forest);border-bottom:1px solid currentColor;padding-bottom:8px;font-size:14px}.text-link span{font-size:20px;font-weight:400}.hero-credit{position:absolute;right:28px;bottom:22px;color:#fff;font-size:11px;text-shadow:0 1px 4px #14241b}
.section{max-width:1360px;padding:105px 28px;margin:0 auto}.section-heading{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding-top:20px;margin-bottom:48px;color:var(--muted);font-size:12px}.section-heading p{margin:0}.section-index{letter-spacing:.14em;color:var(--forest);font-weight:650}.feature-grid{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(330px,.88fr);min-height:540px;background:#f2f6f3}.feature-photo{min-height:530px;background:url('/static/site/luling-experiment.webp') center 50%/cover no-repeat}.feature-copy{padding:clamp(36px,5vw,78px);display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.feature-copy h2,.region-intro h2,.about h2{font-size:clamp(34px,3.1vw,49px);font-weight:600;line-height:1.3;letter-spacing:-.055em;margin:0 0 25px}.feature-copy>p:not(.label){color:#43534a;line-height:1.95;font-size:15px;max-width:460px;margin:0}.feature-facts{display:flex;flex-wrap:wrap;gap:10px 18px;color:#5c7165;font-size:12px;margin:28px 0 32px}.feature-facts span+span:before{content:'·';margin-right:18px;color:#83968a}.cta{display:inline-flex;justify-content:space-between;align-items:center;gap:35px;min-width:220px;min-height:52px;padding:13px 19px;background:var(--forest);color:white;text-decoration:none;font-size:14px;font-weight:600}.cta:hover{background:#0f2c23}.cta span{font-size:20px;font-weight:400}.feature-copy small{color:#6c7a70;line-height:1.8;margin-top:19px;font-size:11px}
.region-section{padding-top:25px}.region-intro{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:31px}.region-intro h2{margin:0}.region-intro p{max-width:460px;color:#5c6962;font-size:14px;line-height:1.8;margin:0 0 4px}.region-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.region-card{position:relative;display:block;min-height:420px;overflow:hidden;color:white;text-decoration:none;background:#30443a}.region-card img{position:absolute;inset:0;height:100%;object-fit:cover;transition:transform .35s ease}.region-card:hover img{transform:scale(1.035)}.region-card:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 35%,rgba(8,24,16,.78) 100%)}.region-overlay{position:absolute;inset:auto 26px 25px;z-index:1;display:flex;flex-direction:column;align-items:flex-start}.region-overlay small{font-size:11px;letter-spacing:.08em}.region-overlay strong{font-weight:600;font-size:28px;letter-spacing:-.04em;margin:8px 0 20px}.region-overlay>span{font-size:12px;border-top:1px solid rgba(255,255,255,.65);padding-top:14px;width:100%;display:flex;justify-content:space-between;align-items:center}.region-overlay b{font-weight:400;font-size:18px}
.region-group-title{display:flex;align-items:baseline;gap:18px;margin:42px 0 19px;font-size:18px;font-weight:600;color:var(--forest);letter-spacing:.02em}.region-group-title small{font-size:12px;font-weight:400;color:var(--muted);letter-spacing:.04em}.region-intro+.region-group-title{margin-top:32px}.other-region-title{margin-top:55px}.jian-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.jian-grid .region-card{min-height:340px}.jian-grid .region-overlay{inset:auto 17px 19px}.jian-grid .region-overlay strong{font-size:24px;margin-bottom:16px}.jian-grid .region-overlay small{font-size:10px}.jian-grid .region-overlay>span{font-size:11px;padding-top:11px}
.about{padding-top:15px;padding-bottom:118px}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px}.about h2{margin:0}.about-grid>div{max-width:550px;font-size:15px;line-height:2;color:#485b4f}.about-grid p:first-child{margin-top:4px}.site-footer{border-top:1px solid var(--line);max-width:1360px;margin:0 auto;padding:28px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px 30px;color:#738077;font-size:11px;line-height:1.8}.site-footer a{color:inherit;text-decoration:underline;text-underline-offset:3px}
.village-main{max-width:1260px;margin:0 auto;padding:50px 28px 95px}.back-link{font-size:13px;text-decoration:none;color:var(--forest)}.village-head{padding:60px 0 35px;max-width:760px}.village-head h1{font-size:clamp(42px,5vw,70px);line-height:1.2;letter-spacing:-.06em;margin:0 0 20px}.village-head p:last-child{font-size:16px;line-height:1.95;color:#45584b}.village-figure{margin:0}.village-figure img{height:min(65vw,650px);min-height:330px;object-fit:cover}.village-figure figcaption{padding:13px 0;color:#69786e;font-size:11px}.village-text{max-width:670px;padding:64px 0 0}.village-text h2{font-size:27px;font-weight:600;margin:0 0 18px}.village-text p{font-size:16px;line-height:2;color:#45584b;margin:0 0 29px}
.source-link{display:inline-block;margin:0 25px 22px 0;color:#557162;font-size:13px;text-decoration:underline;text-underline-offset:4px}
@media(max-width:900px){.jian-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.jian-grid .region-card{min-height:350px}.site-header{padding:0 24px}.site-header nav{gap:18px}.hero{min-height:670px}.hero-image{background-position:center 60%}.hero-wash{background:linear-gradient(90deg,rgba(255,255,255,.98),rgba(255,255,255,.65) 65%,rgba(255,255,255,.05))}.section{padding:75px 24px}.feature-grid{grid-template-columns:1fr}.feature-photo{min-height:440px}.feature-copy{padding:48px}.region-section{padding-top:5px}.region-grid{gap:12px}.region-card{min-height:350px}.region-overlay{inset:auto 18px 20px}.region-overlay strong{font-size:23px}.about-grid{gap:32px}.village-main{padding:42px 24px 80px}}
@media(max-width:620px){.jian-grid{grid-template-columns:1fr}.jian-grid .region-card{min-height:330px}.region-group-title{margin:35px 0 17px}.other-region-title{margin-top:46px}.site-header{height:auto;min-height:64px;padding:12px 16px;align-items:start}.brand{font-size:13px;gap:8px}.brand-logo{width:36px;height:36px}.brand small{font-size:8px}.site-header nav{align-self:center;gap:9px}.site-header nav a{font-size:10px;white-space:nowrap}.site-header nav a:last-child{display:none}.hero{min-height:790px}.hero-image{background-position:center 64%}.hero-wash{background:linear-gradient(180deg,rgba(255,255,255,.99) 0%,rgba(255,255,255,.97) 55%,rgba(255,255,255,.3) 76%,rgba(255,255,255,.02) 100%)}.hero-inner{padding:68px 20px 255px}.hero h1{font-size:30px;line-height:1.38}.hero-lead{font-size:13px;line-height:1.85}.hero-credit{right:15px;bottom:12px;font-size:9px}.section{padding:62px 18px}.section-heading{margin-bottom:27px}.section-heading p{display:none}.feature-photo{min-height:320px}.feature-copy{padding:32px 23px 38px}.feature-copy h2,.region-intro h2,.about h2{font-size:33px}.region-section{padding-top:0}.region-intro{display:block}.region-intro p{margin-top:14px}.region-grid{grid-template-columns:1fr;gap:15px}.region-card{min-height:330px}.about-grid{grid-template-columns:1fr;gap:15px}.about{padding-top:12px;padding-bottom:70px}.site-footer{padding:20px 18px}.village-main{padding:30px 18px 70px}.village-head{padding:55px 0 25px}.village-figure img{height:330px;min-height:0}.village-text{padding-top:50px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.region-card img{transition:none}}

/* 首页的编辑式排版与调研影像 */
@font-face{font-family:"Noto Serif SC Site";src:url('/static/fonts/noto-serif-sc-site.woff2?v=ui-20261012-temple-v1') format('woff2');font-style:normal;font-weight:200 900;font-display:swap}
:root{--editorial-serif:"Noto Serif SC Site","Songti SC","STSong","SimSun",serif;--muted:#405449;font-family:var(--editorial-serif)}
button{font-family:inherit}
.hero h1,.feature-copy h2,.region-intro h2,.about h2,.region-group-title{font-family:var(--editorial-serif);font-weight:700;letter-spacing:-.035em}
.kicker,.label,.section-index,.text-link,.cta{font-family:var(--editorial-serif);font-weight:700}
.kicker,.label{font-size:16px;letter-spacing:.045em;line-height:1.5;color:#193d32}
.section-index{font-size:17px;letter-spacing:.055em;color:#193d32}
.section-heading{font-size:14px;color:#405449}
.text-link{font-size:17px;border-bottom-width:2px;color:#193d32}
.feature-copy small{font-size:13px;color:#405449}
.feature-facts{font-size:13px;color:#405449}
.site-footer{font-size:13px;color:#405449}
.header-actions{display:flex;align-items:center;gap:33px}
.audio-toggle{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:40px;padding:8px 12px;border:1px solid #a9baae;border-radius:0;background:#fff;color:#193d32;font-family:var(--editorial-serif);font-size:14px;font-weight:700;white-space:nowrap;cursor:pointer}
.audio-toggle:hover,.audio-toggle.is-playing{background:#e8f0ea;border-color:#527661}
.audio-toggle:focus-visible{outline:3px solid #1f7657;outline-offset:3px}
.audio-toggle svg{width:20px;height:20px;flex:none;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.audio-toggle svg path:first-child{fill:currentColor;stroke:none}
.about{max-width:none;margin:0;padding:100px max(28px,calc((100vw - 1304px)/2)) 96px;background:#eaf0eb}
.about .section-heading{border-top-color:#b5c5b9}
.about-grid>div{color:#314739;font-size:16px}
.fieldwork-gallery{margin:62px 0 0}
.fieldwork-gallery-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:14px;color:#193d32;font-size:16px;font-weight:700}
.fieldwork-controls{display:flex;align-items:center;gap:8px}.fieldwork-count{min-width:88px;margin-right:7px;color:#405449;font-size:13px;font-variant-numeric:tabular-nums}
.fieldwork-controls button{width:43px;height:43px;border:1px solid #9fb2a4;background:#fff;color:#193d32;font:700 22px/1 var(--editorial-serif);cursor:pointer}
.fieldwork-controls button:hover:not(:disabled){background:#193d32;color:#fff}.fieldwork-controls button:disabled{opacity:.38;cursor:default}.fieldwork-controls button:focus-visible,.fieldwork-viewport:focus-visible{outline:3px solid #1f7657;outline-offset:3px}
.fieldwork-viewport{overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:#8fa99a transparent;overscroll-behavior-inline:contain}
.fieldwork-track{display:grid;grid-auto-flow:column;grid-template-rows:repeat(2,clamp(155px,18vw,235px));grid-auto-columns:clamp(210px,24vw,330px);gap:8px;width:max-content;padding-bottom:7px}
.fieldwork-track img{display:block;width:100%;height:100%;object-fit:cover;filter:saturate(.88);scroll-snap-align:start;background:#d6dfd8}
.fieldwork-gallery figcaption{display:flex;justify-content:space-between;gap:15px;padding-top:15px;border-top:1px solid #bdcbbf;margin-top:11px;color:#405449;font-size:13px;line-height:1.6}
@media(max-width:900px){.header-actions{gap:13px}.site-header nav{gap:14px}.about{padding:76px 24px}.fieldwork-track{grid-template-rows:repeat(2,190px);grid-auto-columns:270px}}
@media(max-width:620px){.site-header{gap:8px}.header-actions{gap:9px}.audio-toggle{width:37px;min-width:37px;min-height:37px;padding:7px}.audio-toggle-label{display:none}.site-header nav a[href="#about"]{display:none}.kicker,.label{font-size:14px}.section-index{font-size:15px}.section-heading{margin-bottom:29px}.text-link{font-size:16px}.about{padding:65px 18px 70px}.about-grid>div{font-size:15px}.fieldwork-gallery{margin-top:40px}.fieldwork-gallery-head{font-size:14px}.fieldwork-controls button{width:35px;height:35px;font-size:20px}.fieldwork-count{display:none}.fieldwork-track{grid-template-rows:220px;grid-auto-columns:min(78vw,350px);gap:8px}.fieldwork-viewport{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.fieldwork-gallery figcaption{display:block;font-size:12px}.fieldwork-gallery figcaption span{display:block}}
.village-article-section{padding:0 0 22px;margin:0 0 39px;border-bottom:1px solid #d7dfd8}
.village-article-section h2{font-size:clamp(24px,2.4vw,31px);line-height:1.4}
.village-article-section p{max-width:40em}
.village-sources{margin:7px 0 38px;padding:25px 27px;background:#f1f5f1;border-left:3px solid #315f4d}
.village-sources h2{font-size:19px;margin:0 0 7px}
.village-sources p{font-size:13px;line-height:1.7;margin:0 0 13px}
.village-sources ul{padding:0;margin:0;list-style:none}
.village-sources li+li{margin-top:10px}
.village-sources a{color:#193d32;text-decoration:underline;text-decoration-color:#91aa98;text-underline-offset:4px;font-size:14px;line-height:1.7}
@media(max-width:620px){.village-article-section{margin-bottom:30px}.village-sources{padding:21px 18px}.village-sources a{font-size:13px}}

.temple-feature{margin-top:64px;padding-top:64px;border-top:1px solid #cbd4cb}.temple-photo{background-image:url("/static/site/donglin-temple.jpg");background-position:center}.temple-feature h2{font-size:clamp(28px,3vw,46px)}