.main{margin-bottom: 10vh; }


.discover-wrapper{min-height:450px}
.discover-section{margin:0 auto;margin-top:20px}
.discover-wrapper .discover-main{margin:0 auto;display:flex;gap:10px}


.discover-main .head h2{font-size:18px;border-left:4px solid #078832;padding-left:10px;color:#1f2933}
.discover-main .head h2 .up{color:#f07a00;font-size:12px;border:none;padding:0}

/*左侧筛选*/
.discover-side{width:250px;flex-shrink:0;position:relative;border: 1px solid #e5e7eb;border-radius: 4px;}
.region-title{padding: 10px;max-height: 60px;overflow: hidden;}
.discover-side h1{font-size:22px;font-weight:700;color:#171717;letter-spacing:2px;}
.region-desc{color:#6b7280;font-size:12px;margin-top: 6px;}

.filter-section{background: #fff;}
.filter-item{display:flex;align-items:flex-start;gap:10px;padding:10px;flex:1;}
.filter-item:not(:last-child){border-bottom:1px solid #ddd}
.filter-item:hover{background:#f5fbf7;}
.filter-item .info-section{width: 100%;}
.filter-item .filter-title{display: flex;align-items: center;justify-content: space-between;font-size: 14px;}
.filter-title .left{display: flex;gap: 6px;align-items: center;}
.filter-title .left .iconfont{padding: 4px;border-radius: 50%;color: #fff;font-size: 13px;}
.filter-title .left .iconfont.location{background: #4caf50;}
.filter-title .left .iconfont.flag{background: #673ab7;}
.filter-title .left .iconfont.biaoqian{background: #03a9f4;}
.filter-title .left .iconfont.area{background: #ff9800;}
.filter-title .jump{color: #999;font-size: 14px;}
.filter-item .info-list{display:flex;flex-wrap:wrap;padding-left: 26px;gap:8px 6px;font-size:12px;margin-top:12px;max-height:42px;overflow:hidden;position:relative}
.filter-item .info-list > a{color:#636363;border-radius:2px;text-decoration:none;white-space:nowrap;cursor: pointer;}
.filter-item:hover .expand-container{display:block}
.filter-item .expand-container{position:absolute;right:-800px;top:0;width:800px;bottom:0;z-index:20;display:none}
.filter-item .expand-section{margin-left:10px;background:#f5fbf7;width:calc(100% - 40px);height:100%;padding:20px;font-size:12px}
.filter-item .expand-section ul{display:flex;flex-wrap:wrap;gap:10px 8px}
.filter-item .expand-section a{color: #999;}
.filter-item a:hover{color:var(--primary-actice)}
.filter-item .expand-section .label{font-weight:bold;margin-bottom:6px}
.filter-item .expand-section ul:not(:last-child){margin-bottom:15px}

/*地图*/
.discover-map{flex:1;background:#fff;position:relative;border: 1px solid #e5e7eb;border-radius: 4px;}
.discover-map .head{position:absolute;top:0;left:0;right:0;display:flex;align-items:flex-end;height:36px;z-index:1;gap:4px}
.discover-map-wrapper{width:100%;max-width:640px;height:450px;overflow: unset!important;}
.discover-map .map-info{position:absolute;bottom:10px;left:10px}
.discover-map .map-note{color:#87928c;line-height:1.8;font-size:11px}
.discover-map .map-legend{color:#4d5b52;font-size:11px}
.discover-map .legend-item{display:flex;align-items:center;margin-bottom:8px}
.discover-map .legend-dot{width:10px;height:10px;border-radius:50%;margin-right:8px}
.discover-map .legend-red{background:#f35f61}
.discover-map .legend-orange{background:#f39826}
.discover-map .legend-green{background:#249444}
.discover-map .legend-blue{background:#1d9bd8}
.discover-map .update-time{font-size: 12px;color: #7b8580;font-weight: normal;}


.custom-statistic {
    padding: 10px;
    display: inline-block;
}

.statistic-title {
    margin-bottom: 4px;
    color: rgba(0, 0, 0, 0.45);
    font-size: 14px;
}

.statistic-value {
    color: rgba(0, 0, 0, 0.85);
    font-size: 24px;
    font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", Arial, sans-serif;
}

.statistic-suffix {
    margin-left: 4px;
    color: rgba(0, 0, 0, 0.85);
    font-size: 14px;
}

/*右侧统计*/
.discover-stats{width:300px;flex-shrink:0;background:#fff;padding:10px;border: 1px solid #e5e7eb;border-radius: 4px;}
.discover-stats .stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:20px;margin-top:15px}
.discover-stats .stat-item{padding:10px;border-radius:6px;background:linear-gradient(135deg,#f5fbf7,#fff 80%);border:1px solid #edf2ef}
.discover-stats .stat-item strong{display:block;font-size:20px;color:#078832;letter-spacing:1px;margin-top:4px}
.discover-stats .stat-item em{font-style:normal;color:#87928c;font-size:12px}
.discover-stats .stat-orange strong{color:#f07a00}
.discover-stats .stat-blue strong{color:#2784cf}

/*统计排行*/
.rank-list{margin-top:15px}
.rank-item{display:grid;grid-template-columns:10px 56px 1fr 44px;align-items:center;gap:8px;font-size:13px;cursor: pointer;}
.rank-item:not(:last-child){margin-bottom:15px;}
.rank-item .rank-no{color:#f15b3b;font-weight:900;font-size:16px}
.rank-item .rank-bar{height:6px;border-radius:6px;background:#edf1ef;overflow:hidden}
.rank-item .rank-bar span{display:block;height:100%;background:linear-gradient(90deg,#ef4f5f,#ff9b32);border-radius:6px}

/*广告位*/
.side-ads{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin:30px auto 0;}
.side-ad{position:relative;height:100px;border-radius:8px;overflow:hidden;cursor:pointer;background:#0b7a3b;box-shadow:0 2px 8px rgba(15,71,39,.08)}
.side-ad .ad-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .3s ease}
.side-ad::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,70,32,.88),rgba(0,70,32,.32));z-index:1}
.side-ad .ad-content{position:relative;z-index:2;height:100%;padding:10px;color:#fff}
.side-ad h3{margin:0 0 8px;font-size:18px;line-height:1.2;font-weight:800}
.side-ad p{margin:0 0 10px;font-size:12px;line-height:1.2;opacity:.92}
.side-ad span{display:inline-block;padding:3px 10px;border-radius:12px;background:#fff;color:#078832;font-size:12px;font-weight:700}
.side-ad:hover .ad-img{transform:scale(1.1)}
.side-ad:hover{box-shadow:0 10px 22px rgba(15,71,39,.16)}


[v-cloak] .td-matrix {
    display: none;
}

/*资讯*/
.focus-section{display:flex;gap: 30px;}
.focus-section .head{display:flex;line-height:45px;justify-content:space-between;margin-bottom: 10px;}
.focus-section .head .more{color:#999;font-size:13px}
.focus-section .head-title{padding-left:20px;position:relative;font-size: 17px;font-weight: bold;}
.focus-section .head-title:before{content:'';position:absolute;top:50%;left:0;height:40%;width:3px;background:var(--primary-actice);transform:translateY(-50%)}
.focus-section .head .more>i{font-size:15px;margin-left:2px}
.focus-section .focus-left{width: 36%;flex-shrink: 0}
.focus-section .focus-right{flex: 1;}
.focus-section .focus-carousel-box{height:380px;width:100%;overflow:hidden}
.focus-section .banner-card{position:relative;width:100%;height:100%;border-radius:4px;overflow:hidden}
.focus-section .banner-img{width:100%;height:100%;object-fit:cover}
.focus-section .banner-info{position:absolute;bottom:0;left:0;right:0;padding:20px 20px 30px;background:linear-gradient(transparent,rgba(0,0,0,.85));color:#fff}
.focus-section .banner-title{font-size:18px;margin-bottom:6px;font-weight:700}
.focus-section .banner-desc{font-size:13px;opacity:.85;line-height:1.5;height:40px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.focus-section .focus-list{display:flex;gap:20px;width:100%;table-layout:fixed}
.focus-section .focus-list ul{flex:1;width:0;list-style:none;padding:0;margin:0}
.focus-section .focus-list>ul li:not(:first-child){display:flex;align-items:center;width:100%}
.focus-section .focus-list .focus-card{display:flex;gap:12px;background:#f6f6f6;text-decoration:none;position:relative;margin-bottom:6px}
.focus-section .focus-list .focus-card .focus-img{width:140px;height:90px;overflow: hidden;display: block;}
.focus-section .focus-list .focus-card .image{width:100%;height:100%;object-fit:cover;border-radius:2px;}

.focus-section .focus-list .focus-card .title{font-size:15px;font-weight:700;color:#333;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;padding-top:4px;height:46px}
.focus-section .focus-card .read{position:absolute;bottom:5px;right:5px;font-size:11px;color:#999}
.focus-section .focus-card .read>i{font-size: 12px;}
.focus-section .focus-card:hover .title { color: var(--primary-actice); }
.focus-section .focus-card:hover .image {transform:scale(1.05) }

.focus-section .focus-list>ul li:not(:first-child){display:flex;align-items:center;position: relative;}
.focus-section .focus-list>ul li:not(:first-child) a{height:33px;line-height:33px;text-decoration:none;color:#555;font-size:14px;flex:1;width:0;display:block;
    white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:all .2s;margin-left: 10px;}
.focus-section .focus-list>ul li:not(:first-child):before{content: '';width: 4px;height: 4px;border-radius: 50%;top: 50%;left: 0;position: absolute;background: #999;transform: translateY(-50%);}
.focus-section .focus-list>ul li:not(:first-child) a:hover{color:var(--primary-actice);padding-left:5px;box-sizing:border-box}

/*轮播广告*/
.carousel-box { flex: 1; height: 100%; overflow: hidden;  border-radius: 4px; }
.el-carousel, .el-carousel__container { height: 100% !important; }
.banner-item { height: 100%; display: flex; align-items: center;
    justify-content: center; color: #fff; font-size: 26px; font-weight: bold; background: linear-gradient(135deg, #27AE60 0%, #11998e 100%); }

.maplibregl-popup{z-index: 1;}
.maplibregl-popup-content{padding: 10px!important;background: #fafafa!important;}
.glass-card{min-width:160px}
.popup-header{font-size:13px;color:#666;font-weight:800;margin-bottom:10px;display:flex;align-items:center;gap:8px}
.status-dot-cyan{width:8px;height:8px;border-radius:50%;background-color:var(--primary-actice);animation:pulse 2s infinite}
.metric-row{display:flex;flex-direction:column;}
.metric-item{display:flex;flex-direction:column}
.metric-label{font-size:11px;color:#94a3b8;margin-bottom:2px}
.metric-value{font-size:22px;font-weight:700;color:var(--primary-actice);line-height:1}
.metric-unit{font-size:12px;margin-left:4px;font-weight:400}