@charset "utf-8";
* { margin: 0; padding: 0; box-sizing: border-box; }
html { font-size: 50px; }
body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; font-size: 12px; background: #f5f5f5; color: #333; -webkit-text-size-adjust: 100%; }
a { text-decoration: none; color: #333; }
ul, li { list-style: none; margin: 0; padding: 0; }
img { border: 0; vertical-align: middle; }

/* 顶部天气头 */
.headPage { background: linear-gradient(135deg, #4a90d9 0%, #357abd 100%); padding: 0.3rem 0.24rem 0.2rem; position: relative; }
.headPage .logowp { display: flex; align-items: center; justify-content: space-between; }
.headPage .logowp .logo img { height: 0.44rem; }
.headPage .calendar { color: #fff; font-size: 0.24rem; }
.headPage .calendar .city { font-size: 0.22rem; opacity: 0.8; }
.headPage .weath { color: #fff; font-size: 0.22rem; margin-top: 0.06rem; }

/* 搜索框 */
.searchWrapper { padding: 0.16rem 0.24rem; background: #fff; }
.searchBox { display: flex; align-items: center; background: #f1f1f1; border-radius: 0.4rem; padding: 0 0.2rem; height: 0.72rem; }
.searchBox .kw { flex: 1; border: none; background: transparent; font-size: 0.26rem; outline: none; padding: 0 0.1rem; }
.searchBox .btn { background: #4e6ef2; color: #fff; border: none; border-radius: 0.36rem; padding: 0.1rem 0.3rem; font-size: 0.26rem; cursor: pointer; white-space: nowrap; }
.searchBox .search-logo { width: 0.36rem; height: 0.36rem; background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%234e6ef2"><path d="M15.5 14h-.79l-.28-.27A6.471 6.471 0 0016 9.5 6.5 6.5 0 109.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"/></svg>') no-repeat center/contain; }

/* === 核心：入口区域 === */
.m-box-quick-enter { background: #fff; padding: 0.2rem 0.24rem; margin: 0.16rem 0; border-radius: 0.12rem; }
.m-box-quick-enter h1 { font-size: 0.32rem; color: red; font-weight: bold; text-align: center; margin-bottom: 0.16rem; }
.m-box-quick-enter .domain-text { font-size: 0.28rem; color: rgb(160, 64, 0); font-weight: bold; text-align: center; padding: 0.08rem; margin: 0.06rem 0; border-radius: 0.06rem; }
.m-box-quick-enter .domain-text:nth-child(odd) { background: linear-gradient(45deg, rgb(255, 87, 51), rgb(255, 255, 255), rgb(255, 87, 51)); }
.m-box-quick-enter .domain-text:nth-child(even) { background: linear-gradient(45deg, rgb(51, 255, 87), rgb(255, 255, 255), rgb(51, 255, 87)); }
.m-listA { display: flex; flex-wrap: wrap; gap: 0.16rem; justify-content: center; margin-top: 0.2rem; }
.m-listA li { flex: 1; min-width: 40%; }
.m-listA li a { display: block; text-align: center; background: linear-gradient(135deg, #ff6b35, #ff8c42); color: #fff; font-size: 0.28rem; font-weight: bold; padding: 0.2rem 0; border-radius: 0.12rem; box-shadow: 0 2px 8px rgba(255,107,53,0.3); }
.m-listA li a:active { opacity: 0.8; transform: scale(0.98); }

/* 导航图标区 */
.iconsite { background: #fff; padding: 0.2rem 0.12rem; }
.sitewp { display: flex; flex-wrap: wrap; }
.sitelink { display: flex; flex-direction: column; align-items: center; width: 20%; padding: 0.16rem 0; font-size: 0.2rem; color: #333; }
.sitelink .icon { width: 0.8rem; height: 0.8rem; border-radius: 0.16rem; margin-bottom: 0.08rem; background-size: contain; background-repeat: no-repeat; background-position: center; }

/* 分类标签 */
.sitetext { background: #fff; padding: 0.16rem 0.24rem; margin-top: 0.16rem; }
.sitetext-linkwp { display: flex; flex-wrap: wrap; gap: 0.12rem; }
.sitetext-linkwp a { background: #f5f5f5; padding: 0.1rem 0.24rem; border-radius: 0.06rem; font-size: 0.22rem; color: #333; }

/* 新闻滚动区 */
.topMain { background: #fff; margin-top: 0.16rem; padding: 0.16rem 0.24rem; overflow: hidden; }
.topMain .linkwp { white-space: nowrap; overflow-x: auto; -webkit-overflow-scrolling: touch; }
.topMain .toplink { display: inline-block; padding: 0.08rem 0.2rem; margin-right: 0.12rem; background: #f8f8f8; border-radius: 0.06rem; font-size: 0.22rem; color: #666; white-space: nowrap; }

/* 资讯卡片区 */
.cardwp { background: #fff; margin-top: 0.16rem; padding: 0.16rem 0.24rem; }
.navwp { display: flex; align-items: center; border-bottom: 1px solid #eee; padding-bottom: 0.12rem; margin-bottom: 0.16rem; }
.navwp .nav { display: flex; flex: 1; gap: 0.3rem; }
.navwp .nav-item { font-size: 0.28rem; color: #999; padding-bottom: 0.08rem; cursor: pointer; }
.navwp .nav-item-cur { color: #333; font-weight: bold; border-bottom: 2px solid #4e6ef2; }
.navwp .nav-more { font-size: 0.22rem; color: #999; }
.card-item { display: flex; padding: 0.2rem 0; border-bottom: 1px solid #f5f5f5; }
.card-item .card-txt { flex: 1; }
.card-item .card-title { font-size: 0.28rem; color: #333; line-height: 1.4; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.card-item .card-src { font-size: 0.2rem; color: #999; margin-top: 0.12rem; }
.card-item .card-img { width: 2rem; height: 1.4rem; margin-left: 0.16rem; border-radius: 0.08rem; background: #f0f0f0; overflow: hidden; }
.card-item .card-img img { width: 100%; height: 100%; object-fit: cover; }

/* 底部 */
.footer { background: #fff; padding: 0.3rem 0.24rem; margin-top: 0.16rem; text-align: center; }
.footer .record-item { font-size: 0.2rem; color: #999; line-height: 1.8; }
.footer .record-item a { color: #999; }

/* 响应式 */
@media (min-width: 600px) {
    body { max-width: 600px; margin: 0 auto; }
}