@charset "UTF-8";
.city-site{--city:#b33b24;--city-dark:#672018;--city-soft:#fff4ea;--city-accent:#d69b45;--city-ink:#2b211f;overflow:hidden;color:var(--city-ink);background:#fbfaf7}.city-shell{width:min(calc(100% - 40px),1120px);margin:0 auto}.city-hero,.district-hero{position:relative;overflow:hidden;color:#fff;background:linear-gradient(128deg,var(--city-dark),var(--city) 70%,var(--city-accent));}.city-hero{padding:78px 0 72px}.city-hero__pattern{position:absolute;inset:0;opacity:.18;background:radial-gradient(circle at 82% 28%,transparent 0 88px,rgba(255,255,255,.55) 90px 92px,transparent 94px),repeating-linear-gradient(115deg,transparent 0 34px,rgba(255,255,255,.16) 35px 36px)}.city-hero__layout{position:relative;display:grid;grid-template-columns:1.12fr .88fr;gap:62px;align-items:center}.city-eyebrow{display:inline-flex;padding:7px 13px;border:1px solid rgba(255,255,255,.35);border-radius:999px;background:rgba(255,255,255,.12);font-size:13px;font-weight:750;letter-spacing:.04em}.city-hero h1,.district-hero h1{margin:20px 0 16px;font-size:clamp(40px,5vw,64px);line-height:1.08;letter-spacing:-.045em}.city-hero h1 span,.district-hero h1 span{display:block;color:#ffe3a8}.city-hero__copy>p,.district-hero__layout>div>p{max-width:650px;margin:0;color:rgba(255,255,255,.84);font-size:16px;line-height:1.9}.city-actions{display:flex;align-items:center;gap:20px;margin-top:28px}.city-btn{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 25px;border-radius:999px;color:var(--city-dark)!important;background:#fff;font-weight:800;text-decoration:none;box-shadow:0 15px 34px rgba(31,20,17,.2);transition:.2s}.city-btn:hover{transform:translateY(-2px)}.city-text-link{color:#fff;font-weight:700;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.45)}.city-hero small,.district-hero small{display:block;margin-top:14px;color:rgba(255,255,255,.68)}.city-hero__visual{position:relative;display:flex;min-height:340px;align-items:center;justify-content:center}.city-mark{display:flex;width:220px;height:220px;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.38);border-radius:50% 50% 44% 56%;background:rgba(255,255,255,.12);box-shadow:0 25px 65px rgba(27,11,8,.2);font-family:STKaiti,KaiTi,serif;font-size:120px}.city-landmark-list{position:absolute;right:0;bottom:15px;display:grid;gap:8px}.city-landmark-list span{padding:8px 14px;border:1px solid rgba(255,255,255,.25);border-radius:999px;background:rgba(40,16,12,.22);font-size:12px;backdrop-filter:blur(8px)}.city-main{padding:72px 0 86px}.city-section{margin-bottom:78px}.city-section__head{display:flex;align-items:end;justify-content:space-between;gap:28px;margin-bottom:28px}.city-section__head>div{display:flex;align-items:center;gap:14px}.city-section__index{color:var(--city);font-size:12px;font-weight:900;letter-spacing:.12em}.city-section h2{margin:0;font-size:clamp(26px,3vw,38px);line-height:1.25}.city-section__head>p{max-width:460px;margin:0;color:#746b67;line-height:1.65}.specialty-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.specialty-card{min-height:170px;padding:22px;border:1px solid #ece3dd;border-radius:22px;background:#fff;box-shadow:0 12px 32px rgba(76,47,36,.06)}.specialty-card>span{color:var(--city-accent);font-size:12px;font-weight:900}.specialty-card h3{margin:25px 0 8px;font-size:19px}.specialty-card p{margin:0;color:#7a706c;font-size:13px;line-height:1.65}.city-section--culture{display:grid;grid-template-columns:1.2fr .8fr;gap:18px}.culture-panel,.landmark-panel{padding:34px;border-radius:28px}.culture-panel{background:var(--city-soft)}.culture-panel .city-section__head{margin-bottom:22px}.culture-tags{display:flex;flex-wrap:wrap;gap:9px}.culture-tags span{padding:8px 13px;border-radius:999px;color:var(--city-dark);background:#fff;font-size:13px;font-weight:700}.culture-panel p{color:#6c625e;line-height:1.8}.culture-panel a{color:var(--city);font-weight:800;text-decoration:none}.landmark-panel{color:#fff;background:var(--city-dark)}.landmark-panel h3{margin:0 0 20px;font-size:21px}.landmark-panel ul{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:0;padding:0;list-style:none}.landmark-panel li{padding:12px;border-bottom:1px solid rgba(255,255,255,.2)}.district-link-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.district-link-grid a{position:relative;display:flex;min-height:105px;flex-direction:column;padding:20px;border:1px solid #e9e1db;border-radius:18px;color:inherit;background:#fff;text-decoration:none;transition:.2s}.district-link-grid a:hover{border-color:var(--city);transform:translateY(-3px)}.district-link-grid strong{font-size:17px}.district-link-grid span{overflow:hidden;margin-top:7px;color:#837873;font-size:12px;white-space:nowrap;text-overflow:ellipsis}.district-link-grid i{margin-top:auto;padding-top:15px;color:var(--city);font-size:12px;font-style:normal;font-weight:800}.city-cta{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:38px 42px;border-radius:30px;color:#fff;background:linear-gradient(125deg,var(--city-dark),var(--city))}.city-cta span{font-size:12px;font-weight:800;letter-spacing:.1em}.city-cta h2{margin:8px 0;font-size:28px}.city-cta p{margin:0;color:rgba(255,255,255,.75)}
/* 城市主题与布局差异：仅依赖现有 city.pinyin。 */
.city--shanghai{--city:#23677b;--city-dark:#123946;--city-soft:#eaf7f7;--city-accent:#dfaa52}.city--shanghai .city-hero__layout{grid-template-columns:.9fr 1.1fr}.city--shanghai .city-hero__visual{order:-1}.city--shanghai .city-mark{border-radius:18px 50% 18px 50%}.city--shanghai .city-section--culture{direction:rtl}.city--shanghai .city-section--culture>*{direction:ltr}.city--tianjin{--city:#24709a;--city-dark:#183b55;--city-soft:#eef7fb;--city-accent:#d1914d}.city--tianjin .city-hero__pattern{background:repeating-linear-gradient(90deg,transparent 0 58px,rgba(255,255,255,.13) 59px 60px),linear-gradient(25deg,transparent 55%,rgba(255,255,255,.14) 56%,transparent 57%)}.city--tianjin .city-mark{border-radius:50% 50% 8px 8px}.city--chongqing{--city:#c54a28;--city-dark:#44211f;--city-soft:#fff0e9;--city-accent:#f0a33d}.city--chongqing .city-hero__layout{grid-template-columns:1fr 1fr}.city--chongqing .city-mark{transform:rotate(-7deg);border-radius:28px 80px 28px 80px}.city--chongqing .specialty-grid{grid-template-columns:2fr repeat(4,1fr)}.city--shenzhen{--city:#078b82;--city-dark:#064d55;--city-soft:#e8f8f4;--city-accent:#57d3ac}.city--shenzhen .city-hero__pattern{background:linear-gradient(90deg,transparent 49%,rgba(255,255,255,.12) 50%,transparent 51%),linear-gradient(0deg,transparent 49%,rgba(255,255,255,.12) 50%,transparent 51%);background-size:70px 70px}.city--shenzhen .city-mark{border-radius:24px;transform:rotate(4deg)}.city--shenzhen .city-section--specialties{display:flex;gap:36px;align-items:start}.city--shenzhen .city-section--specialties .city-section__head{width:28%;display:block}.city--shenzhen .city-section--specialties .specialty-grid{width:72%;grid-template-columns:repeat(2,1fr)}
.district-hero{padding:38px 0 66px}.city-breadcrumb{position:relative;display:flex;gap:9px;margin-bottom:45px;font-size:13px}.city-breadcrumb a{color:#fff;text-decoration:none}.city-breadcrumb span{color:rgba(255,255,255,.65)}.district-hero__layout{position:relative;display:grid;grid-template-columns:1fr 260px;gap:65px;align-items:center}.district-hero h1 span{display:inline;margin-left:12px}.district-hero .city-btn{margin-top:25px}.district-symbol{display:flex;width:220px;height:220px;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.3);border-radius:42% 58% 50% 50%;background:rgba(255,255,255,.12);flex-direction:column}.district-symbol b{font-family:STKaiti,KaiTi,serif;font-size:90px}.district-symbol span{font-size:12px;letter-spacing:.2em}.place-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.place-grid article{padding:27px;border-left:4px solid var(--city);border-radius:4px 20px 20px 4px;background:#fff;box-shadow:0 12px 28px rgba(60,43,35,.06)}.place-grid article>span{color:var(--city);font-size:11px;font-weight:900}.place-grid h3{margin:15px 0 8px}.place-grid p{margin:0;color:#7a706c;font-size:13px;line-height:1.7}.district-tips{display:grid;grid-template-columns:.75fr 1.25fr;gap:35px;padding:36px;border-radius:28px;background:var(--city-soft)}.tip-intro h2{margin:10px 0}.tip-intro p{color:#746a66;line-height:1.75}.tip-list{display:grid;gap:11px}.tip-list article{display:flex;gap:16px;padding:18px;border-radius:16px;background:#fff}.tip-list b{color:var(--city)}.tip-list h3{margin:0 0 5px;font-size:16px}.tip-list p{margin:0;color:#786f6b;font-size:13px}.district-link-grid--compact{grid-template-columns:repeat(5,1fr)}.district-link-grid--compact a{min-height:80px}.district-back{display:flex;justify-content:center;gap:28px;margin-top:28px}.district-back a{color:var(--city);font-weight:700;text-decoration:none}
@media(max-width:920px){.city-hero__layout{grid-template-columns:1fr .7fr;gap:30px}.specialty-grid{grid-template-columns:repeat(3,1fr)}.district-link-grid,.district-link-grid--compact{grid-template-columns:repeat(3,1fr)}.city--shanghai .city-hero__layout,.city--chongqing .city-hero__layout{grid-template-columns:.75fr 1fr}.city--shenzhen .city-section--specialties{display:block}.city--shenzhen .city-section--specialties .city-section__head,.city--shenzhen .city-section--specialties .specialty-grid{width:auto}.district-hero__layout{grid-template-columns:1fr 190px}.district-symbol{width:170px;height:170px}.place-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){html,body{max-width:100%;overflow-x:hidden}.city-site{width:100%;max-width:100%}.city-shell{width:auto;max-width:100%;margin:0;padding-left:14px;padding-right:14px;box-sizing:border-box}.city-hero{padding:48px 0}.city-hero__layout,.city--shanghai .city-hero__layout,.city--chongqing .city-hero__layout{display:flex;flex-direction:column;align-items:stretch}.city--shanghai .city-hero__visual{order:0}.city-hero h1,.district-hero h1{font-size:38px}.city-hero__copy>p,.district-hero__layout>div>p{font-size:14px}.city-actions{align-items:flex-start;flex-direction:column}.city-hero__visual{min-height:230px}.city-mark{width:155px;height:155px;font-size:82px}.city-landmark-list{right:4px}.city-main{padding-top:52px;padding-bottom:64px}.city-section{margin-bottom:55px}.city-section__head{align-items:flex-start;flex-direction:column;margin-bottom:22px}.city-section__head>div{align-items:flex-start}.specialty-grid,.city--chongqing .specialty-grid,.city--shenzhen .city-section--specialties .specialty-grid{grid-template-columns:1fr}.specialty-card{min-height:auto}.city-section--culture{grid-template-columns:1fr}.culture-panel,.landmark-panel{padding:25px}.district-link-grid,.district-link-grid--compact{grid-template-columns:1fr}.district-link-grid a{width:100%;min-width:0;min-height:112px;padding:18px;box-sizing:border-box}.district-link-grid strong{font-size:20px}.district-link-grid span{white-space:normal;overflow-wrap:anywhere}.city-cta{align-items:flex-start;padding:28px 23px;flex-direction:column}.city-cta h2{font-size:24px}.district-hero{padding:25px 0 48px}.city-breadcrumb{margin-bottom:32px}.district-hero__layout{display:block}.district-symbol{display:none}.place-grid{grid-template-columns:1fr}.district-tips{grid-template-columns:1fr;padding:25px 20px}.district-back{align-items:center;flex-direction:column;gap:12px}}
@media(min-width:641px) and (max-width:820px){.district-link-grid,.district-link-grid--compact{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:380px){.city-shell{padding-left:12px;padding-right:12px}.city-hero h1,.district-hero h1{font-size:34px}.city-actions,.city-actions .city-btn{width:100%}.district-link-grid a{min-height:104px;padding:16px}.culture-panel,.landmark-panel{padding:21px}.city-cta{padding:24px 20px}}