/* ========================================
   G5 彩色分层图标版 - home_new.css
   基于 G4 原型 + 参考图分层圆圈效果
   ======================================== */

/* 顶部淡绿搜索条（保留G4） */
.m-topbar{background:linear-gradient(135deg,#e9f6ed,#d2ecda);padding:.28rem .28rem .26rem;display:flex;align-items:center;gap:.24rem}
.m-search{background:#fff;border-radius:21px;height:.84rem;flex:1;display:flex;align-items:center;padding:0 .3rem;box-shadow:0 1px 4px rgba(0,0,0,.05)}
.m-si{width:.36rem;height:.36rem;fill:none;stroke:#9aa39a;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:none}
.m-search .m-search-input{flex:1;border:none;outline:none;background:transparent;font-size:.26rem;color:#333;margin-left:.18rem;-webkit-appearance:none}
.m-search .m-search-input::placeholder{color:#aab2aa}
.m-ucenter{flex:none;width:.84rem;height:.84rem;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 4px rgba(0,0,0,.05);text-decoration:none}
.m-ucenter svg{width:.46rem;height:.46rem;fill:none;stroke:#2ba35e;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

/* 快捷标签横滚行 */
.m-tags{display:flex;gap:.18rem;padding:.26rem .32rem .1rem;overflow-x:auto;background:#fff;-webkit-overflow-scrolling:touch}
.m-tags::-webkit-scrollbar{display:none}
.m-tag{white-space:nowrap;background:#f1f7f2;border:1px solid #e3f0e6;border-radius:18px;padding:.16rem .38rem;font-size:.30rem;color:#5a8a6a;text-decoration:none}

/* 8图标 4列（彩色分层效果） */
.m-icons{display:grid;grid-template-columns:repeat(4,1fr);gap:.42rem .12rem;padding:.42rem .34rem .48rem;background:#fff}
.m-icon{text-align:center;text-decoration:none;display:block}
.m-icon .cir{
	width:1.35rem;height:1.35rem;
	border-radius:.2rem;
	background:#f0f0f0;
	margin:0 auto .12rem;
	overflow:hidden;
	display:flex;align-items:center;justify-content:center;
}

.m-icon .cir img{width:100%;height:100%;object-fit:cover;display:block}
.m-icon .lb{font-size:.30rem;color:#555;font-weight:500}

/* 各图标独立渐变色（参考图风格） */
.c-scy{background:linear-gradient(135deg,#43cea2,#185a9d)}    /* 四川游：青绿→深蓝 */
.c-jzg{background:linear-gradient(135deg,#667eea,#764ba2)}    /* 九寨沟：紫蓝渐变 */
.c-ems{background:linear-gradient(135deg,#fa709a,#fee140)}    /* 峨眉山：粉橙→金黄 */
.c-dcyd{background:linear-gradient(135deg,#f093fb,#f5576c)}    /* 稻城亚丁：粉红 */
.c-gny{background:linear-gradient(135deg,#11998e,#38ef7d)}     /* 国内游：翠绿 */
.c-cjy{background:linear-gradient(135deg,#4facfe,#00f2fe)}    /* 出境游：天蓝 */
.c-oz{background:linear-gradient(135deg,#8E2DE2,#4A00E0)}      /* 欧洲游：深紫 */
.c-yl{background:linear-gradient(135deg,#2193b0,#6dd5ed)}     /* 邮轮游：海蓝 */

/* Banner（保留原版） */
.swiper-banner-container{margin:0 .28rem .28rem;border-radius:12px;overflow:hidden}
.swiper-banner-container img{width:100%;display:block}

/* 分类Tab */
.m-tabs{display:flex;padding:.12rem .2rem .24rem;background:#fff}
.m-tabs .item{flex:1;font-size:.42rem;color:#999;padding-bottom:.12rem;position:relative;cursor:pointer;text-align:center}
.m-tabs .item.active{color:#222;font-weight:700}
.m-tabs .item.active::after{content:'';position:absolute;left:0;bottom:0;width:100%;height:2px;background:linear-gradient(90deg,#2ba35e,#38ef7d);border-radius:1px}

/* 产品卡网格 */
.m-grid{display:grid;grid-template-columns:1fr 1fr;gap:.3rem;padding:0 .32rem;background:#fff}
.m-card{border-radius:10px;overflow:hidden;background:#fff;border:1px solid #f0f3f0;text-decoration:none;display:block;position:relative}
.m-card .ph{aspect-ratio:1.05;display:block;width:100%;object-fit:cover}
.m-card .ph img{width:100%;height:100%;object-fit:cover}
.m-card .info{padding:.2rem .24rem .26rem}
.m-card .nm{font-size:.4rem;color:#222;line-height:1.35;height:1.12rem;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.m-card .pr{color:#e64340;font-weight:700;font-size:.4rem;margin-top:.1rem}
.m-card .pr small{font-size:.26rem;font-weight:400}
.m-card .sold{font-size:.28rem;color:#bcc4bc;margin-top:.08rem}

/* 查看更多 */
.m-more{padding:.2rem .28rem .4rem;background:#fff;text-align:center}
.m-grid .m-more{grid-column:1/-1}
.m-more-link{display:inline-block;color:#2ba35e;font-size:.30rem;text-decoration:none;padding:.1rem .4rem;border:1px solid #c5e8ce;border-radius:20px}

/* 悬浮菜单 3项（线条SVG） */

/* 返回顶部 */
.back-top{position:fixed;right:.2rem;bottom:1.6rem;width:.7rem;height:.7rem;background:rgba(0,0,0,.35);color:#fff;font-size:.3rem;border-radius:50%;text-align:center;line-height:.7rem;display:none;z-index:98;text-decoration:none}

/* 推荐攻略 */
.art-comm-container{background-color:#fff;margin-top:.266667rem}
.art-comm-content{background-color:#fff}
.art-comm-content ul{padding:.3667rem .3334rem .2rem}
.art-comm-content ul li{padding:.2rem 0;border-bottom:1px solid #f2f2f2}
.art-comm-content ul li:last-child{border-bottom:none}
.art-comm-content ul li .pic{float:left;width:3.7334rem;height:2.64rem}
.art-comm-content ul li .pic span{display:table-cell;width:3.7334rem;height:2.64rem;text-align:center;vertical-align:middle;background-color:#e7e7e7}
.art-comm-content ul li .pic span img{max-width:100%;max-height:100%;vertical-align:middle}
.art-comm-content li .info{padding-left:4rem;height:2.64rem;position:relative}
.art-comm-content li .info .bt{max-height:1.12rem;line-height:.56rem;font-size:.373334rem;color:#333;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.art-comm-content li .info .txt{height:.88rem;line-height:.44rem;font-size:.32rem;color:#999;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:.1rem}
.art-comm-content li .info .data{position:absolute;bottom:0;right:0;width:5.3334rem;font-size:.26667rem;color:#a9b7b7;height:.32rem;line-height:.32rem;text-align:right;margin-top:.28rem}
.art-comm-content li .info .data span{display:inline-block;margin-left:.4rem}
.article-bar{padding-top:.4rem;text-align:center}
.article-bar .label{display:inline-block;position:relative;font-size:.4rem;color:#000;font-weight:bold}
.article-bar .label:before,.article-bar .label:after{content:"";display:block;width:.8rem;height:0;position:absolute;top:50%;border-top:1px solid #e5e5e5}
.article-bar .label:before{left:-1rem}
.article-bar .label:after{right:-1rem}
.module-more-bar{width:100%;border-top:1px solid #efeff4}
.module-more-link{color:#2dbb55;display:block;padding:.32rem 0 .4rem;text-align:center;font-size:.32rem}