/* 千禧街头：瓷砖、搪瓷路牌、店铺门头与体素街景 */
:root{--paper:#e8ebe1;--white:#faf4df;--ink:#234c50;--teal:#28656b;--red:#bd4230;--line:#aebdb6;--serif:"Microsoft YaHei","PingFang SC",sans-serif}
body{background-color:var(--paper);background-image:linear-gradient(90deg,#668c8c14 1px,transparent 1px),linear-gradient(#668c8c14 1px,transparent 1px);background-size:28px 22px}
header{max-width:none;background-color:#e9eee8;background-image:linear-gradient(#8da8a52b 1px,transparent 1px),linear-gradient(90deg,#8da8a52b 1px,transparent 1px);background-size:26px 20px;border-top:5px solid #2e717b;border-bottom:7px solid #367580;box-shadow:0 4px 0 #c0d0c8;padding-block:24px}
.wordmark b{font-weight:900;text-shadow:2px 2px #fff8e7;letter-spacing:.1em}.brand-seal{width:42px;height:49px;font-weight:900;box-shadow:4px 4px #889c90}
header nav a{font-weight:bold}header nav a[aria-current=page]{color:var(--red)}
.draft-strip{background:#285961;color:#e2eadd;letter-spacing:.04em}
.hero{padding-top:64px;position:relative}.hero h1{font-weight:900;letter-spacing:-.045em;font-size:clamp(37px,4.25vw,61px);text-shadow:3px 3px #faf7e7}.hero p{color:#506967}
.hero .eyebrow{background:#2c6970;color:#fff9e3;border:3px double #dae7d6;padding:7px 13px;display:inline-flex;box-shadow:4px 4px #93aaa1;letter-spacing:.08em}.hero .eyebrow::before{background:#fff1cd;width:8px;height:8px}
.hero-footnote{color:#596d68;border-left:4px solid #bd4230;padding:6px 12px;background:#f7f2de;display:inline-block}
.hero-image{padding:17px 12px 10px;border:5px solid #e2e7dc;background:#31727c;box-shadow:8px 9px 0 #8baba4,10px 11px 0 #486d6c;transform:rotate(1deg)}
.hero-image::before{content:"街 景 放 映 室";width:auto;height:auto;top:-27px;left:20px;padding:5px 18px;background:#bc4434;color:#fff0ce;border:3px solid #f4e8c9;font-size:12px;font-weight:800;box-shadow:3px 3px #667e72}
.image-label{color:#e7eedc}.city-frame{border:2px solid #153f48}.scene-toggle{bottom:48px}.scene-toggle button{min-height:35px}
.street-frieze{margin:0 auto -1px;max-width:1210px;padding:0 2%;pointer-events:none}.street-frieze img{width:100%;height:auto;max-height:220px;object-fit:contain;object-position:bottom}
.index-line{background:#faf3df;border:2px solid #628c88;border-top:8px solid #337780;padding:20px;box-shadow:5px 5px #bcc8bc;gap:16px}.index-line .num{background:#b94734;color:#fff3d4;padding:3px 7px;font:700 13px monospace}.index-line b{font-weight:800;font-family:var(--sans)}
.section-head .eyebrow{font-weight:bold;color:#ae4031}.section-head h2{font-weight:850;letter-spacing:-.035em}.section-head h2::before{content:"";display:inline-block;width:12px;height:22px;background:#2d7279;box-shadow:5px 5px #a2bcb1;margin-right:15px}
.series-card,.experience{border:2px solid #7b9991;background:#f6f0da;box-shadow:6px 6px #bdcbbd;position:relative}.series-card::before{content:"推荐陈列 / 01";position:absolute;right:20px;top:-14px;background:#bb4533;color:#fff4da;padding:3px 13px;font-size:11px;transform:rotate(-2deg)}
.wash{background-color:#c8dcd7;background-image:linear-gradient(90deg,#5d92952b 1px,transparent 1px),linear-gradient(#5d92952b 1px,transparent 1px);background-size:24px 20px;border-block:7px solid #44828b}
.topic-card{border:3px solid #eef0df;box-shadow:5px 6px #8eaaa0;position:relative}.topic-card::before{content:"";position:absolute;inset:0 0 auto;height:10px;background:repeating-linear-gradient(110deg,#b54232 0 14px,#f8efd3 14px 28px);z-index:1}.topic-body{background:#faf3df}.topic-visual{height:195px;padding-top:30px}.topic-visual svg{width:210px;height:145px;filter:drop-shadow(7px 8px 0 #2b686b24)}.topic-no{top:19px;font-weight:bold}.topic-bottom{border-top:2px dotted #a8b4a2}.topic-card:hover{transform:translateY(-6px);box-shadow:7px 12px #8eaaa0}
.resource-card{border:2px solid #789892;background:#f6f1de;box-shadow:4px 4px #becabe;border-top:8px solid #337782}.resource-card-head img{border:2px solid #9ab7ac;padding:3px;box-shadow:3px 3px #c8d2bf}.resource-meta{border-top:2px dotted #a4b4a8}
.btn{box-shadow:3px 3px #91a89b;border:2px solid #23535b;font-weight:700}.btn.secondary{background:#f7f0d9}.label{border-radius:0;background:#e5ebd9;border:1px solid #91a68d}.gallery-cover{border:8px solid #f7f0dd;box-shadow:4px 5px #98afa3}.gallery-caption{background:#f7f0dd;padding:13px 15px;font-weight:700}
.support-banner{background:#2e6970;border:5px solid #e5e9d6;box-shadow:6px 6px #9eb3a6}.support-banner h2{font-weight:900}.page-head{border-bottom:3px double #8aa49c;margin-bottom:25px}.page-head .eyebrow{color:#b64131;font-weight:bold}.sidebar-card{border-top:8px solid #2f7580;box-shadow:5px 5px #b3c5b8}.mini-nav{background:#f7f0d9;padding-inline:20px;border:2px solid #749990}
footer{background-color:#285f67!important;color:#eff0d9;border-top:10px solid #b74735!important;position:relative}footer .wordmark small,footer .footer-bottom{color:#c1d9ce}footer::before{content:"千 禧 街 · 营 造 所";display:block;width:max-content;margin:-34px auto 30px;background:#faf1d7;border:4px double #3f7276;padding:6px 25px;color:#28636b;font-weight:900;box-shadow:4px 4px #174b53}.design-notes{box-shadow:3px 3px #93aaa1}
@media(max-width:700px){header{padding-block:17px}.hero{padding-top:40px}.hero-image{margin-top:14px;transform:none;box-shadow:5px 6px #8baba4}.street-frieze{padding:0;margin-top:12px;overflow:hidden}.street-frieze img{width:150%;max-width:none;margin-left:-25%;max-height:none}.index-line{padding:16px;gap:18px}.index-line>div{padding-left:0;border:0}.section-head h2::before{width:8px;height:18px;margin-right:10px}.section-head h2{font-size:27px}.hero h1{letter-spacing:-.04em}header nav.open{background:#e8eee3}.series-card{padding-top:30px}.topic-visual{height:190px}}