/* 白色长条釉面砖与千禧年蓝玻璃 */
:root{--paper:#eef1ee;--white:#fafbf5;--line:#b5c7c9}
body{background-color:#edf0ed;background-image:linear-gradient(180deg,#ffffff80,transparent 7px),linear-gradient(90deg,#a8b6b52b 1px,transparent 1px),linear-gradient(#a8b6b52b 1px,transparent 1px);background-size:100% 24px,72px 24px,72px 24px}
header{background-color:#f5f7f2;background-image:linear-gradient(180deg,#fff 0,#fff9 2px,transparent 4px,transparent 22px,#b4c1bf 23px,#ffffff 24px),linear-gradient(90deg,#b8c5c3 1px,transparent 1px);background-size:84px 24px;border-top:7px solid #407e9b;border-bottom:9px solid #3c7896;box-shadow:0 3px #b9d5df,0 6px #719aaa}
.hero-image{background-color:#3f8bab;background-image:linear-gradient(118deg,transparent 0 25%,#d4f3ff50 25% 28%,transparent 28% 72%,#e3f9ff66 72% 76%,transparent 76%),linear-gradient(180deg,#85c0d0,#286688);border:5px solid #dce4df;box-shadow:6px 7px 0 #8aa8b5,9px 10px 0 #667f8a}
.city-frame{border:3px solid #adc9cf;outline:1px solid #235573}.hero-image .image-label{color:#f4fcff}.hero-image::before{border-color:#f7f7e9}.scene-toggle{border:2px solid #b9d9de;box-shadow:2px 2px #285b74}
.wash{background-color:#f3f5ee;background-image:linear-gradient(180deg,#fff 1px,transparent 4px,transparent 25px,#b8c6c3 26px,#fff 27px),linear-gradient(90deg,#bac7c4 1px,transparent 1px);background-size:96px 27px;border-block:8px solid #4288a5;box-shadow:inset 0 3px #b5dbe3,inset 0 -3px #b5dbe3}
.topic-visual{background-color:#72a9c0;background-image:linear-gradient(120deg,transparent 25%,#e1f9ff55 25% 29%,transparent 29% 68%,#e1f9ff33 68% 74%,transparent 74%),linear-gradient(90deg,#e2f0edbb 2px,transparent 2px),linear-gradient(#e2f0edaa 2px,transparent 2px),linear-gradient(180deg,#a2cfda,#5290ac);background-size:100% 100%,66px 100%,100% 64px,100% 100%;border-bottom:5px solid #cbdcdb;box-shadow:inset 0 0 0 1px #3a7795}
.topic-visual.snack,.topic-visual.city{background-color:#72a9c0}.topic-no,.topic-visual>span:last-child{color:#214956;background:#eff8f0d9;padding:2px 5px}.topic-visual svg{filter:drop-shadow(5px 7px 0 #244f6940)}
.topic-body,.resource-card,.series-card,.experience{background-color:#fafaf1}.resource-card{border-top-color:#4c91ad}.resource-card-head img{background:#cce3e9;border-color:#8fb6c3}.index-line{border-top-color:#3d83a2;background:#f6f8ef}.series-art{background:#95becd;box-shadow:6px 6px #cbdad7}.gallery-cover{border-color:#f5f7ed}.mini-nav{background:#f6f8f0}.support-banner{background:linear-gradient(115deg,#33647e,#48879f);border-color:#eef3e6}
.tiles .tile{background-color:#f5f7f1;background-image:linear-gradient(#a5b8b833 1px,transparent 1px),linear-gradient(90deg,#a5b8b833 1px,transparent 1px);background-size:48px 16px;border:2px solid #c0ceca;box-shadow:4px 4px #a9bdb9}.tiles .tile:nth-child(2){background-color:#8fc4d7;background-image:linear-gradient(125deg,transparent 35%,#e6fbff99 35% 42%,transparent 42%),linear-gradient(90deg,#e6f3ee 2px,transparent 2px);background-size:100% 100%,36px 100%;color:#214a61;border-color:#719caf}

/* 作品封面沿用现有产品图，用统一题签建立系列层级 */
.resource-cover{position:relative;flex:0 0 78px;width:78px;height:78px;padding:4px;background:#d8e6e5;border:1px solid #8fb6c3;box-shadow:3px 3px 0 #b7c8c8;overflow:hidden}
.resource-cover img{width:100%;height:100%;object-fit:cover;background:#cce3e9;border:0;image-rendering:auto}
.resource-cover span{position:absolute;left:4px;right:4px;bottom:4px;padding:2px 3px;background:#f7faf0eF;color:#315d59;text-align:center;font-size:8px;line-height:1.4;letter-spacing:.08em;white-space:nowrap}
.resource-card-head .resource-series{display:block;margin-bottom:2px;color:#397792;font:700 9px/1.4 var(--sans);letter-spacing:.12em}
.resource-card-head .muted{display:block}
.resource-card-head h3{font-size:21px;line-height:1.4;margin-top:3px}
.rail-card .resource-card-head h3{font-size:17px;line-height:1.45}
.series-art{position:relative;overflow:hidden}
.series-art-label{position:absolute;left:10px;right:10px;bottom:10px;padding:6px 5px;background:#f7faf0eb;border:1px solid #b3c8c6;color:#315d59;text-align:center;font-size:10px;letter-spacing:.08em}
.resource-detail-head .resource-series{display:block;margin-bottom:8px;color:#397792;font-size:10px;letter-spacing:.14em}
.resource-detail-cover{position:relative;flex:0 0 108px;width:108px;height:108px;padding:5px;background:#d8e6e5;border:1px solid #8fb6c3;box-shadow:4px 4px 0 #b7c8c8;overflow:hidden}
.resource-detail-cover img{width:100%;height:100%;object-fit:cover;background:#cce3e9;padding:0;border:0;image-rendering:auto}
.resource-detail-cover span{position:absolute;left:5px;right:5px;bottom:5px;padding:3px;background:#f7faf0ef;color:#315d59;text-align:center;font-size:9px;line-height:1.4;letter-spacing:.08em;white-space:nowrap}
@media(max-width:760px){.resource-detail-cover{flex-basis:80px;width:80px;height:80px}.resource-detail-cover span{font-size:8px}}

/* 深色页脚：移除浅色立体投影，保证字形清晰 */
footer .wordmark b{color:#f4fbff;text-shadow:none;line-height:1.5;letter-spacing:.08em}footer .wordmark small{text-shadow:none;line-height:1.8}