/* 旧城区退色釉面砖作为局部建筑材质，而非铺满整页的壁纸 */
body{background-color:#eff4f5;background-image:radial-gradient(ellipse at 85% 10%,#dceaff55,transparent 42%),linear-gradient(180deg,#f5f6f0,#edf3f3 72%,#e7eff1);background-attachment:fixed}
header{background-color:#f1f5f2;background-image:linear-gradient(180deg,#ffffffd9,#edf2eff0);box-shadow:0 2px #fff,0 5px #cbd9df}
.hero-image{background-color:#c3d6d6;background-image:url("assets/white-mosaic.svg"),linear-gradient(135deg,#c4e3f1aa,#fff0 60%,#aeb7d866);background-size:108px 72px,100% 100%;border:4px solid #d9e3de;box-shadow:0 0 0 1px #8eaeba,6px 8px 0 #b7c9d055}
.hero-image::before{content:none!important}
.hero-image .image-label{color:#526f80}
.section.wash{position:relative;background-color:#e8eeeb;background-image:linear-gradient(90deg,#f1f3ed,#e6eeee 26%,#e8edf0 72%,#f2f1e9);border-block:1px solid #aebfbe;box-shadow:inset 0 5px #ffffff8a,inset 0 -5px #ffffff8a}
.section.wash::before{content:"";position:absolute;inset:0 auto 0 0;width:clamp(100px,15vw,220px);background:url("assets/white-mosaic.svg") left top/108px 72px;opacity:.42;mask-image:linear-gradient(90deg,#000 35%,transparent 100%);pointer-events:none}
.section.wash>.wrap{position:relative}
.series-card,.experience,.resource-card,.sidebar-card{background-color:#f6f7f1;background-image:linear-gradient(140deg,#ffffffb0,#f0f3ee 65%,#e8eff0);border-color:#b5c6c5}
.series-card{border-left:8px solid #8aabb2}
.topic-card{border-color:#d3ddda;box-shadow:4px 5px #9cb4b550}
.topic-card::before{background:repeating-linear-gradient(110deg,#809ba0 0 13px,#eaece5 13px 26px);opacity:.86}
.topic-visual{background-image:url("assets/white-mosaic.svg"),linear-gradient(130deg,#d6e8e9aa,transparent 62%,#c9d4e355)!important;background-size:108px 72px,100% 100%!important}
.gallery-cover{border-color:#f3f4ec;box-shadow:3px 4px #aebfbd80}
.index-line{background:linear-gradient(115deg,#fbfbf5,#edf2ef);border-color:#afc2c3;box-shadow:4px 5px #adbdbe55}
.series-art,.series-hero .poster{background:linear-gradient(140deg,#e6edeb,#b9d1d6,#eeeade);box-shadow:5px 5px #9db4b755}
@media(max-width:700px){.section.wash::before{width:84px;opacity:.24}.hero-image{background-size:72px 48px,100% 100%}}

body{background-size:100% 100%,100% 100%;background-repeat:no-repeat;background-attachment:fixed}

/* Full-page city scene: a soft architectural underlay that follows the day/night control. */
body{position:relative;isolation:isolate;background-color:#edf3f3!important;background-image:none!important}
.site-backdrop{position:fixed;z-index:-1;inset:0;overflow:hidden;pointer-events:none;background:linear-gradient(180deg,#eaf3f5 0%,#edf3f2 55%,#f2efe5 100%)}
.site-backdrop::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#eaf2f399 0%,#f0f4f180 24%,#f3f3eb99 66%,#e9f1f399 100%),linear-gradient(180deg,#eaf2f550 0%,transparent 42%,#f0eee780 100%)}
.site-backdrop img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 43%;filter:saturate(.84) contrast(.96) brightness(1.04);opacity:.5;transition:opacity 3.8s ease-in-out}
.site-backdrop .site-backdrop-night{opacity:0;filter:saturate(.82) contrast(.98) brightness(1.02)}
.site-backdrop.is-night .site-backdrop-day{opacity:.1}
.site-backdrop.is-night .site-backdrop-night{opacity:.48}
@media(max-width:760px){.site-backdrop img{object-position:51% 42%;opacity:.38}.site-backdrop.is-night .site-backdrop-night{opacity:.36}.site-backdrop::after{background:linear-gradient(90deg,#eff4f18f,#f2f3ed88 50%,#eaf2f290),linear-gradient(180deg,#eaf2f550 0%,transparent 42%,#f0eee780 100%)}}
@media(prefers-reduced-motion:reduce){.site-backdrop img{transition:none}}