.city-page{--page-rgb:14, 116, 144;--page-color:#0e7490;--page-light:#ecfeff;--page-muted:#cffafe}.city-hero{position:relative;padding:3.5rem 0 2.5rem;background:linear-gradient(170deg,#f0fdfa 0%,#f8fafc 40%,#fff 100%);overflow:hidden}.city-hero::before{content:'';position:absolute;top:-10%;right:-4%;width:420px;height:420px;border:2px solid rgba(var(--page-rgb),.06);border-radius:50%;pointer-events:none}.city-hero::after{content:'';position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(var(--page-rgb),.12),transparent)}.city-hero__content{position:relative;z-index:1;max-width:680px}.city-hero__badge{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--page-color);margin-bottom:var(--spacing-lg)}.city-hero__badge i{font-size:.9em}.city-hero__title{font-family:var(--font-display);font-size:clamp(2rem, 5vw, 3rem);font-weight:800;line-height:1.1;color:var(--color-gray-900);margin-bottom:var(--spacing-md);letter-spacing:-.02em}.city-hero__title span{color:var(--page-color)}.city-hero__description{font-size:var(--text-lg);color:var(--color-gray-500);line-height:1.75;margin:0;max-width:560px}.city-hero__facts{display:flex;align-items:center;gap:var(--spacing-xl);margin-top:2rem;position:relative;z-index:1;flex-wrap:wrap}.city-hero-fact{display:flex;flex-direction:column;gap:2px}.city-hero-fact__value{font-family:var(--font-display);font-size:var(--text-xl);font-weight:800;color:var(--color-gray-900);letter-spacing:-.01em}.city-hero-fact__label{font-size:11px;font-weight:500;color:var(--color-gray-400);text-transform:uppercase;letter-spacing:.04em}.city-hero-fact__divider{width:1px;height:32px;background:var(--color-gray-200);flex-shrink:0}.city-nav-bar{position:sticky;top:72px;z-index:90;background:rgb(255 255 255 / .92);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--color-gray-100)}.city-nav-bar .container{display:flex;align-items:center;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;gap:0;padding-top:0;padding-bottom:0}.city-nav-bar .container::-webkit-scrollbar{display:none}.city-nav-bar__link{display:flex;align-items:center;gap:6px;flex-shrink:0;padding:14px var(--spacing-lg);font-size:var(--text-sm);font-weight:500;color:var(--color-gray-500);text-decoration:none;white-space:nowrap;border-bottom:2px solid #fff0;transition:color 0.15s,border-color 0.15s;margin-bottom:-1px}.city-nav-bar__link i{font-size:.875rem}.city-nav-bar__link:hover{color:var(--page-color)}.city-nav-bar__link--active{color:var(--page-color);font-weight:600;border-bottom-color:var(--page-color)}.city-content{max-width:960px;padding-top:var(--spacing-2xl);padding-bottom:var(--spacing-3xl);display:flex;flex-direction:column;gap:var(--spacing-3xl)}.city-section{scroll-margin-top:160px}.city-section__title{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:700;color:var(--color-gray-900);display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:6px}.city-section__title i{color:var(--page-color);font-size:.85em}.city-section__subtitle{font-size:var(--text-sm);color:var(--color-gray-400);margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-lg);border-bottom:2px solid rgba(var(--page-rgb),.08)}.city-geo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-lg)}.city-geo-card{padding:var(--spacing-xl);background:var(--color-white);border-radius:var(--radius-xl);border:1px solid var(--color-gray-100);transition:transform 0.2s,box-shadow 0.2s,border-color 0.2s}.city-geo-card:hover{transform:translateY(-3px);box-shadow:0 8px 24px rgb(0 0 0 / .06);border-color:rgba(var(--page-rgb),.2)}.city-geo-card__icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:linear-gradient(135deg,rgba(var(--page-rgb),.12),rgba(var(--page-rgb),.06));border-radius:var(--radius-lg);font-size:1.2rem;color:var(--page-color);margin-bottom:var(--spacing-lg)}.city-geo-card__title{font-size:var(--text-lg);font-weight:600;color:var(--color-gray-900);margin-bottom:var(--spacing-sm)}.city-geo-card__text{font-size:var(--text-sm);color:var(--color-gray-600);line-height:1.7;margin:0}.city-subpages{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-lg)}.city-subpage-card{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--spacing-md);padding:var(--spacing-xl) var(--spacing-lg);background:var(--color-white);border:1px solid var(--color-gray-100);border-radius:var(--radius-xl);text-decoration:none;transition:transform 0.2s,box-shadow 0.2s,border-color 0.2s}.city-subpage-card:hover{transform:translateY(-3px);box-shadow:0 12px 32px rgb(0 0 0 / .08);border-color:rgba(var(--page-rgb),.2)}.city-subpage-card__icon{flex-shrink:0;width:52px;height:52px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-xl);font-size:1.4rem;color:var(--color-white)}.city-subpage-card__icon--amber{background:linear-gradient(135deg,#f59e0b,#d97706)}.city-subpage-card__icon--teal{background:linear-gradient(135deg,#0891b2,#0e7490)}.city-subpage-card__icon--blue{background:linear-gradient(135deg,#2563eb,#1d4ed8)}.city-subpage-card__icon--green{background:linear-gradient(135deg,#059669,#047857)}.city-subpage-card__title{font-size:var(--text-base);font-weight:600;color:var(--color-gray-900);margin:0}.city-subpage-card__text{font-size:var(--text-sm);color:var(--color-gray-500);line-height:1.6;margin:0}.city-subpage-card__link{display:inline-flex;align-items:center;gap:var(--spacing-xs);font-size:var(--text-sm);font-weight:600;color:var(--page-color);margin-top:auto;padding-top:var(--spacing-sm);transition:gap 0.15s}.city-subpage-card:hover .city-subpage-card__link{gap:var(--spacing-sm)}.city-naming__card{display:flex;gap:var(--spacing-xl);padding:var(--spacing-xl);background:linear-gradient(135deg,rgba(var(--page-rgb),.03) 0%,var(--color-white) 100%);border-radius:var(--radius-xl);border-left:4px solid var(--page-color);border:1px solid var(--color-gray-100);border-left:4px solid var(--page-color)}.city-naming__portrait{flex-shrink:0;width:80px;height:80px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,rgba(var(--page-rgb),.12),rgba(var(--page-rgb),.04));border-radius:var(--radius-full);font-size:2rem;color:var(--page-color)}.city-naming__info{flex:1;min-width:0}.city-naming__name{font-size:var(--text-xl);font-weight:700;font-family:var(--font-display);color:var(--color-gray-900);margin-bottom:var(--spacing-xs)}.city-naming__years{display:inline-block;padding:2px var(--spacing-md);background:rgba(var(--page-rgb),.08);border-radius:var(--radius-md);font-size:var(--text-xs);font-weight:600;color:var(--page-color);margin-bottom:var(--spacing-md)}.city-naming__text{font-size:var(--text-sm);color:var(--color-gray-600);line-height:1.7;margin:0 0 var(--spacing-sm)}.city-naming__text:last-child{margin-bottom:0}.city-timeline{position:relative;padding-left:48px}.city-timeline::before{content:'';position:absolute;left:15px;top:8px;bottom:8px;width:2px;background:linear-gradient(to bottom,rgba(var(--page-rgb),.25),rgba(var(--page-rgb),.06));border-radius:1px}.timeline-item{position:relative;padding-bottom:var(--spacing-2xl)}.timeline-item:last-child{padding-bottom:0}.timeline-item__marker{position:absolute;left:-48px;top:4px}.timeline-item__year{display:inline-block;width:32px;height:32px;line-height:32px;text-align:center;background:var(--page-color);color:var(--color-white);border-radius:var(--radius-full);font-size:0}.timeline-item__year::before{content:'';display:inline-block;width:10px;height:10px;background:var(--color-white);border-radius:var(--radius-full)}.timeline-item__content{padding:var(--spacing-lg);background:var(--color-white);border-radius:var(--radius-xl);border:1px solid var(--color-gray-100);transition:transform 0.2s,box-shadow 0.2s,border-color 0.2s}.timeline-item__content:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgb(0 0 0 / .06);border-color:rgba(var(--page-rgb),.15)}.timeline-item__title{font-size:var(--text-lg);font-weight:600;color:var(--color-gray-900);margin-bottom:var(--spacing-sm)}.timeline-item__title::before{content:attr(data-year);display:inline-block;padding:2px var(--spacing-sm);background:rgba(var(--page-rgb),.08);border-radius:var(--radius-md);font-size:var(--text-xs);font-weight:600;color:var(--page-color);margin-right:var(--spacing-sm);vertical-align:middle}.timeline-item__text{font-size:var(--text-sm);color:var(--color-gray-600);line-height:1.7;margin:0 0 var(--spacing-sm)}.timeline-item__text:last-child{margin-bottom:0}.economy-overview{display:flex;flex-direction:column;gap:var(--spacing-xl)}.economy-overview__text p{font-size:var(--text-sm);color:var(--color-gray-600);line-height:1.7;margin:0 0 var(--spacing-md)}.economy-overview__text p:last-child{margin-bottom:0}.economy-overview__text strong{color:var(--color-gray-800)}.economy-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-md)}.economy-stat{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg);background:var(--color-white);border-radius:var(--radius-xl);border:1px solid var(--color-gray-100)}.economy-stat__icon{flex-shrink:0;width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,rgba(var(--page-rgb),.12),rgba(var(--page-rgb),.04));border-radius:var(--radius-lg);font-size:1.2rem;color:var(--page-color)}.economy-stat__info{display:flex;flex-direction:column}.economy-stat__value{font-size:var(--text-base);font-weight:700;color:var(--color-gray-900);font-family:var(--font-display)}.economy-stat__label{font-size:var(--text-xs);color:var(--color-gray-500);margin-top:1px}.city-enterprises{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-lg)}.enterprise-card{display:flex;gap:var(--spacing-lg);padding:var(--spacing-xl);background:var(--color-white);border:1px solid var(--color-gray-100);border-radius:var(--radius-xl);transition:transform 0.2s,box-shadow 0.2s,border-color 0.2s}.enterprise-card:hover{transform:translateY(-3px);box-shadow:0 8px 24px rgb(0 0 0 / .06);border-color:rgba(var(--page-rgb),.15)}.enterprise-card__icon{flex-shrink:0;width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);font-size:1.3rem;color:var(--color-white)}.enterprise-card__icon--fire{background:linear-gradient(135deg,#ea580c,#c2410c)}.enterprise-card__icon--food{background:linear-gradient(135deg,#059669,#047857)}.enterprise-card__icon--ceramic{background:linear-gradient(135deg,#7c3aed,#6d28d9)}.enterprise-card__icon--build{background:linear-gradient(135deg,#2563eb,#1d4ed8)}.enterprise-card__content{flex:1;min-width:0}.enterprise-card__title{font-size:var(--text-base);font-weight:600;color:var(--color-gray-900);margin-bottom:var(--spacing-xs)}.enterprise-card__text{font-size:var(--text-sm);color:var(--color-gray-600);line-height:1.6;margin:0 0 var(--spacing-sm)}.enterprise-card__tag{display:inline-block;padding:2px var(--spacing-sm);background:rgba(var(--page-rgb),.08);border-radius:var(--radius-md);font-size:var(--text-xs);font-weight:500;color:var(--page-color)}.city-places-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-lg)}.place-card{background:var(--color-white);border-radius:var(--radius-xl);display:flex;flex-direction:column;transition:transform 0.2s,box-shadow 0.2s;border:1px solid var(--color-gray-100);overflow:hidden}.place-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px rgb(0 0 0 / .08);border-color:rgba(var(--page-rgb),.15)}.place-card--link{text-decoration:none;color:inherit;cursor:pointer;padding:0}.place-card--link .place-card__body{padding:var(--spacing-lg) var(--spacing-xl) var(--spacing-xl);flex:1;display:flex;flex-direction:column}.place-card--link .place-card__text{flex:1}.place-card__image{width:100%;aspect-ratio:16 / 10;overflow:hidden;background:var(--color-gray-100);position:relative}.place-card__image img{width:100%;height:100%;object-fit:cover;transition:transform 0.4s ease}.place-card--link:hover .place-card__image img{transform:scale(1.06)}.place-card--link .place-card__body:first-child{padding-top:var(--spacing-xl)}.place-card__header{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.place-card__badge{width:42px;height:42px;display:flex;align-items:center;justify-content:center;background:rgba(var(--page-rgb),.1);border-radius:var(--radius-lg);font-size:1.15rem;color:var(--page-color);flex-shrink:0}.place-card__badge--green{background:rgb(5 150 105 / .1);color:#059669}.place-card__badge--purple{background:rgb(124 58 237 / .1);color:#7c3aed}.place-card__badge--orange{background:rgb(234 88 12 / .1);color:#ea580c}.place-card__badge--teal{background:rgb(8 145 178 / .1);color:#0891b2}.place-card__badge--red{background:rgb(220 38 38 / .1);color:#dc2626}.place-card__badge--blue{background:rgb(37 99 235 / .1);color:#2563eb}.place-card__badge--amber{background:rgb(217 119 6 / .1);color:#d97706}.place-card__category{font-size:var(--text-xs);font-weight:600;color:var(--color-gray-400);text-transform:uppercase;letter-spacing:.5px}.place-card__title{font-family:var(--font-display);font-size:var(--text-base);font-weight:700;color:var(--color-gray-900);margin-bottom:var(--spacing-sm);line-height:1.35;transition:color 0.15s}.place-card--link:hover .place-card__title{color:var(--page-color)}.place-card__text{font-size:var(--text-sm);color:var(--color-gray-600);line-height:1.65;margin:0;flex:1;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.place-card__footer{margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--color-gray-100)}.place-card__location{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--text-xs);color:var(--color-gray-400)}.place-card__location i{font-size:var(--text-sm);color:var(--page-color)}.city-empty{text-align:center;padding:var(--spacing-3xl) var(--spacing-lg);color:var(--color-gray-400)}.city-empty i{font-size:3rem;display:block;margin-bottom:var(--spacing-md);opacity:.5}.city-empty p{font-size:var(--text-base);margin:0}.city-life-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-lg)}.city-life-card{padding:var(--spacing-xl);background:var(--color-white);border:1px solid var(--color-gray-100);border-radius:var(--radius-xl);display:flex;flex-direction:column;transition:transform 0.2s,box-shadow 0.2s,border-color 0.2s}.city-life-card:hover{transform:translateY(-3px);box-shadow:0 8px 24px rgb(0 0 0 / .06);border-color:rgba(var(--page-rgb),.15)}.city-life-card__icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);font-size:1.3rem;color:var(--color-white);margin-bottom:var(--spacing-md)}.city-life-card__icon--blue{background:linear-gradient(135deg,#2563eb,#1d4ed8)}.city-life-card__icon--purple{background:linear-gradient(135deg,#7c3aed,#6d28d9)}.city-life-card__icon--green{background:linear-gradient(135deg,#059669,#047857)}.city-life-card__icon--red{background:linear-gradient(135deg,#dc2626,#b91c1c)}.city-life-card__icon--teal{background:linear-gradient(135deg,#0891b2,#0e7490)}.city-life-card__icon--orange{background:linear-gradient(135deg,#ea580c,#c2410c)}.city-life-card__icon--amber{background:linear-gradient(135deg,#f59e0b,#d97706)}.city-life-card__icon--pink{background:linear-gradient(135deg,#ec4899,#db2777)}.city-life-card__title{font-size:var(--text-base);font-weight:600;color:var(--color-gray-900);margin-bottom:var(--spacing-sm)}.city-life-card__text{font-size:var(--text-sm);color:var(--color-gray-600);line-height:1.6;margin:0;flex:1}.city-life-card__meta{margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--color-gray-100)}.city-life-card__meta span{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--text-xs);font-weight:500;color:var(--page-color)}.city-life-card__meta i{font-size:var(--text-sm)}.city-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.city-list-item{display:flex;align-items:center;gap:var(--spacing-lg);padding:var(--spacing-lg);background:var(--color-white);border:1px solid var(--color-gray-100);border-radius:var(--radius-xl);transition:transform 0.2s,box-shadow 0.2s,border-color 0.2s}.city-list-item:hover{transform:translateX(4px);box-shadow:0 4px 16px rgb(0 0 0 / .05);border-color:rgba(var(--page-rgb),.15)}.city-list-item__icon{flex-shrink:0;width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);font-size:1.2rem;color:var(--color-white)}.city-list-item__icon--red{background:linear-gradient(135deg,#dc2626,#b91c1c)}.city-list-item__icon--teal{background:linear-gradient(135deg,#0891b2,#0e7490)}.city-list-item__icon--orange{background:linear-gradient(135deg,#ea580c,#c2410c)}.city-list-item__body{flex:1;min-width:0}.city-list-item__title{font-size:var(--text-base);font-weight:600;color:var(--color-gray-900);margin-bottom:2px}.city-list-item__text{font-size:var(--text-sm);color:var(--color-gray-600);line-height:1.6;margin:0}.city-list-item__tag{flex-shrink:0;padding:var(--spacing-xs) var(--spacing-md);background:rgba(var(--page-rgb),.08);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:600;color:var(--page-color)}.city-links-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-lg)}.city-link-card{display:flex;align-items:center;gap:var(--spacing-lg);padding:var(--spacing-xl);background:var(--color-white);border:1px solid var(--color-gray-100);border-radius:var(--radius-xl);text-decoration:none;transition:transform 0.2s,box-shadow 0.2s,border-color 0.2s}.city-link-card:hover{transform:translateY(-3px);box-shadow:0 8px 24px rgb(0 0 0 / .06);border-color:rgba(var(--page-rgb),.15)}.city-link-card__icon{flex-shrink:0;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,rgba(var(--page-rgb),.12),rgba(var(--page-rgb),.04));border-radius:var(--radius-lg);font-size:1.3rem;color:var(--page-color)}.city-link-card__content{flex:1;min-width:0}.city-link-card__title{font-size:var(--text-base);font-weight:600;color:var(--color-gray-900);margin-bottom:2px}.city-link-card__text{font-size:var(--text-sm);color:var(--color-gray-500);margin:0}.city-link-card__arrow{flex-shrink:0;font-size:var(--text-lg);color:var(--color-gray-300);transition:color 0.15s,transform 0.15s}.city-link-card:hover .city-link-card__arrow{color:var(--page-color);transform:translateX(2px)}.city-cta{background:linear-gradient(135deg,#0e7490 0%,#0c6578 100%);padding:var(--spacing-3xl) 0;position:relative;overflow:hidden}.city-cta::before{content:'';position:absolute;top:-30%;right:-8%;width:350px;height:350px;border:2px solid rgb(255 255 255 / .06);border-radius:50%;pointer-events:none}.city-cta__content{max-width:560px;margin:0 auto;text-align:center}.city-cta__icon{width:64px;height:64px;display:flex;align-items:center;justify-content:center;background:rgb(255 255 255 / .12);border-radius:var(--radius-full);font-size:1.6rem;color:rgb(255 255 255 / .9);margin:0 auto var(--spacing-lg)}.city-cta__title{font-size:var(--text-2xl);font-weight:700;font-family:var(--font-display);color:var(--color-white);margin-bottom:var(--spacing-md)}.city-cta__text{font-size:var(--text-base);color:rgb(255 255 255 / .75);line-height:1.7;margin-bottom:var(--spacing-xl)}.city-cta__btn{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-xl);background:var(--color-white);color:var(--page-color);border-radius:var(--radius-lg);font-size:var(--text-sm);font-weight:600;text-decoration:none;transition:all 0.2s;box-shadow:0 2px 8px rgb(0 0 0 / .1)}.city-cta__btn:hover{transform:translateY(-2px);box-shadow:0 4px 16px rgb(0 0 0 / .15)}.city-map{width:100%;height:420px;border-radius:var(--radius-xl);overflow:hidden;border:1px solid var(--color-gray-200)}.city-geo-map-wrap{margin-top:var(--spacing-xl)}.city-geo-map__title{font-family:var(--font-display);font-size:var(--text-lg);font-weight:600;color:var(--color-gray-900);margin-bottom:var(--spacing-md);display:flex;align-items:center;gap:var(--spacing-sm)}.city-geo-map__title i{color:var(--page-color)}.city-attractions-map-wrap{margin-bottom:var(--spacing-xl)}@media (min-width:901px){.city-nav-bar{top:114px}.city-section{scroll-margin-top:180px}}@media (max-width:1024px){.city-enterprises{grid-template-columns:1fr}.economy-stats{grid-template-columns:1fr}}@media (max-width:768px){.city-hero{padding:2rem 0 1.5rem}.city-hero__title{font-size:var(--text-2xl)}.city-hero__description{font-size:var(--text-sm);line-height:1.6}.city-hero__facts{gap:0;margin-top:var(--spacing-lg);flex-wrap:wrap}.city-hero-fact{flex:1 0 calc(33.333% - 2px);padding:var(--spacing-sm) var(--spacing-xs);text-align:center;align-items:center}.city-hero-fact__divider{display:none}.city-hero-fact__value{font-size:var(--text-base)}.city-hero-fact__label{font-size:10px}.city-nav-bar__link{padding:10px var(--spacing-md);font-size:var(--text-xs)}.city-content{padding-top:var(--spacing-lg);padding-bottom:var(--spacing-xl);gap:var(--spacing-2xl)}.city-section__title{font-size:var(--text-lg)}.city-section__subtitle{font-size:var(--text-xs);margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-md)}.city-geo-grid{grid-template-columns:1fr;gap:var(--spacing-md)}.city-geo-card{padding:var(--spacing-md)}.city-geo-card__icon{width:38px;height:38px;font-size:1rem;margin-bottom:var(--spacing-md)}.city-geo-card__title{font-size:var(--text-base)}.city-geo-card__text{font-size:var(--text-xs)}.city-subpages{grid-template-columns:1fr 1fr;gap:var(--spacing-md)}.city-subpage-card{padding:var(--spacing-md) var(--spacing-sm);gap:var(--spacing-sm)}.city-subpage-card__icon{width:42px;height:42px;font-size:1.2rem}.city-subpage-card__title{font-size:var(--text-sm)}.city-subpage-card__text{display:none}.city-subpage-card__link{font-size:var(--text-xs)}.city-naming__card{flex-direction:column;align-items:center;text-align:center;padding:var(--spacing-md);border-left-width:3px}.city-naming__portrait{width:64px;height:64px;font-size:1.6rem}.city-naming__name{font-size:var(--text-lg)}.city-naming__text{font-size:var(--text-xs)}.city-timeline{padding-left:28px}.city-timeline::before{left:9px}.timeline-item{padding-bottom:var(--spacing-lg)}.timeline-item__marker{left:-28px}.timeline-item__year{width:20px;height:20px;line-height:20px}.timeline-item__year::before{width:7px;height:7px}.timeline-item__content{padding:var(--spacing-md)}.timeline-item__title{font-size:var(--text-sm)}.timeline-item__title::before{font-size:10px;padding:1px var(--spacing-xs)}.timeline-item__text{font-size:var(--text-xs)}.enterprise-card{padding:var(--spacing-md);gap:var(--spacing-md)}.enterprise-card__icon{width:42px;height:42px;font-size:1.2rem}.enterprise-card__title{font-size:var(--text-sm)}.enterprise-card__text{font-size:var(--text-xs)}.economy-stat{padding:var(--spacing-md)}.economy-stat__icon{width:38px;height:38px;font-size:1rem}.economy-stat__value{font-size:var(--text-sm)}.city-places-grid{grid-template-columns:1fr;gap:var(--spacing-md)}.place-card--link .place-card__body{padding:var(--spacing-md)}.place-card__badge{width:36px;height:36px;font-size:1rem}.place-card__title{font-size:var(--text-sm)}.place-card__text{font-size:var(--text-xs);-webkit-line-clamp:3}.city-life-grid{grid-template-columns:1fr;gap:var(--spacing-md)}.city-life-card{padding:var(--spacing-md)}.city-life-card__icon{width:40px;height:40px;font-size:1.1rem}.city-life-card__title{font-size:var(--text-sm)}.city-life-card__text{font-size:var(--text-xs)}.city-list-item{gap:var(--spacing-md);padding:var(--spacing-md)}.city-list-item__icon{width:38px;height:38px;font-size:1rem}.city-list-item__title{font-size:var(--text-sm)}.city-list-item__text{font-size:var(--text-xs)}.city-list-item__tag{font-size:10px;padding:2px var(--spacing-sm)}.city-links-grid{grid-template-columns:1fr;gap:var(--spacing-md)}.city-link-card{padding:var(--spacing-md);gap:var(--spacing-md)}.city-link-card__icon{width:42px;height:42px;font-size:1.2rem}.city-link-card__title{font-size:var(--text-sm)}.city-link-card__text{font-size:var(--text-xs)}.city-map{height:240px;border-radius:var(--radius-lg)}.city-geo-map-wrap{margin-top:var(--spacing-md)}.city-geo-map__title{font-size:var(--text-sm)}.city-attractions-map-wrap{margin-bottom:var(--spacing-md)}.city-cta{padding:var(--spacing-xl) 0}.city-cta__icon{width:52px;height:52px;font-size:1.3rem}.city-cta__title{font-size:var(--text-lg)}.city-cta__text{font-size:var(--text-sm)}.city-cta__btn{padding:var(--spacing-sm) var(--spacing-lg);font-size:var(--text-xs)}}@media (max-width:480px){.city-hero{padding:var(--spacing-lg) 0}.city-hero__title{font-size:var(--text-xl)}.city-hero__description{font-size:var(--text-xs)}.city-hero-fact{flex:1 0 calc(33.333% - 2px);padding:var(--spacing-xs) 2px}.city-hero-fact__value{font-size:var(--text-sm)}.city-hero-fact__label{font-size:9px}.city-subpages{gap:var(--spacing-sm)}.city-subpage-card{padding:var(--spacing-sm)}.city-subpage-card__icon{width:36px;height:36px;font-size:1rem}.city-subpage-card__title{font-size:var(--text-xs)}.enterprise-card{flex-direction:column}.city-list-item{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}.city-list-item__tag{margin-left:0}.city-naming__card{border-left:none;border-top:3px solid var(--page-color)}.city-cta__content{padding:0 var(--spacing-sm)}.city-cta__title{font-size:var(--text-base)}.city-cta__text{font-size:var(--text-xs)}.city-map{height:200px}}.attraction-hero{background:linear-gradient(160deg,rgba(var(--page-rgb),.06) 0%,rgba(var(--page-rgb),.02) 50%,transparent 100%);padding:var(--spacing-xl) 0 var(--spacing-2xl);border-bottom:1px solid rgba(var(--page-rgb),.08);position:relative;overflow:hidden}.attraction-hero::before{content:'';position:absolute;top:-30%;right:-10%;width:400px;height:400px;background:radial-gradient(circle,rgba(var(--page-rgb),.06) 0%,transparent 70%);pointer-events:none}.attraction-breadcrumb{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--text-sm);color:var(--color-gray-400);margin-bottom:var(--spacing-xl);flex-wrap:wrap;position:relative;z-index:1}.attraction-breadcrumb a{color:var(--color-gray-500);text-decoration:none;transition:color 0.15s}.attraction-breadcrumb a:hover{color:var(--page-color)}.attraction-breadcrumb>i{font-size:.6rem;color:var(--color-gray-300)}.attraction-breadcrumb>span{color:var(--color-gray-700);font-weight:500}.attraction-hero__content{max-width:700px;position:relative;z-index:1}.attraction-hero__badge{width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:rgba(var(--page-rgb),.1);border-radius:var(--radius-xl);font-size:1.5rem;color:var(--page-color);margin-bottom:var(--spacing-md)}.attraction-hero__badge--green{background:rgb(5 150 105 / .1);color:#059669}.attraction-hero__badge--purple{background:rgb(124 58 237 / .1);color:#7c3aed}.attraction-hero__badge--orange{background:rgb(234 88 12 / .1);color:#ea580c}.attraction-hero__badge--teal{background:rgb(14 116 144 / .1);color:#0e7490}.attraction-hero__badge--red{background:rgb(220 38 38 / .1);color:#dc2626}.attraction-hero__badge--blue{background:rgb(37 99 235 / .1);color:#2563eb}.attraction-hero__badge--amber{background:rgb(217 119 6 / .1);color:#d97706}.attraction-hero__category{font-size:var(--text-xs);font-weight:700;color:var(--page-color);text-transform:uppercase;letter-spacing:.08em;margin-bottom:var(--spacing-sm);display:block}.attraction-hero__title{font-family:var(--font-display);font-size:clamp(1.5rem, 4vw, 2.25rem);font-weight:700;color:var(--color-gray-900);line-height:1.2;margin-bottom:var(--spacing-md);word-break:break-word}.attraction-hero__description{font-size:var(--text-base);color:var(--color-gray-600);line-height:1.7;margin-bottom:var(--spacing-lg)}.attraction-hero__address{display:inline-flex;align-items:center;gap:var(--spacing-xs);font-size:var(--text-sm);color:var(--color-gray-600);padding:var(--spacing-sm) var(--spacing-lg);background:var(--color-white);border-radius:var(--radius-full);border:1px solid var(--color-gray-200);box-shadow:0 1px 3px rgb(0 0 0 / .04)}.attraction-hero__address i{color:var(--page-color);font-size:1rem}.attraction-content-wrap{max-width:960px;margin:0 auto;padding:var(--spacing-2xl) var(--container-padding);display:flex;flex-direction:column;gap:var(--spacing-2xl)}.attraction-section__title{font-family:var(--font-display);font-size:var(--text-lg);font-weight:700;color:var(--color-gray-900);margin-bottom:var(--spacing-lg);display:flex;align-items:center;gap:var(--spacing-sm);padding-bottom:var(--spacing-sm);border-bottom:2px solid rgba(var(--page-rgb),.1)}.attraction-section__title i{color:var(--page-color);font-size:1.1em}.attraction-main-image{border-radius:var(--radius-xl);overflow:hidden;max-height:480px;box-shadow:0 2px 8px rgb(0 0 0 / .06);border:1px solid var(--color-gray-100)}.attraction-main-image img{width:100%;height:100%;object-fit:cover;display:block}.attraction-content{font-size:var(--text-base);color:var(--color-gray-700);line-height:1.85;word-break:break-word}.attraction-content h2{font-family:var(--font-display);font-size:var(--text-lg);font-weight:700;color:var(--color-gray-900);margin:var(--spacing-xl) 0 var(--spacing-md)}.attraction-content h3{font-family:var(--font-display);font-size:var(--text-base);font-weight:600;color:var(--color-gray-800);margin:var(--spacing-lg) 0 var(--spacing-sm)}.attraction-content p{margin-bottom:var(--spacing-md)}.attraction-content blockquote{border-left:3px solid var(--page-color);padding:var(--spacing-md) var(--spacing-lg);margin:var(--spacing-lg) 0;background:rgba(var(--page-rgb),.04);border-radius:0 var(--radius-lg) var(--radius-lg) 0;font-style:italic;color:var(--color-gray-600)}.attraction-content ul,.attraction-content ol{padding-left:var(--spacing-xl);margin-bottom:var(--spacing-md)}.attraction-content li{margin-bottom:var(--spacing-xs)}.attraction-content a{color:var(--page-color);text-decoration:underline;text-underline-offset:2px;text-decoration-thickness:1px}.attraction-content a:hover{text-decoration-thickness:2px}.attraction-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-md)}.attraction-gallery__item{border-radius:var(--radius-lg);overflow:hidden;aspect-ratio:4 / 3;cursor:pointer;border:1px solid var(--color-gray-100);box-shadow:0 1px 3px rgb(0 0 0 / .04);transition:transform 0.2s,box-shadow 0.2s}.attraction-gallery__item:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgb(0 0 0 / .1)}.attraction-gallery__item img{width:100%;height:100%;object-fit:cover;transition:transform 0.4s ease;display:block}.attraction-gallery__item:hover img{transform:scale(1.05)}.attraction-lightbox{position:fixed;inset:0;background:rgb(0 0 0 / .92);z-index:9999;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity 0.3s,visibility 0.3s;backdrop-filter:blur(4px)}.attraction-lightbox--active{opacity:1;visibility:visible}.attraction-lightbox img{max-width:90%;max-height:90vh;border-radius:var(--radius-lg);object-fit:contain;box-shadow:0 8px 40px rgb(0 0 0 / .4)}.attraction-lightbox__close{position:absolute;top:1.25rem;right:1.25rem;width:44px;height:44px;border-radius:50%;background:rgb(255 255 255 / .12);border:1px solid rgb(255 255 255 / .15);color:#fff;font-size:1.2rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background 0.15s;z-index:10000}.attraction-lightbox__close:hover{background:rgb(255 255 255 / .25)}@media (max-width:768px){.attraction-content-wrap{padding-top:var(--spacing-lg);padding-bottom:var(--spacing-xl);gap:var(--spacing-lg)}.attraction-gallery{grid-template-columns:repeat(2,1fr);gap:var(--spacing-sm)}.attraction-hero{padding:var(--spacing-md) 0 var(--spacing-lg)}.attraction-hero__title{font-size:var(--text-lg)}.attraction-hero__badge{width:42px;height:42px;font-size:1.1rem}.attraction-hero__description{font-size:var(--text-sm)}.attraction-breadcrumb{font-size:var(--text-xs);margin-bottom:var(--spacing-md)}.attraction-section__title{font-size:var(--text-sm)}.attraction-main-image{max-height:220px;border-radius:var(--radius-lg)}.attraction-content{font-size:var(--text-sm);line-height:1.7}.attraction-hero__address{font-size:var(--text-xs);padding:var(--spacing-xs) var(--spacing-md)}}@media (max-width:480px){.attraction-gallery{grid-template-columns:1fr}.attraction-hero__title{font-size:var(--text-base)}.attraction-hero__badge{width:36px;height:36px;font-size:1rem;border-radius:var(--radius-lg)}.attraction-hero__description{font-size:var(--text-xs)}}