/* 首页视觉升级：对应最初确认的政务导航效果图 */
.site-header{position:relative;top:auto;box-shadow:0 1px 10px rgba(18,54,98,.06)}
.header-row{height:96px;gap:30px}
.site-header .brand{gap:14px}
.site-header .brand__seal{width:58px;height:58px;font-size:23px;border-width:4px;box-shadow:0 4px 12px rgba(181,33,39,.18),inset 0 0 0 2px var(--red)}
.site-header .brand strong{font-size:28px;letter-spacing:2px;color:#0c4b96}
.site-header .brand small{font-size:12px;letter-spacing:2px;color:#8a96a8}
.main-nav--visual{gap:4px}
.main-nav--visual a{display:flex;flex-direction:row;gap:8px;padding:0 13px;font-size:15px}
.main-nav--visual .nav-icon{width:22px;height:22px;display:grid;place-items:center;color:#687588;font-size:18px;font-weight:900}
.main-nav--visual a:hover .nav-icon,.main-nav--visual a.is-active .nav-icon{color:var(--blue-700)}
.header-admin-link--compact{padding:6px 9px;font-size:12px;border-color:#d4dfed;color:#63758c}

.hero--landmark{min-height:335px;padding:48px 0 40px;background:linear-gradient(103deg,rgba(6,67,145,.98),rgba(25,118,214,.92) 52%,rgba(11,72,153,.98)),radial-gradient(circle at 52% 10%,#5ba9f0,transparent 54%)}
.hero--landmark:before{display:block;width:100%;height:100%;inset:0;border:0;border-radius:0;background:linear-gradient(180deg,transparent 55%,rgba(0,56,129,.18)),repeating-linear-gradient(90deg,transparent 0 159px,rgba(255,255,255,.025) 160px)}
.hero--landmark:after{display:block;left:0;right:0;bottom:0;width:auto;height:1px;border:0;border-radius:0;background:rgba(255,255,255,.28)}
.hero--landmark .hero__inner{position:relative;z-index:3}
.hero--landmark h1{font-size:38px;letter-spacing:9px;text-shadow:0 2px 10px rgba(0,38,93,.22)}
.hero--landmark p{font-size:18px;letter-spacing:6px;margin-bottom:28px}
.search-bar--hero{width:min(760px,100%);height:66px;padding:6px 7px 6px 18px;border:1px solid rgba(255,255,255,.7);box-shadow:0 16px 35px rgba(0,37,94,.28)}
.search-bar--hero input{font-size:18px;padding-left:13px}
.search-bar--hero .button{min-width:100px;font-size:18px;border-radius:9px}
.search-symbol{position:relative;width:28px;flex:0 0 28px}
.search-symbol:before{content:"";position:absolute;width:18px;height:18px;border:3px solid #0d59ad;border-radius:50%;left:1px;top:13px}
.search-symbol:after{content:"";position:absolute;width:11px;height:3px;background:#0d59ad;transform:rotate(45deg);left:19px;top:34px;border-radius:3px}
.hero--landmark .hot-keywords{margin-top:16px}
.hero--landmark .hot-keywords a{background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.13);padding:4px 14px}
.hero-landmark{position:absolute;z-index:1;bottom:0;display:flex;align-items:flex-end;gap:9px;opacity:.26;pointer-events:none}
.hero-landmark i{display:block;background:linear-gradient(180deg,rgba(210,237,255,.9),rgba(115,185,241,.35));border:1px solid rgba(231,247,255,.45)}
.hero-landmark--left{left:3%;width:320px;height:170px;justify-content:center}
.hero-landmark--left:before{content:"";position:absolute;left:18px;bottom:0;width:275px;height:66px;background:rgba(197,228,249,.62);clip-path:polygon(0 48%,11% 42%,18% 36%,22% 36%,25% 29%,31% 29%,34% 23%,41% 23%,45% 8%,50% 0,55% 8%,59% 23%,66% 23%,69% 29%,75% 29%,78% 36%,83% 36%,90% 42%,100% 48%,94% 53%,94% 100%,6% 100%,6% 53%)}
.hero-landmark--left i:nth-child(1){width:24px;height:58px}.hero-landmark--left i:nth-child(2){width:32px;height:92px}.hero-landmark--left i:nth-child(3){width:24px;height:66px}
.hero-landmark--right{right:3%;width:340px;height:195px;justify-content:flex-end}
.hero-landmark--right i:nth-child(1){width:42px;height:96px;clip-path:polygon(20% 0,80% 0,100% 100%,0 100%)}
.hero-landmark--right i:nth-child(2){width:38px;height:152px;clip-path:polygon(50% 0,100% 15%,83% 100%,17% 100%,0 15%)}
.hero-landmark--right i:nth-child(3){width:50px;height:126px;clip-path:polygon(12% 0,88% 0,100% 100%,0 100%)}
.hero-landmark--right i:nth-child(4){width:54px;height:78px;clip-path:polygon(50% 0,100% 30%,90% 100%,10% 100%,0 30%)}

.home-main{padding-top:25px}
.home-entry-grid{display:grid;grid-template-columns:.94fr 1.18fr;gap:20px;align-items:stretch}
.home-entry-card{overflow:hidden;border-radius:11px;min-height:405px;box-shadow:0 7px 24px rgba(24,62,112,.07)}
.home-card-head{display:flex;align-items:center;justify-content:space-between;padding:20px 22px 14px}
.home-card-head h2{display:flex;align-items:center;gap:11px;margin:0;font-size:22px;color:#1a2a41}
.home-card-head h2:after{content:"";position:absolute}
.home-card-head a{font-size:14px;color:#6e7c91}
.home-title-icon{width:34px;height:34px;display:grid;place-items:center;color:#0d5db9;font-size:27px}
.entry-subtitle{margin:0 22px 12px;color:#1f548d;font-weight:800;font-size:17px}
.national-entry-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px 10px;padding:0 22px 16px}
.national-entry-grid a{min-width:0;display:flex;align-items:center;gap:9px;height:48px;padding:0 10px;border:1px solid #e2e9f2;border-radius:4px;background:#fff;color:#3b4b61;transition:.18s}
.national-entry-grid a:hover{border-color:#8eb7e5;background:#f5f9ff;color:#0b5db8;transform:translateY(-1px)}
.national-entry-grid a span{width:26px;height:26px;flex:0 0 26px;display:grid;place-items:center;border-radius:50%;background:#0e61b9;color:#fff;font-size:12px;font-weight:800}
.national-entry-grid a strong{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.entry-footer-link{height:38px;margin:0 22px 17px;border:1px solid #80a9d6;color:#24639f;display:flex;align-items:center;justify-content:center;font-size:13px;border-radius:4px}
.entry-footer-link b{margin-left:8px;font-size:18px}
.province-entry-layout{display:grid;grid-template-columns:42% 58%;min-height:325px;padding:5px 20px 22px 10px;align-items:center}
.china-map-wrap{display:grid;place-items:center;min-height:270px;position:relative}
.china-map-wrap:after{content:"省级政务入口";position:absolute;bottom:24px;color:#6f9ed1;font-size:12px;letter-spacing:2px}
.china-map-wrap img{max-width:92%;max-height:235px;object-fit:contain;filter:saturate(.75) brightness(1.35) drop-shadow(0 10px 12px rgba(41,112,188,.1));opacity:.68}
.province-grid--home{grid-template-columns:repeat(5,minmax(0,1fr));padding:0;gap:8px}
.province-grid--home .province-pill{height:34px;padding:5px 4px;border-radius:4px;background:#fbfcfe;font-size:12px;color:#31557f;display:grid;place-items:center}
.home-summary-row{display:flex;align-items:center;gap:28px;padding:12px 19px;margin:-5px 0 24px;border:1px solid #e3eaf3;border-radius:8px;background:#fff;color:#68788d;font-size:13px}
.home-summary-row span b{color:#0d5db8;font-size:18px;margin-right:5px}
.home-summary-row a{margin-left:auto;color:#0d5db8;font-weight:700}
.home-content-grid{padding-top:2px}

@media(max-width:1100px){
  .site-header .brand strong{font-size:22px}.site-header .brand__seal{width:50px;height:50px}.main-nav--visual a{padding:0 8px;gap:5px}.header-admin-link--compact{display:none}
  .home-entry-grid{grid-template-columns:1fr}.home-entry-card{min-height:0}.province-entry-layout{grid-template-columns:34% 66%}
}
@media(max-width:760px){
  .header-row{height:auto}.site-header .brand strong{font-size:19px}.site-header .brand__seal{width:43px;height:43px}.main-nav--visual{width:100%;order:3}.main-nav--visual a{font-size:13px;gap:4px}.main-nav--visual .nav-icon{font-size:14px;width:17px}
  .hero--landmark{min-height:300px;padding:38px 0}.hero--landmark h1{font-size:27px;letter-spacing:5px}.hero--landmark p{font-size:13px;letter-spacing:2px}.hero-landmark{opacity:.13}.search-bar--hero{height:58px}.search-bar--hero input{font-size:15px}.search-bar--hero .button{min-width:76px;font-size:16px}
  .national-entry-grid{grid-template-columns:repeat(2,minmax(0,1fr));padding:0 14px 14px}.home-card-head{padding:17px 15px 12px}.entry-subtitle{margin-left:15px}.entry-footer-link{margin-left:15px;margin-right:15px}
  .province-entry-layout{grid-template-columns:1fr;padding:0 14px 18px}.china-map-wrap{display:none}.province-grid--home{grid-template-columns:repeat(4,minmax(0,1fr))}
  .home-summary-row{gap:10px;flex-wrap:wrap}.home-summary-row a{width:100%;margin-left:0}.home-card-head h2{font-size:19px}
}
@media(max-width:440px){.province-grid--home{grid-template-columns:repeat(3,minmax(0,1fr))}.national-entry-grid{grid-template-columns:1fr}.home-summary-row span{width:100%}}

/* 省市地图联动与本地天气 */
.china-map-wrap{display:block;min-height:292px;padding:3px 0 28px}
.china-map-wrap:after{bottom:4px;left:50%;transform:translateX(-50%);white-space:nowrap}
.china-map-wrap img{display:none}
.province-map{width:100%;height:274px;display:block;overflow:visible;filter:drop-shadow(0 10px 12px rgba(41,112,188,.1))}
.province-shape{fill:#8faee0;stroke:#fff;stroke-width:1.05;vector-effect:non-scaling-stroke;cursor:pointer;transition:fill .18s,filter .18s,opacity .18s;outline:none}
.province-shape:hover,.province-shape:focus{fill:#5385ce;filter:brightness(1.05)}
.province-shape.is-active{fill:#0e63ba;stroke:#fff;stroke-width:1.45;filter:drop-shadow(0 0 3px rgba(12,86,174,.42))}
.city-marker{fill:#e14949;stroke:#fff;stroke-width:1.4;cursor:pointer;transition:r .15s,fill .15s;outline:none}
.city-marker:hover,.city-marker:focus,.city-marker.is-active{fill:#a90c15;r:6.2}
.province-map-legend{position:absolute;z-index:2;top:9px;left:13px;max-width:72%;padding:5px 8px;border-radius:4px;background:rgba(255,255,255,.88);box-shadow:0 1px 6px rgba(25,66,116,.1);color:#52749c;font-size:11px;line-height:1.45}
.province-map-status{position:absolute;z-index:2;right:8px;bottom:24px;left:8px;min-height:19px;text-align:center;color:#396a9e;font-size:11px;line-height:1.45}
.province-grid--home .province-pill{border:1px solid #e1e8f0;cursor:pointer;transition:border-color .18s,background .18s,color .18s,transform .18s}
.province-grid--home .province-pill:hover,.province-grid--home .province-pill:focus,.province-grid--home .province-pill.is-active{border-color:#2b74bd;background:#eaf3ff;color:#0b5aa9;transform:translateY(-1px);outline:none}
.city-entry-panel{grid-column:1/-1;min-height:34px;margin-top:8px;padding:9px;border:1px dashed #cfdfef;border-radius:5px;background:#f8fbff;display:flex;flex-wrap:wrap;align-content:flex-start;gap:6px;max-height:110px;overflow:auto}
.city-panel__hint{display:block;width:100%;color:#7990ab;font-size:12px;line-height:1.7;text-align:center}
.city-pill{min-width:58px;padding:5px 8px;border:1px solid #d6e2ef;border-radius:4px;background:#fff;color:#3e628a;font:inherit;font-size:12px;cursor:pointer;transition:.18s}
.city-pill:hover,.city-pill:focus,.city-pill.is-active{border-color:#176cbb;background:#e5f1ff;color:#0759a8;outline:none}
.map-result-link{display:block;grid-column:1/-1;margin-top:6px;text-align:center;color:#0d61b9;font-size:12px;font-weight:700}
.weather-card{position:relative}
.weather-local-notice{margin:8px 0 0;color:#71839b;font-size:11px;line-height:1.5}
.weather-local-notice:before{content:"●";margin-right:5px;color:#4f91cf;font-size:9px}
@media(max-width:760px){.city-entry-panel{grid-column:auto}.province-map-legend,.province-map-status{display:none}}
