/* Original directory modules, adapted to the approved material language.
   No weather background or default location before entering a weather detail. */
:root { color-scheme:light; --catalog-background:#f5f7fa; --ink:#30363e; --muted:#596773; --line:#dce3e9; --soft:#edf5fc; --accent:#2b75ad; --action:#ef941f; --glass:#fff; --glass-edge:#dce3e9; }
body { background:var(--catalog-background); color:var(--ink); }
.glass { box-shadow:0 3px 18px #284e7010; backdrop-filter:none; -webkit-backdrop-filter:none; }
button,input { color:var(--ink); }
button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible { outline:2px solid var(--accent); outline-offset:3px; }
.site-header-shell { background:#fff; }
.site-header { width:min(1160px,calc(100% - 48px)); margin:0 auto; padding:25px 0; display:flex; align-items:center; justify-content:space-between; gap:28px; }
.site-header .brand { flex:none; color:#264d69; text-shadow:none; }
.site-header .brand>img { width:35px; height:35px; }
.site-header .brand>span { min-width:80px; }
#site-search { display:flex; align-items:center; width:400px; border:1px solid #83add0; border-radius:3px; background:#fff; flex:none; overflow:hidden; }
#site-search>svg { width:16px; height:16px; margin-left:15px; opacity:.8; }
#site-search input { min-width:0; width:100%; background:none; color:var(--ink); border:0; padding:11px 9px; outline:none; font-size:13px; }
#site-search input::placeholder { color:#60768a; }
#site-search button { flex:none; border:0; border-left:1px solid #de8415; background:var(--action); color:#39280e; padding:11px 20px; font-size:13px; font-weight:600; }
#site-search button:hover { background:#e88916; }
#site-search:focus-within { box-shadow:0 0 0 3px #5099d430; }
.home-ip-weather { width:min(1120px,calc(100% - 48px)); margin:17px auto 17px; padding:17px 23px 15px; border:1px solid #c9dff0; border-radius:11px; background:#edf5fd; color:#234e72; box-shadow:inset 0 3px 0 #579bd4,0 3px 12px #2850740c; }
.home-ip-heading { display:flex; justify-content:space-between; align-items:center; gap:18px; }
.home-ip-kicker { margin:0 0 3px; color:#47667f; font-size:11px; line-height:1.4; }
.home-ip-kicker span { margin-left:5px; opacity:1; }
.home-ip-heading h2 { margin:0; font-size:19px; font-weight:550; line-height:1.45; letter-spacing:.02em; }
.home-ip-location-note { margin:4px 0 0; color:#48657b; font-size:11px; line-height:1.6; }
.home-weather-change,.home-weather-retry { flex:none; padding:7px 13px; border:1px solid #c0d9ec; border-radius:18px; background:#fff; color:#275f89; font-size:11px; }
.home-weather-change:hover,.home-weather-retry:hover { background:#dcecf8; }
.home-weather-status { display:flex; align-items:center; gap:10px; }
.home-weather-message { margin:8px 0 0; color:#476078; font-size:11px; line-height:1.5; }
.home-weather-city-form { display:flex; align-items:end; justify-content:space-between; gap:12px; margin:11px 0 2px; border:1px solid #c9dff0; border-radius:8px; background:#fff; padding:10px 12px; }
.home-weather-city-form[hidden] { display:none; }
.home-weather-city-copy { display:grid; gap:3px; color:#234e72; }
.home-weather-city-copy label { font-size:11px; font-weight:600; }
.home-weather-city-copy small { color:#596d7c; font-size:10px; line-height:1.5; }
.home-weather-city-controls { display:flex; min-width:260px; flex:0 1 390px; align-items:center; gap:8px; }
.home-weather-city-controls input { box-sizing:border-box; width:100%; min-width:0; height:38px; border:1px solid #cdd9e2; border-radius:6px; background:#fff; padding:0 10px; color:#30363e; font:inherit; font-size:12px; }
.home-weather-city-controls button { height:38px; flex:none; padding:0 14px; }
@media(max-width:620px) { .home-weather-city-form { align-items:stretch; flex-direction:column; gap:8px; } .home-weather-city-controls { min-width:0; flex-basis:auto; } }
.home-weather-message:empty { display:none; }
.home-weather-retry[hidden] { display:none; }
.home-weather-retry { margin-top:7px; padding:4px 10px; border:1px solid #bdd5e8; border-radius:14px; background:#fff; color:#275f89; font-size:11px; }
.home-weather-retry:hover { background:#dcecf8; }
.ip-weather-data { display:flex; align-items:center; flex-wrap:wrap; gap:5px 21px; margin-top:8px; }
.ip-weather-main { display:flex; align-items:center; flex-wrap:wrap; gap:10px; min-height:48px; }
.ip-weather-main strong { font-size:42px; font-weight:350; line-height:1.15; letter-spacing:-.045em; }
.ip-weather-main>span:not(.ip-weather-icon) { font-size:16px; }
.ip-weather-icon svg { width:36px; height:36px; color:#2e78ae; }
.ip-weather-metrics { display:flex; align-items:center; flex-wrap:wrap; gap:5px 17px; color:#365775; font-size:12px; }
.ip-weather-main>.ip-weather-air { padding:4px 9px; border:1px solid #c8dcce; border-radius:13px; background:#edf6ef; color:#345d40; font-size:12px; }
.ip-weather-metrics [hidden] { display:none; }
.ip-weather-warning { border-radius:12px; padding:3px 8px; background:#fbead3; color:#744319; }
.home-weather-alert { display:inline-block; }
.ip-weather-time { flex-basis:100%; margin:3px 0 0; color:#49657b; font-size:11px; }
.home-ip-weather[data-state="loading"] .home-weather-message::before { content:""; display:inline-block; width:6px; height:6px; margin-right:7px; border-radius:50%; background:#f5cb75; vertical-align:1px; animation:location-pulse 1.25s ease-in-out infinite alternate; }
.home-ip-weather[data-state="error"] { background:#f2f6fa; box-shadow:inset 0 3px 0 #9bb2c5; }
.home-ip-weather[data-fixture="true"] .home-ip-kicker span { color:#82571d; opacity:1; }
@keyframes location-pulse { to { opacity:.35; transform:scale(.72); } }
@media(prefers-reduced-motion:reduce) { .home-ip-weather[data-state="loading"] .home-weather-message::before { animation:none; } }
.preview-context { width:min(1120px,calc(100% - 48px)); margin:13px auto 15px; font-size:10px; color:var(--muted); }
.place-access-note { display:block; margin-top:3px; color:var(--muted); font-size:10px; line-height:1.4; }
.place-information { max-width:760px; margin:0 auto; padding:0 24px 24px; color:var(--ink); font-size:13px; line-height:1.8; }
.place-information h2 { margin:0 0 10px; font-size:20px; font-weight:600; }
.place-information a { color:#2b6590; text-decoration:underline; text-underline-offset:3px; }
.site-navigation { width:100%; background:#4f78a7; box-shadow:inset 0 -1px 0 #204d7220; }
.site-nav { width:min(1120px,calc(100% - 48px)); margin:0 auto; display:flex; justify-content:center; }
.site-nav a { flex:0 1 160px; padding:13px 18px; text-align:center; border:0; border-radius:0; font-size:17px; line-height:25px; color:#fff; white-space:nowrap; }
.site-nav a:hover { background:#386b98; }
.site-nav a[aria-current="page"] { background:#2d6288; box-shadow:none; color:#fff; }
.site-nav a:focus-visible { outline-color:#fff; outline-offset:-4px; }
.catalog-page { width:min(1120px,calc(100% - 48px)); margin:0 auto; min-height:55vh; padding:0 0 22px; }
.catalog-page h1,.catalog-page h2,.catalog-page h3 { margin:0; }
.national-module,.directory-module,.world-module,.famous-module { margin-bottom:23px; overflow:hidden; }
.directory-heading { padding:29px 28px 22px; text-align:center; }
.directory-heading h1 { font-size:26px; line-height:1.5; font-weight:550; letter-spacing:.02em; }
.directory-heading p { margin:9px 0 0; font-size:13px; line-height:1.9; color:var(--muted); }
.map-grid { display:grid; grid-template-columns:minmax(0,1.6fr) minmax(0,1fr); gap:24px; padding:13px 26px 24px; }
.map-surface { display:flex; align-items:center; background:#edf6fc; border:1px solid #deebf4; border-radius:9px; padding:27px 10px 17px; min-width:0; }
.china-map { width:100%; height:auto; overflow:visible; }
.china-map .lind-link path { fill:#9bc5e4; stroke:#e9f6ff; stroke-width:.85; transition:fill .15s; }
.china-map .lind-link:hover path,.china-map .lind-link:focus-visible path { fill:#5da0d5; }
.china-map text { fill:#193b53; font:12px Arial,"PingFang SC",sans-serif; text-anchor:middle; }
.region-groups { display:flex; flex-direction:column; justify-content:space-between; gap:9px; }
.region-group { padding:0 0 9px; border-bottom:1px dotted #d5e2eb; }
.region-group:last-child { border-bottom:0; padding-bottom:0; }
.region-group h2 { display:inline-block; background:#e9f1f7; padding:3px 14px; border-radius:5px; font-size:14px; font-weight:550; line-height:22px; color:#315872; margin-bottom:5px; }
.region-links { display:flex; flex-wrap:wrap; gap:2px 0; }
.region-links a { padding:3px 7px; border-radius:5px; font-size:14px; color:#355269; line-height:22px; }
.region-links a:hover { background:#e7f2f9; color:#185c8a; }
.popular-strip { margin:5px 26px 25px; }
.popular-strip h3 { font-size:15px; line-height:28px; font-weight:550; border-bottom:1px dotted #d5e2eb; padding-bottom:7px; margin-bottom:11px; }
.popular-strip>div { display:flex; flex-wrap:wrap; gap:7px; }
.popular-strip a { display:block; border-radius:5px; padding:7px 16px; background:#eff5f9; color:#355a73; font-size:13px; }
.popular-strip a:hover { background:#dfedf7; color:#205d85; }
.module-heading { padding:19px 26px; border-bottom:1px solid #d7e4ee; box-shadow:inset 0 -3px 0 #77ace0; }
.module-heading :is(h1,h2) { position:relative; padding-left:14px; font-size:20px; font-weight:550; line-height:1.5; }
.module-heading :is(h1,h2)::before { content:""; position:absolute; width:3px; height:20px; border-radius:2px; background:#3b8abd; left:0; top:50%; transform:translateY(-50%); }
.famous-rows { padding:22px 26px 24px; }
.famous-row { display:flex; align-items:flex-start; gap:19px; margin:6px 0; }
.famous-row>a { width:115px; flex:none; padding:8px 10px; border-radius:5px; background:#edf3f8; color:#35566f; text-align:center; font-size:16px; font-weight:500; }
.famous-cities { display:flex; flex-wrap:wrap; gap:0; flex:1; min-width:0; padding-top:2px; }
.famous-cities a { font-size:14px; line-height:26px; padding:5px 10px; border-radius:5px; }
.famous-cities a:hover { background:#eaf3fa; color:#1f628e; }
.module-footer { border-top:1px solid #e0e9f0; background:#f2f7fb; color:#365c77; text-align:center; }
.module-footer a { display:block; padding:13px 18px; font-size:14px; }
.breadcrumbs { display:flex; flex-wrap:wrap; align-items:center; gap:10px; margin:0 0 19px; padding:12px 16px; font-size:16px; font-weight:500; color:#35536d; border-radius:7px; background:#edf4fb; box-shadow:inset 0 -2px 0 #83b3df; }
.breadcrumbs a { color:#28618c; }
.breadcrumbs strong { font-weight:650; color:#234d70; }
.breadcrumbs span { color:#5d7990; }
.breadcrumbs a:hover { text-decoration:underline; text-underline-offset:3px; }
.directory-groups { padding:15px 25px 26px; }
.place-group { margin-bottom:23px; }
.place-group:last-child { margin-bottom:0; }
.group-heading { display:flex; align-items:center; justify-content:space-between; gap:15px; padding:10px 14px; border:1px solid #2b75ad; border-radius:6px; background:var(--accent); color:#fff; margin-bottom:6px; }
.group-heading h2 { font-size:17px; font-weight:550; line-height:1.5; }
.group-heading h2 a:hover { text-decoration:underline; text-underline-offset:4px; }
.place-grid { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:0 10px; }
.place-grid a { position:relative; display:flex; align-items:center; min-width:0; min-height:43px; padding:7px 11px; border:1px solid transparent; border-radius:6px; font-size:14px; line-height:1.65; color:#343d46; overflow-wrap:anywhere; }
.place-grid a:hover,.place-grid a:focus-visible { background:#edf6fc; border-color:#dcebf5; color:#1c628f; }
.world-groups { padding:23px 25px 30px; }
.continent-block { margin-bottom:31px; }
.continent-block:last-child { margin-bottom:0; }
.continent-block h2 { margin:0 0 16px; text-align:center; font-size:22px; font-weight:550; }
.continent-block h2 span { display:inline-block; padding:8px 24px; border-radius:5px; background:var(--accent); color:#fff; }
.empty-state { padding:30px 20px; text-align:center; }
.empty-state h2 { font-size:19px; font-weight:450; margin-bottom:10px; }
.empty-state p { font-size:13px; line-height:1.8; color:var(--muted); }
.empty-state a { display:inline-block; margin-top:12px; border:1px solid #cfdfeb; border-radius:18px; padding:8px 17px; color:#245f86; font-size:12px; }
.catalog-footer { width:min(1120px,calc(100% - 48px)); margin:0 auto; padding:8px 0 30px; text-align:center; font-size:10px; line-height:1.8; color:#536c80; }
.catalog-footer p { margin:5px 0; }
.catalog-footer p:first-child { font-size:13px; color:#34546d; }
.catalog-footer .footer-tagline { margin-left:10px; font-size:11px; }
.catalog-footer a { text-decoration:underline; text-decoration-color:#a1bacd; text-underline-offset:3px; }
#place-dialog { width:min(580px,calc(100% - 32px)); max-height:80dvh; overflow-y:auto; background:#fbfdff; color:var(--ink); border-color:#d1e0ea; box-shadow:0 20px 70px #16344b30; }
#place-dialog .circle-button { color:var(--ink); background:#eef4f8; border-color:#dce7ee; }
#dialog-content p { font-size:13px; line-height:1.8; color:var(--muted); }
#dialog-content .dialog-result { display:block; padding:11px 4px; border-bottom:1px solid #e1eaf0; font-size:14px; }
#dialog-content .dialog-result small { display:block; margin-top:4px; font-size:10px; color:#597185; }
.dialog-action { display:inline-block; padding:10px 16px; margin-top:12px; border:1px solid #cfdfeb; border-radius:10px; background:#edf5fb; color:#245e84; font-size:13px; }
.no-script { max-width:760px; margin:30px auto; padding:20px; text-align:center; }
@media(max-width:1000px) {
 .map-grid { grid-template-columns:minmax(0,1.3fr) minmax(0,1fr); gap:20px; }
 .place-grid { grid-template-columns:repeat(4,minmax(0,1fr)); }
 .famous-row>a { width:100px; }
}
@media(max-width:640px) {
 .home-ip-weather { width:calc(100% - 32px); padding:14px 16px 13px; border-radius:10px; margin:14px auto 13px; }
 .home-ip-heading { align-items:flex-start; gap:7px; }
 .home-ip-heading h2 { font-size:17px; }
 .home-ip-location-note { max-width:245px; }
 .home-weather-change,.home-weather-retry { padding:6px 10px; }
 .ip-weather-data { gap:4px 15px; margin-top:5px; }
 .ip-weather-main strong { font-size:37px; }
 .ip-weather-metrics { gap:5px 12px; }
 .site-header { width:calc(100% - 32px); padding:18px 0 16px; gap:14px; flex-wrap:wrap; }
 .site-header .brand>img { width:28px; height:28px; }
 #site-search { width:100%; }
 #site-search input { font-size:14px; }
 .preview-context { width:calc(100% - 32px); font-size:9px; margin:11px auto 13px; }
 .site-nav { width:100%; }
 .site-nav a { padding:11px 4px; font-size:14px; line-height:22px; }
 .catalog-page { width:calc(100% - 32px); }
 .directory-heading { padding:23px 18px 17px; }
 .directory-heading h1 { font-size:21px; }
 .directory-heading p { font-size:12px; line-height:1.8; }
 .map-grid { grid-template-columns:1fr; gap:19px; padding:8px 17px 20px; }
 .map-surface { padding:24px 8px 15px; }
 .region-groups { gap:8px; }
 .region-group { padding-bottom:9px; }
 .region-group h2 { font-size:13px; padding:3px 12px; }
 .region-links a { font-size:13px; padding:3px 7px; }
 .popular-strip { margin:0 17px 19px; }
 .popular-strip a { padding:6px 12px; font-size:12px; }
 .module-heading { padding:16px 17px; }
 .module-heading :is(h1,h2) { font-size:18px; }
 .famous-rows { padding:14px 17px 19px; }
 .famous-row { gap:9px; margin:9px 0; }
 .famous-row>a { width:67px; padding:7px 4px; font-size:13px; }
 .famous-cities { padding-top:0; }
 .famous-cities a { font-size:13px; padding:5px 7px; line-height:24px; }
 .module-footer a { font-size:13px; padding:11px 15px; }
 .breadcrumbs { font-size:14px; padding:11px 12px; margin-bottom:15px; }
 .directory-groups { padding:9px 17px 21px; }
 .group-heading { padding:8px 11px; }
 .group-heading h2 { font-size:16px; }
 .place-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 8px; }
 .place-grid a { padding:7px 8px; min-height:43px; font-size:13px; }
 .world-groups { padding:18px 17px 25px; }
 .continent-block { margin-bottom:25px; }
 .continent-block h2 { font-size:19px; margin-bottom:12px; }
 .continent-block h2 span { padding:7px 19px; }
 .catalog-footer { width:calc(100% - 36px); padding-bottom:25px; }
}