:root{--color-primary:#ff5c35;--color-primary-hover:#e8482a;--color-title:#1b2a4e;--color-text:#4a5568;--color-text-muted:#8a93a6;--color-bg:#f4f2ee;--color-glass:#fff9;--color-neu:#e9e7e2;--color-line:#1b2a4e24;--color-success:#22c55e;--color-warning:#f59e0b;--color-error:#ef4444;--color-hero-paper-1:#fbf8f1;--color-hero-paper-2:#f1ecdf;--color-hero-label:#a67c2e;--color-hero-title:#1b2a4e;--color-hero-text:#55606f;--color-hero-btn-bg:#1b2a4e;--color-hero-btn-text:#f7f3ea;--color-hero-gold:#c9a227;--boot-ink-1:#1a2332;--boot-ink-2:#0a0e17;--boot-gold:#ffd782;--boot-gold-warm:gold;--boot-jade:#e2e8f0;--boot-paper:#f7f3ea;--dur-boot-reveal:1.8s;--dur-boot-fade:.85s;--city-tianjin:#2e7cf6;--city-leshan:#e8a33d;--city-harbin:#22b8cf;--city-hunan:#2fa36b;--city-hubei:#7c5cff;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--space-8:32px;--space-12:48px;--space-16:64px;--space-24:96px;--space-32:128px;--radius-btn:14px;--radius-pill:999px;--radius-card:20px;--radius-image:24px;--radius-tag:8px;--shadow-glass:0 8px 32px #1b2a4e1a;--shadow-neu-out:8px 8px 20px #aeaec059, -8px -8px 20px #fffffff2;--shadow-neu-in:inset 6px 6px 12px #aeaec066, inset -6px -6px 12px #ffffffe6;--shadow-hover:0 20px 44px #ff5c3538;--font-serif:"Noto Serif SC", "Songti SC", "SimSun", serif;--font-sans:"Noto Sans SC", "Microsoft YaHei", system-ui, sans-serif;--ease-smooth:cubic-bezier(.22, 1, .36, 1);--dur-hover:.28s;--dur-reveal:.5s;--dur-sweep:.7s}*{box-sizing:border-box;margin:0;padding:0}html,body{scrollbar-width:none;-ms-overflow-style:none}body::-webkit-scrollbar{display:none}html::-webkit-scrollbar{display:none}::-webkit-scrollbar{display:none}:root{--page-pad:20px}@media (width>=640px){:root{--page-pad:32px}}@media (width>=1024px){:root{--page-pad:48px}.app{max-width:1200px;margin-inline:auto}}body{background:radial-gradient(640px 640px at 12% 8%, #2e7cf61a, transparent 70%), radial-gradient(560px 560px at 88% 22%, #e8a33d1a, transparent 70%), radial-gradient(720px 720px at 55% 95%, #7c5cff1f, transparent 70%), var(--color-bg);font-family:var(--font-sans);color:var(--color-text);line-height:1.8}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}a:hover{color:var(--color-primary)}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;transition-delay:0s!important;animation-duration:.01ms!important}.reveal,.city-card:hover,.city-card:focus-visible,.hero__btn:hover,.city-card:hover .city-card__image-fill,.city-card:focus-visible .city-card__image-fill{transform:none}.hero__btn:after{display:none}}.boot{z-index:1000;cursor:pointer;background:radial-gradient(circle at 30% 30%, var(--boot-ink-1) 0%, var(--boot-ink-2) 100%);transition:opacity var(--dur-boot-fade) ease;outline:none;position:fixed;inset:0;overflow:hidden}.boot--dissolve{opacity:0;pointer-events:none}.boot__stage{will-change:transform;position:absolute;inset:0}.boot__paper{background:var(--boot-paper);opacity:0;position:absolute;inset:0}.boot__art{width:100%;height:100%;position:absolute;top:0;right:0;-webkit-mask-image:linear-gradient(90deg,#000 62%,#0000 97%);mask-image:linear-gradient(90deg,#000 62%,#0000 97%)}.boot__img,.boot__edge{object-fit:cover;object-position:left center;-webkit-user-select:none;user-select:none;width:100%;height:100%;position:absolute;inset:0}.boot__img{-webkit-mask-image:radial-gradient(circle at 35% 35%, black calc(var(--bootReveal,0) * 130% - 30%), transparent calc(var(--bootReveal,0) * 130%));-webkit-mask-image:radial-gradient(circle at 35% 35%, black calc(var(--bootReveal,0) * 130% - 30%), transparent calc(var(--bootReveal,0) * 130%));mask-image:radial-gradient(circle at 35% 35%, black calc(var(--bootReveal,0) * 130% - 30%), transparent calc(var(--bootReveal,0) * 130%))}.boot__edge{-webkit-mask-image:linear-gradient(135deg, black calc(var(--bootEdge,0) * 130% - 30%), transparent calc(var(--bootEdge,0) * 130%));-webkit-mask-image:linear-gradient(135deg, black calc(var(--bootEdge,0) * 130% - 30%), transparent calc(var(--bootEdge,0) * 130%));mask-image:linear-gradient(135deg, black calc(var(--bootEdge,0) * 130% - 30%), transparent calc(var(--bootEdge,0) * 130%))}.boot__fx{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.boot__hud{align-items:center;gap:var(--space-3);pointer-events:none;flex-direction:column;display:flex;position:absolute;bottom:clamp(28px,6vh,56px);left:50%;transform:translate(-50%)}.boot__hint{font-family:var(--font-serif);letter-spacing:.18em;color:var(--color-hero-label);font-size:14px;animation:2.6s ease-in-out infinite boot-breathe}@keyframes boot-breathe{0%,to{opacity:.45}50%{opacity:1}}.boot__track{background:#a67c2e38;border-radius:2px;width:180px;height:2px;overflow:hidden}.boot__bar{transform-origin:0;background:linear-gradient(90deg,#d9b25c,#f3d98a);width:100%;height:100%;transform:scaleX(0)}@media (width>=1024px){.boot__art{width:68vw;-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 8% 100%);mask-image:linear-gradient(90deg,#0000 0%,#000 8% 100%)}}.hero{justify-content:center;gap:var(--space-8);width:100vw;min-height:100vh;padding-block:var(--space-16);padding-inline:var(--page-pad);text-align:left;background:linear-gradient(160deg, var(--color-hero-paper-1) 0%, var(--color-hero-paper-2) 100%);flex-direction:column;margin-inline:calc(50% - 50vw);display:flex;position:relative;overflow:hidden}.hero__art{pointer-events:none;width:100%;height:100%;position:absolute;top:0;right:0;-webkit-mask-image:linear-gradient(#0000 0%,#000 30% 72%,#0000 98%);mask-image:linear-gradient(#0000 0%,#000 30% 72%,#0000 98%)}.hero__art img{object-fit:cover;object-position:60% 62%;-webkit-user-select:none;user-select:none;width:100%;height:100%}.hero__label{text-transform:uppercase;letter-spacing:.3em;color:color-mix(in srgb, var(--color-hero-label) calc(var(--bootReveal,1) * 100%), #e8c97e);margin-bottom:var(--space-6);font-size:13px;font-weight:500;transition:color .45s}.hero__title{font-family:var(--font-serif);letter-spacing:-.02em;color:color-mix(in srgb, var(--color-hero-title) calc(var(--bootReveal,1) * 100%), #f5f2eb);margin-bottom:var(--space-6);font-size:clamp(44px,8vw,96px);font-weight:700;line-height:1.1;transition:color .45s}.hero__subtitle{font-family:var(--font-serif);color:color-mix(in srgb, var(--color-hero-text) calc(var(--bootReveal,1) * 100%), #cbd5e1);margin-bottom:var(--space-8);font-size:18px;line-height:1.9;transition:color .45s}.hero__actions{align-items:flex-start;gap:var(--space-4);flex-direction:column;display:flex}.hero__btn{width:100%;font-family:var(--font-sans);padding:var(--space-3) var(--space-8);border:1px solid color-mix(in srgb, #ffd7828c calc((1 - var(--bootReveal,1)) * 100%), transparent);border-radius:var(--radius-pill);background:color-mix(in srgb, var(--color-hero-btn-bg) calc(var(--bootReveal,1) * 100%), #ffffff12);color:var(--color-hero-btn-text);cursor:pointer;transition:color .45s ease, background-color .45s ease, border-color .45s ease, transform var(--dur-hover) var(--ease-smooth), box-shadow var(--dur-hover) var(--ease-smooth);font-size:16px}.hero__note{color:color-mix(in srgb, var(--color-hero-label) calc(var(--bootReveal,1) * 100%), #e8c97e);opacity:.72;font-size:14px;transition:color .45s}.hero__main{z-index:1;position:relative}body.booting .hero__main{z-index:1001}@media (hover:hover){.hero__btn:hover{transform:translateY(-2px);box-shadow:0 12px 28px #1b2a4e2e,0 0 0 1px #c9a2278c}}@media (width>=640px){.hero__actions{align-items:center;gap:var(--space-6);flex-direction:row}.hero__btn{width:auto}}@media (width>=1024px){.hero{padding-inline:max(var(--page-pad), calc((100vw - 1200px) / 2));flex-direction:row;align-items:center}.hero__main{text-align:left;z-index:1001;width:max-content;max-width:28vw;margin:0;position:absolute;top:50%;left:6vw;transform:translateY(-50%)}.hero__art{width:68vw;-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 8% 100%);mask-image:linear-gradient(90deg,#0000 0%,#000 8% 100%)}.hero__art img{object-position:left center}}.highlights{padding-block:var(--space-16);padding-inline:var(--page-pad);border-top:1px solid var(--color-line)}.highlights__label{text-transform:uppercase;letter-spacing:.12em;color:var(--color-text-muted);margin-bottom:var(--space-2);font-size:12px;font-weight:500}.highlights__title{font-family:var(--font-serif);color:var(--color-title);margin-bottom:var(--space-8);font-size:clamp(28px,4vw,52px);font-weight:700;line-height:1.2}.highlights__list{gap:var(--space-6);grid-template-columns:1fr;list-style:none;display:grid}.city-card{background:var(--color-glass);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:var(--radius-card);height:100%;box-shadow:var(--shadow-glass);transition:transform var(--dur-hover) var(--ease-smooth), box-shadow var(--dur-hover) var(--ease-smooth), border-color var(--dur-hover) var(--ease-smooth);border:1px solid #fffc;flex-direction:column;display:flex;position:relative}.city-card__image{border-radius:var(--radius-card) var(--radius-card) 0 0;object-fit:cover;height:180px;position:relative;overflow:hidden}.city-card__image-fill{width:100%;height:100%;transition:transform .4s cubic-bezier(.25,1,.5,1)}.city-card__photo{object-fit:cover;width:100%;height:100%;transition:transform .4s cubic-bezier(.25,1,.5,1);position:absolute;inset:0}.city-card:focus-visible{box-shadow:var(--shadow-hover), 0 0 36px color-mix(in srgb, var(--card-color) 35%, transparent);border-color:var(--card-color);transform:translateY(-8px)}.city-card:focus-visible .city-card__image-fill,.city-card:focus-visible .city-card__photo{transform:scale(1.08)}@media (hover:hover){.city-card:hover{box-shadow:var(--shadow-hover), 0 0 36px color-mix(in srgb, var(--card-color) 35%, transparent);border-color:var(--card-color);transform:translateY(-8px)}.city-card:hover .city-card__image-fill,.city-card:hover .city-card__photo{transform:scale(1.08)}}.city-card__name{font-family:var(--font-serif);color:var(--color-title);margin:var(--space-6) var(--space-6) var(--space-2);font-size:24px;font-weight:600}.city-card__slogan{font-family:var(--font-sans);color:var(--color-text);margin:0 var(--space-6) var(--space-6);flex-grow:1;font-size:15px}@media (width>=640px){.highlights__list{gap:var(--space-6);grid-template-columns:repeat(2,1fr)}.city-card__image{height:200px}}@media (width>=1024px){.highlights{padding-block:var(--space-32)}.highlights__list{gap:var(--space-8);grid-template-columns:repeat(3,1fr);align-items:stretch}.city-card:nth-child(4){grid-column:span 2}.city-card:nth-child(4) .city-card__image{height:260px}}.reveal{opacity:0;transition:opacity var(--dur-reveal) ease-out, transform var(--dur-reveal) ease-out;transform:translateY(24px)}.reveal--visible{opacity:1;transform:translateY(0)}.city-art{width:100%;height:100%;position:absolute;inset:0}.about{padding-block:var(--space-16);padding-inline:var(--page-pad);border-top:1px solid var(--color-line)}.about__label{text-transform:uppercase;letter-spacing:.12em;color:var(--color-text-muted);margin-bottom:var(--space-2);font-size:12px;font-weight:500}.about__title{font-family:var(--font-serif);color:var(--color-title);margin-bottom:var(--space-8);font-size:clamp(28px,4vw,52px);font-weight:700;line-height:1.2}.about__body{gap:var(--space-8);flex-direction:column;display:flex}.about__text{font-family:var(--font-sans);color:var(--color-text);flex:1;font-size:17px;font-weight:400;line-height:1.8}.about__footprints{background:var(--color-neu);width:100%;box-shadow:var(--shadow-neu-in);border-radius:var(--radius-card);padding:var(--space-6);align-items:center;gap:var(--space-2) var(--space-6);flex-wrap:wrap;list-style:none;display:flex}.about__footprints li{font-family:var(--font-sans);color:var(--color-text);font-size:15px}@media (width>=640px){.about__body{gap:var(--space-8);flex-direction:row}.about__footprints{width:auto;min-width:160px}}@media (width>=1024px){.about{padding-block:var(--space-32)}.about__body{gap:var(--space-12)}.about__footprints{min-width:200px}}.footer{padding-block:var(--space-8);padding-inline:var(--page-pad);text-align:center;background:0 0;border-top:1px solid #94a3b859}.footer__contact{justify-content:center;gap:var(--space-2) var(--space-6);font-family:var(--font-sans);color:var(--color-text-muted);margin-bottom:var(--space-4);flex-wrap:wrap;font-size:13px;list-style:none;display:flex}.footer__copy{font-family:var(--font-sans);color:var(--color-text-muted);font-size:14px}