:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--page-bg:#f5f5f7;--surface:#fff;--surface-subtle:#ededf1;--surface-raised:#fff;--text-strong:#1d1d1f;--text:#333336;--muted:#6e6e73;--border:#d2d2d7;--accent:#0071e3;--accent-strong:#005bbf;--accent-soft:#e8f2ff;--shadow:0 18px 44px #00000012;--shadow-soft:0 10px 30px #0000000d;--map-ratio:1.18;background:var(--page-bg);color:var(--text);font-family:MiSans,PingFang SC,Helvetica Neue,Helvetica,Arial,Microsoft YaHei,system-ui,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--page-bg:#000;--surface:#101010;--surface-subtle:#1a1a1c;--surface-raised:#151517;--text-strong:#f5f5f7;--text:#d2d2d7;--muted:#86868b;--border:#2c2c2e;--accent:#0071e3;--accent-strong:#1677ff;--accent-soft:#061d36;--shadow:0 20px 54px #00000085;--shadow-soft:0 12px 34px #00000057}}.app-shell[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--page-bg:#f5f5f7;--surface:#fff;--surface-subtle:#ededf1;--surface-raised:#fff;--text-strong:#1d1d1f;--text:#333336;--muted:#6e6e73;--border:#d2d2d7;--accent:#0071e3;--accent-strong:#005bbf;--accent-soft:#e8f2ff;--shadow:0 18px 44px #00000012;--shadow-soft:0 10px 30px #0000000d}.app-shell[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--page-bg:#000;--surface:#101010;--surface-subtle:#1a1a1c;--surface-raised:#151517;--text-strong:#f5f5f7;--text:#d2d2d7;--muted:#86868b;--border:#2c2c2e;--accent:#0071e3;--accent-strong:#1677ff;--accent-soft:#061d36;--shadow:0 20px 54px #00000085;--shadow-soft:0 12px 34px #00000057}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--page-bg);min-width:320px;margin:0;overflow-x:hidden}button,select{font:inherit}button,select,a{-webkit-tap-highlight-color:transparent}button:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid color-mix(in srgb, var(--accent) 42%, transparent);outline-offset:2px}.app-shell{background:var(--page-bg);min-height:100vh;padding:40px 24px 56px}.site-header,.hero-section,.locator-section{width:min(1280px,100%);margin:0 auto}.site-header{justify-content:space-between;align-items:center;margin-bottom:28px;display:flex}.site-logo{align-items:center;min-width:0;display:inline-flex}.site-logo img{width:132px;max-width:45vw;height:auto;display:block}.theme-toggle{border:1px solid color-mix(in srgb, var(--border) 70%, transparent);background:var(--surface-subtle);width:40px;min-width:40px;min-height:40px;color:var(--text-strong);border-radius:999px;padding:0}.theme-toggle:hover{background:var(--accent-soft);color:var(--accent-strong)}.hero-section{gap:14px;margin-bottom:36px;display:grid}.eyebrow{color:var(--accent);letter-spacing:0;text-transform:uppercase;margin:0;font-size:.78rem;font-weight:700}.breadcrumb{color:var(--muted);flex-wrap:wrap;align-items:center;gap:0 10px;margin:0;font-size:.92rem;line-height:1.5;display:flex}.breadcrumb a{color:var(--muted);font-weight:500;text-decoration:none}.breadcrumb a:hover{color:var(--accent)}.hero-section h1{max-width:880px;color:var(--text-strong);margin:0;font-size:clamp(2.2rem,5vw,4.4rem);line-height:1.05}.hero-copy{max-width:680px;color:var(--muted);margin:0;line-height:1.7}.map-card{background:var(--surface-subtle);box-shadow:var(--shadow);border-radius:8px;margin-top:22px;position:relative;overflow:hidden}.map-viewport{width:100%;aspect-ratio:var(--map-ratio);min-height:620px;position:relative}.china-map{width:100%;max-width:100%;height:100%}.map-bubble{border:1px solid color-mix(in srgb, var(--border) 70%, transparent);background:color-mix(in srgb, var(--surface-raised) 92%, transparent);width:min(320px,100% - 48px);box-shadow:var(--shadow);color:var(--text);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:8px;padding:18px;position:absolute;top:24px;right:24px}.map-bubble h2,.map-bubble p{margin:0 0 10px}.map-bubble h2{color:var(--text-strong);padding-right:32px}.map-bubble__close{width:32px;min-height:32px;color:var(--muted);background:0 0;border-color:#0000;padding:0;position:absolute;top:8px;right:8px}.locator-section{gap:20px;scroll-margin-top:24px;display:grid}.filter-panel,.results-panel,.empty-state{background:var(--surface);box-shadow:var(--shadow-soft);border-radius:8px;padding:20px}.filter-panel{justify-content:space-between;align-items:end;gap:14px;display:flex}.filter-grid{flex:1;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.filter-grid label{color:var(--muted);gap:6px;font-size:.9rem;display:grid}select,button,.store-card__link{border-radius:8px;min-height:40px}select{border:1px solid var(--border);background:var(--surface-raised);width:100%;color:var(--text-strong);padding:0 12px}button,.store-card__link{background:var(--accent);color:#fff;cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:0 14px;text-decoration:none;display:inline-flex}button:disabled{cursor:not-allowed;opacity:.5}.secondary-button,.pagination button{background:var(--surface-subtle);color:var(--text-strong)}.results-summary{color:var(--text-strong);margin-bottom:14px;font-weight:700}.store-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px;display:grid}.store-card{background:var(--surface-subtle);border-radius:8px;gap:10px;min-width:0;padding:16px;display:grid}.store-card p,.store-card h3{margin:0}.store-card p,.store-card__link{overflow-wrap:anywhere}.store-card p{color:var(--muted);align-items:flex-start;gap:8px;line-height:1.5;display:flex}.store-card svg{flex:none;margin-top:2px}.store-card__header{gap:6px;display:grid}.store-card__header h3{color:var(--text-strong);font-size:1rem;line-height:1.35}.store-card__header span,.store-card__tag{color:var(--accent);font-size:.9rem}.store-card__link{width:fit-content;margin-top:4px}.pagination{justify-content:center;align-items:center;gap:12px;margin-top:18px;display:flex}.empty-state{text-align:center}.empty-state h3{color:var(--text-strong);margin:0 0 8px}.empty-state p{color:var(--muted);margin:0 0 16px}@media (width<=768px){.app-shell{padding:28px 18px 44px}.map-bubble{width:auto;inset:auto 12px 12px}.map-viewport{aspect-ratio:.95;min-height:330px}.filter-panel{flex-direction:column;align-items:stretch}.filter-grid,.store-grid{grid-template-columns:1fr}}@media (width<=420px){.app-shell{padding-inline:14px}.hero-section h1{font-size:2.1rem}.filter-panel,.results-panel,.empty-state,.store-card{padding:14px}.pagination{justify-content:stretch}.pagination button{flex:1}}
