/*!
    Theme Name: lexiw
    Theme URI: https://www.lexiw.com/
    Description: A better wordpress theme by lexiw.com
    Author: lexiw.com
    Author URI: https://www.lexiw.com/
    Version: 3.2
*/
@import url('fonts/iconfont.css');
html {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
html {scroll-behavior:smooth}
:root {--navy:#061a36;--navy-2:#082651;--blue:#0f4e9b;--blue-2:#1f6ec4;--ink:#14243b;--muted:#68758a;--line:#dce5f0;--bg:#eef3f8;--card:#ffffff;--gold:#b88a42;--gold-soft:#f6efe4;--green:#1c9c68;--shadow:0 14px 36px rgba(12,38,78,.08);}
* {box-sizing:border-box;}
body {margin:0;background:#f4f7fb;color:var(--ink);font-family:"Microsoft YaHei","PingFang SC","Noto Sans SC",Arial,sans-serif;font-size:14px;line-height:1.6;}
.container {width:min(1280px,calc(100% - 96px));margin:0 auto;}
a {color:#282a2d;outline:0!important;text-decoration:none;transition: all .3s ease-out 0s;}
a:hover {text-decoration:none;color:#b88a42; }
img {border:0;max-width: 100%;}
input,select,button,textarea{border:0; background:none; outline:none; vertical-align:middle;}
input::placeholder {color: #cccbcb;}

.site-header {background:#fff;box-shadow:0 2px 16px rgba(12,38,78,.08);position: relative;z-index: 30;}
.topbar {height:34px;background:var(--navy);color:rgba(255,255,255,.82);font-size:13px;}
.topbar-inner,.brandbar-inner,.nav-inner {display:flex;align-items:center;}
.topbar-inner {height:34px;justify-content:space-between;}
.topbar-left,.topbar-right {display:flex;gap:22px;align-items:center;}
.topbar a {color:rgba(255,255,255,.86);}
.brandbar {background:#fff;}
.brandbar-inner {height:94px;gap:34px;}
.brand {display:flex;align-items:center;gap:14px;min-width:260px;}
.brand-mark {position:relative;display:inline-block;}
.brand-mark img {display: block;height: min(67px, 80px);max-width: fit-content;width: auto;}
.brand strong {display:block;color:#0b2d5c;font-size:30px;letter-spacing:.04em;line-height:1.15;}
.brand em {display:block;margin-top:4px;color:#53627a;font-style:normal;font-size:13px;letter-spacing:.08em;}
.site-header .brand strong {color:#fff;font-size:31px;line-height:1.14;letter-spacing:.02em;}
.site-header .brand em {color:rgba(255,255,255,.64);letter-spacing:.08em;}

.search-wrap {flex:1;display:flex;height:42px;max-width:520px;margin-left:auto;border:1px solid #cbd7e8;border-radius:3px;overflow:hidden;background:#fff;}
.search-wrap input {flex:1;border:0;padding:0 18px;color:#526076;outline:0;}
.search-wrap button {width:64px;border:0;background:var(--navy-2);color:#fff;cursor:pointer;}
.brand-actions {display:flex;gap:14px;}
.btn {display:inline-flex;align-items:center;justify-content:center;height:42px;padding:0 22px;border-radius:4px;font-weight:700;}
.btn-light {border:1px solid #d6bf93;color:#9a7135;background:#fffaf1;}
.btn-primary {color:#fff;background:var(--navy-2);box-shadow:0 10px 20px rgba(8,38,81,.16);}
.main-nav {background:linear-gradient(90deg,#09234a 0%,#06346e 52%,#09234a 100%);}
.nav-inner {min-height:54px;gap:0;overflow-x:auto;}
.main-nav a {position:relative;flex:0 0 auto;padding:17px 14px 15px;color:rgba(255,255,255,.9);font-weight:700;font-size:15px;white-space:nowrap;}
.main-nav a.active::after,.main-nav a:hover::after {content:"";position:absolute;left:14px;right:14px;bottom:0;height:3px;background:var(--gold);}
.channel-center {margin-left:auto;padding-right:0 !important;}

.topbar {height:44px;color:rgba(255,255,255,.82);background:radial-gradient(circle at 18% 50%,rgba(29,99,173,.18),transparent 38%),linear-gradient(90deg,#061a36 0%,#08294f 50%,#061a36 100%);border-bottom:1px solid rgba(126,166,213,.16);font-size:13px;}
.topbar-inner,.topbar-actions {display:flex;align-items:center;}
.topbar-inner {height:44px;justify-content:space-between;}
.topbar-actions {gap:24px;}
.topbar-date,.topbar-actions a {color:rgba(255,255,255,.84);}
.brandbar {background:radial-gradient(circle at 18% 42%,rgba(24,88,166,.32),transparent 34%),radial-gradient(circle at 72% 26%,rgba(198,154,82,.12),transparent 30%),linear-gradient(90deg,#0b1118 0%,#092b5b 48%,#0b1118 100%);box-shadow:inset 0 -1px 0 rgba(255,255,255,.09);}
.brandbar-inner {height:96px;gap:34px;}
.brand {min-width:330px;}

.main-search {display:flex;width:460px;height:46px;margin-left:auto;border:1px solid rgba(255,255,255,.2);border-radius:3px;overflow:hidden;background:rgba(255,255,255,.055);}
.main-search input {flex:1;min-width:0;width:auto;border:0;outline:0;padding:0 20px;color:rgba(255,255,255,.84);background:transparent;}
.main-search input::placeholder {color:rgba(255,255,255,.5);}
.main-search button {width:62px;border:0;color:#fff;background:rgba(255,255,255,.08);border-left:1px solid rgba(255,255,255,.16);font-size:28px;cursor:pointer;}
.brand-actions {gap:20px;}
.btn {height:46px;min-width:126px;padding:0 24px;border-radius:3px;font-weight:900;}
.btn-light {color:#f0c574;border:1px solid rgba(198,154,82,.58);background:rgba(198,154,82,.08);}
.btn-primary {color:#071322;border:0;background:linear-gradient(135deg,#e7be71,#bd8b3f);box-shadow:none;}
.btn-primary:hover{color:#fff;}
.main-nav {background:linear-gradient(90deg,#0b1118 0%,#08234c 50%,#0b1118 100%);border-top:1px solid rgba(255,255,255,.09);box-shadow:none;}
.nav-inner {min-height:60px;}
.main-nav a {padding:19px 17px 18px;color:rgba(255,255,255,.88);font-size:15px;font-weight:800;}
.main-nav a.active::after,.main-nav a:hover::after {left:17px;right:17px;height:3px;background:linear-gradient(90deg,#e7be71,#bd8b3f);}
@media (max-width:980px) {.topbar {height:auto;}
.topbar-inner {height:auto;min-height:34px;padding:7px 0;}
.topbar-actions {display:none;}
.brandbar-inner {height:auto;min-height:0;padding:16px 0;flex-wrap:wrap;gap:14px;}
.brand {min-width:100%;}
.main-search {width:100%;order:3;}
.brand-actions {order:4;flex-wrap:wrap;}
}

.site-footer {margin-top:34px;background: linear-gradient(180deg,#082c59,#061a36);;color:rgba(255,255,255,.76);}
.footer-grid {display:grid;grid-template-columns:1.5fr repeat(4,1fr) 150px;gap:38px;padding:42px 0 30px;}
.brand.dark strong {color:#fff;font-size:24px;}
.brand.dark em {color:rgba(255,255,255,.62);}
.footer-brand p {max-width:310px;color:rgba(255,255,255,.65);}
.socials {display:flex;gap:10px;}
.socials span {width:22px;height:22px;border-radius:50%;background:rgba(255,255,255,.18);}
.site-footer h3 {margin:0 0 12px;color:#fff;font-size:17px;}
.site-footer a {display:block;margin:6px 0;color:rgba(255,255,255,.68);}
.site-footer a:hover{color:#b88a42;}
.qrcode div {width:112px;height:112px;background:linear-gradient(90deg,#fff 8px,transparent 8px) 0 0 / 16px 16px,linear-gradient(#fff 8px,transparent 8px) 0 0 / 16px 16px,#0b2d5c;border:2px solid #fff;border-radius:4px;}
.qrcode p {font-size:12px;line-height:1.5;}
.footer-bottom {display:flex;align-items: center;flex-wrap:wrap;gap:15px;padding:16px 0 20px;border-top:1px solid rgba(255,255,255,.1);font-size:12px;}
.footer-bottom a img {margin: 0 2px 0 2px;vertical-align: sub;width: 17px;}

.fixed-box {position:fixed;right:12px;bottom:10%;width:55px;z-index:9;}
.back-top {background:#0a356f ;background: radial-gradient(circle at 18% 50%,rgba(29,99,173,.18),transparent 38%),linear-gradient(90deg,#061a36 0%,#08294f 50%,#061a36 100%);box-shadow: 0 6px 15px 0 rgba(6,12,19,.14);border-radius: 5px;color:#fff;font-weight:500;padding:6px 0;position:relative;text-align:center;cursor:pointer;line-height:40px;}
.back-top:hover{color:#fff;background:#0a356f}
.back-top i {font-size:1.8rem;vertical-align:middle;}
@media (max-width:767.98px) {
.fixed-box{width: 50px;top: 72%;}
.back-top{padding:5px 0; }
}
@media (max-width:980px) {.container {width:min(100% - 32px,1280px);}
.brandbar-inner,.hero-grid,.split-section,.observation-grid,.latest-grid,.footer-grid {grid-template-columns:1fr;}
.brandbar-inner {height:auto;padding:22px 0;flex-wrap:wrap;}
.search-wrap {order:3;width:100%;max-width:none;}
.data-panel,.city-grid,.park-grid,.report-grid,.ranking-grid,.service-grid {grid-template-columns:1fr;}
.ranking-center-head {align-items:flex-start;flex-direction:column;}
.ranking-tabs {display:flex;overflow-x:auto;padding:0 18px;}
.ranking-tabs button {flex:0 0 210px;}
.ranking-panels {padding:22px 18px 18px;}
.ranking-list {grid-template-columns:1fr;}
.hero-feature {min-height:360px;}
}
/*mobile*/
.mobile-header,.channel-drawer{display: none;}
.mobile-header {position:sticky;top:0;z-index:20;background:linear-gradient(118deg,#071a33,#113e71 60%,#092847);color:#fff;box-shadow:0 4px 18px #071a3330}
.topline {height:26px;padding:0 16px;display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#b5c9e0;border-bottom:1px solid #ffffff16}
.brand-row {height:58px;padding:0 16px;display:flex;align-items:center;justify-content:space-between}
.brand-row .brand {display:flex;align-items:center;gap:9px;font-size:21px;letter-spacing:1px;min-width: auto;}
.brand-row .brand img{display: block;height: min(45px, 80px);max-width: fit-content;width: auto;}
.brand-row .brand strong{color:#fff;font-size: 21px;}
.brand-row .brand-mark {width:28px;height:28px;border:5px solid var(--gold);border-radius:7px;transform:rotate(32deg);display:grid;place-items:center}

.header-actions {display:flex;gap:8px}
.header-actions button {border:1px solid #ffffff38;color:#fff;width:33px;height:33px;border-radius:5px;background:#ffffff12;font-size:18px}
.mobile-nav {height:39px;display:flex;align-items:stretch;overflow-x:auto;scrollbar-width:none;border-top:1px solid #ffffff1f;padding:0 12px}
.mobile-nav::-webkit-scrollbar {display:none}
.mobile-nav a {flex:0 0 auto;display:grid;place-items:center;padding:0 12px;font-size:14px;font-weight:600;color:#d9e7f7;position:relative}
.mobile-nav .active {color:#fff}
.mobile-nav .active:after {content:"";position:absolute;bottom:0;width:22px;height:3px;background:var(--gold)}
.mobile-hero {display:block;position:relative;overflow:hidden;height:245px;border-radius:7px;background:#0d3260;color:#fff}
.mobile-hero img {width:100%;height:100%;object-fit:cover;opacity:.85}
.mobile-hero:after {content:"";position:absolute;inset:35% 0 0;background:linear-gradient(transparent,#061a33e8)}
.mobile-hero>*:not(img) {position:absolute;z-index:1;left:18px;right:18px}
.hero-kicker {bottom:101px;color:#ffe0a0;font-size:12px;font-weight:700}
.mobile-hero h1 {bottom:39px;margin:0;font-size:24px;line-height:1.32;letter-spacing:0}
.mobile-hero p {bottom:15px;margin:0;color:#d6e6f7;font-size:12px}
.city-section {background:#f8fafc}
.channel-drawer {position:fixed;z-index:80;inset:0;display:flex;align-items:flex-start;justify-content:center;padding-top:14px;background:#02142ab8;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .22s ease,visibility .22s ease}
.channel-drawer.is-open {opacity:1;visibility:visible;pointer-events:auto}
.channel-drawer-panel {width:min(100%,540px);max-height:calc(100vh - 14px);overflow-y:auto;padding:18px 16px calc(30px + env(safe-area-inset-bottom));color:#e9f3ff;background:linear-gradient(145deg,#08294f,#0b427b 70%,#06223f);box-shadow:0 18px 46px #0000004d;transform:translateY(-16px);transition:transform .22s ease}
.channel-drawer.is-open .channel-drawer-panel {transform:translateY(0)}
.drawer-head {display:flex;align-items:center;justify-content:space-between;padding-bottom:15px;border-bottom:1px solid #ffffff29}
.drawer-head small,.drawer-special small {display:block;font-size:10px;letter-spacing:.5px;color:#edc46e}
.drawer-head h2 {margin:4px 0 0;font-size:25px}
.drawer-head button {width:34px;height:34px;border:1px solid #e0b55a9c;border-radius:5px;color:#f2cf84;background:transparent;font-size:22px}
.drawer-special {display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:16px 0}
.drawer-special a {min-height:92px;padding:12px 10px;display:flex;flex-direction:column;border:1px solid #ffffff2e;border-top:3px solid var(--gold);border-radius:5px;background:#ffffff0d}
.drawer-special b {margin:7px 0 5px;font-size:15px;color:#fff}
.drawer-special span {font-size:10px;line-height:1.5;color:#bfd2e8}
.drawer-group {padding:14px 0;border-top:1px solid #ffffff24}
.drawer-group h3 {margin:0 0 11px;font-size:16px;color:#fff}
.drawer-group h3:before {content:"";display:inline-block;width:3px;height:15px;margin-right:8px;vertical-align:-2px;background:var(--gold)}
.drawer-group div {display:flex;flex-wrap:wrap;gap:8px}
.drawer-group a {padding:7px 10px;border:1px solid #ffffff26;border-radius:4px;background:#ffffff0a;font-size:12px;color:#dceafa}
.province-group a {min-width:calc(20% - 7px);padding-left:5px;padding-right:5px;text-align:center}

.bottom-nav{display: none!important;}
.mobile-footer{display: none;}
.mobile-footer {background:linear-gradient(125deg,#071a33,#0d427e);color:#fff;padding:27px 20px 30px}
.mobile-footer div {flex-wrap:wrap;gap:12px 20px}
.mobile-footer strong {font-size:19px}
.mobile-footer strong:before {content:"";display:inline-block;width:3px;height:17px;background:var(--gold);vertical-align:-3px;margin-right:7px;border-radius:2px}
.mobile-footer p {font-size:12px;color:#bfd0e1;margin:8px 0 18px}
.mobile-footer div {display:flex;gap:20px;margin-bottom:18px}
.mobile-footer a {font-size:12px;color:#e1eaf3}
.mobile-footer small {font-size:10px;color:#a9bfd4}
.bottom-nav {position:fixed;z-index:30;left:0;right:0;bottom:0;height:63px;background:#fffffff7;border-top:1px solid #dbe4ee;display:flex;justify-content:space-around;padding-bottom:env(safe-area-inset-bottom)}
.bottom-nav a {display:grid;place-content:center;text-align:center;font-size:10px;color:#71839b;gap:3px;width:25%}
.bottom-nav i {font-style:normal;font-size:19px;line-height:18px}
.bottom-nav .active {color:#0b4e91}
.bottom-nav .active i {color:#c59338}

@media (max-width:768px) {
body{padding-bottom: 63px;}
.site-header{display:none;}
.site-footer{display:none;}
.mobile-header,.channel-drawer{display: block;}
.mobile-footer{display: block;}
.bottom-nav{display: flex!important;}


}