/* ===== 手机端全局样式 v1 ===== */
*{margin:0;padding:0;box-sizing:border-box}
html{-webkit-tap-highlight-color:transparent}
body{font-family:"PingFang SC","Microsoft YaHei",sans-serif;background:#f5f5f5;color:#333;font-size:14px;line-height:1.5}
a{text-decoration:none;color:inherit}
img{display:block;width:100%;height:100%;object-fit:cover}
input,button{outline:none;border:none;font-family:inherit}

/* ===== 头部 ===== */
.m-header{position:sticky;top:0;z-index:100;display:flex;align-items:center;gap:8px;padding:8px 12px;background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.06)}
.m-menu-btn{width:28px;height:28px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px;cursor:pointer;flex-shrink:0}
.m-menu-btn i{display:block;width:18px;height:2px;background:#333;border-radius:1px}
.m-logo{font-size:16px;font-weight:700;color:#1e40af;white-space:nowrap;flex-shrink:0}
.m-logo span{display:block;font-size:10px;color:#94a3b8;font-weight:400}
.m-search{flex:1;display:flex;gap:4px}
.m-search input{flex:1;height:32px;padding:0 10px;border:1px solid #e2e8f0;border-radius:16px;font-size:13px;background:#f8fafc}
.m-search-btn{height:32px;padding:0 12px;background:#1e40af;color:#fff;border-radius:16px;font-size:13px;cursor:pointer;flex-shrink:0}

/* ===== 抽屉导航 ===== */
.m-drawer-mask{position:fixed;inset:0;background:rgba(0,0,0,.4);z-index:200;opacity:0;visibility:hidden;transition:all .3s}
.m-drawer-mask.open{opacity:1;visibility:visible}
.m-drawer{position:fixed;top:0;left:0;bottom:0;width:260px;background:#fff;z-index:201;transform:translateX(-100%);transition:transform .3s;overflow-y:auto}
.m-drawer.open{transform:translateX(0)}
.m-drawer-head{padding:16px 20px;font-size:16px;font-weight:600;color:#1e293b;border-bottom:1px solid #f1f5f9}
.m-drawer nav a{display:block;padding:12px 20px;font-size:14px;color:#475569;border-bottom:1px solid #f8fafc}
.m-drawer nav a:active{background:#f1f5f9}

/* ===== 轮播 ===== */
.m-banner{position:relative;background:#1e40af;overflow:hidden}
.mb-slides{display:flex;transition:transform .4s ease}
.mb-slide{min-width:100%;padding:32px 20px;color:#fff;text-align:center}
.mb-slide h2{font-size:22px;margin-bottom:8px}
.mb-slide p{font-size:13px;opacity:.85;margin-bottom:16px}
.mb-btn{display:inline-block;padding:8px 24px;border:1px solid rgba(255,255,255,.5);border-radius:20px;font-size:13px;color:#fff}
.mb-dots{position:absolute;bottom:8px;left:0;right:0;display:flex;justify-content:center;gap:6px}
.mb-dots i{width:6px;height:6px;border-radius:50%;background:rgba(255,255,255,.4)}
.mb-dots i.on{background:#fff}

/* ===== 分类快捷 ===== */
.m-cate-quick{display:flex;flex-wrap:wrap;background:#fff;padding:12px 8px;gap:0}
.m-cate-quick a{width:25%;display:flex;flex-direction:column;align-items:center;gap:6px;padding:8px 4px}
.mcq-ico{width:40px;height:40px;border-radius:50%;background:#eff6ff;display:flex;align-items:center;justify-content:center;color:#1e40af}
.mcq-ico svg{width:22px;height:22px}
.mcq-name{font-size:12px;color:#475569}

/* ===== 服务条 ===== */
.m-service{display:flex;background:#fff;margin-top:8px;padding:12px 0}
.ms-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px;color:#1e40af}
.ms-item svg{width:24px;height:24px}
.ms-item span{font-size:11px;color:#64748b}

/* ===== 楼层商品 ===== */
.m-floor{background:#fff;margin-top:8px;padding:12px}
.m-floor-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}
.m-floor-head h2{font-size:16px;color:#1e293b;display:flex;align-items:center;gap:6px}
.mf-num{color:#1e40af;font-size:13px}
.m-floor-head a{font-size:13px;color:#94a3b8}
.m-goods{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.m-goods-card{background:#fff;border:1px solid #f1f5f9;border-radius:8px;overflow:hidden}
.m-goods-img{position:relative;aspect-ratio:1;background:#f8fafc}
.m-no-img{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:#cbd5e1;font-size:12px}
.m-tag-hot{position:absolute;top:6px;left:6px;background:#ef4444;color:#fff;font-size:10px;padding:2px 6px;border-radius:3px}
.m-goods-info{padding:8px}
.m-goods-name{font-size:13px;color:#1e293b;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:4px}
.m-goods-spec{font-size:11px;color:#94a3b8;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:6px}
.m-goods-btn{height:28px;line-height:28px;text-align:center;background:#1e40af;color:#fff;border-radius:14px;font-size:12px}

/* ===== 石材运输入口 ===== */
.m-transport-bar{display:flex;align-items:center;justify-content:space-between;margin:8px 0;padding:16px 20px;background:linear-gradient(135deg,#1e40af,#3b82f6);color:#fff;border-radius:0}
.mtb-left h3{font-size:16px;margin-bottom:4px}
.mtb-left p{font-size:12px;opacity:.85}
.mtb-btn{padding:6px 16px;border:1px solid rgba(255,255,255,.5);border-radius:16px;font-size:13px;color:#fff}

/* ===== 石材资讯 ===== */
.m-news-list{display:flex;flex-direction:column;gap:10px}
.m-news-item{display:flex;gap:10px}
.m-news-img{width:80px;height:60px;flex-shrink:0;border-radius:6px;overflow:hidden;background:#f8fafc}
.m-news-info{flex:1;display:flex;flex-direction:column;justify-content:center}
.m-news-title{font-size:14px;color:#1e293b;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:4px}
.m-news-meta{font-size:11px;color:#94a3b8}

/* ===== 专题+城市入口 ===== */
.m-entry-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;padding:12px;background:#fff;margin-top:8px}
.m-entry-card{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 8px;border-radius:8px;background:#f8fafc;color:#1e40af}
.m-entry-card svg{width:28px;height:28px}
.m-entry-card span{font-size:12px;color:#475569}

/* ===== 底部信息 ===== */
.m-footer{background:#fff;margin-top:8px;padding:20px 16px;text-align:center}
.m-footer-contact{font-size:13px;color:#64748b;margin-bottom:8px}
.m-footer-contact b{color:#1e40af;font-size:15px}
.m-footer-links{display:flex;justify-content:center;align-items:center;gap:8px;margin-bottom:8px}
.m-footer-links a{font-size:12px;color:#64748b}
.m-footer-links span{color:#e2e8f0}
.m-footer-copy{font-size:11px;color:#94a3b8;line-height:1.6}

/* ===== 底部固定导航栏 ===== */
.m-tabbar{position:fixed;bottom:0;left:0;right:0;display:flex;background:#fff;box-shadow:0 -1px 4px rgba(0,0,0,.06);z-index:100}
.mt-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 0;color:#94a3b8}
.mt-item svg{width:22px;height:22px}
.mt-item span{font-size:10px}
.mt-item.on{color:#1e40af}

/* ===== 列表页 ===== */
.m-list-page{padding-bottom:60px}
.m-list-filter{display:flex;gap:8px;padding:10px 12px;background:#fff;overflow-x:auto;white-space:nowrap}
.m-list-filter a{padding:4px 12px;border-radius:14px;font-size:13px;background:#f1f5f9;color:#64748b}
.m-list-filter a.on{background:#1e40af;color:#fff}
.m-list-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:8px}
.m-list-grid .m-goods-card{background:#fff;border:1px solid #f1f5f9;border-radius:8px;overflow:hidden}
.m-pagination{padding:16px;text-align:center}
.m-pagination a{display:inline-block;padding:6px 16px;border:1px solid #e2e8f0;border-radius:6px;font-size:13px;color:#475569;margin:0 4px}
.m-pagination a.disabled{color:#cbd5e1;pointer-events:none}

/* ===== 产品详情页 ===== */
.m-product-page{padding-bottom:60px}
.m-pd-gallery{position:relative;aspect-ratio:1;background:#f8fafc;overflow:hidden}
.m-pd-gallery img{width:100%;height:100%;object-fit:cover}
.m-pd-info{background:#fff;padding:16px;margin-bottom:8px}
.m-pd-info h1{font-size:18px;color:#1e293b;margin-bottom:8px}
.m-pd-info .m-pd-sub{font-size:13px;color:#94a3b8;margin-bottom:12px}
.m-pd-info .m-pd-price{font-size:20px;color:#ef4444;font-weight:600}
.m-pd-spec{background:#fff;padding:16px;margin-bottom:8px}
.m-pd-spec h3{font-size:14px;color:#1e293b;margin-bottom:10px}
.m-pd-spec dl{display:grid;grid-template-columns:auto 1fr;gap:6px 12px;font-size:13px}
.m-pd-spec dt{color:#94a3b8}
.m-pd-spec dd{color:#475569}
.m-pd-content{background:#fff;padding:16px;margin-bottom:8px}
.m-pd-content h3{font-size:14px;color:#1e293b;margin-bottom:10px}
.m-pd-content .content-body{font-size:13px;color:#475569;line-height:1.8}
.m-pd-content .content-body img{max-width:100%;height:auto;margin:8px 0;border-radius:4px}
.m-pd-actions{position:fixed;bottom:0;left:0;right:0;display:flex;background:#fff;box-shadow:0 -1px 4px rgba(0,0,0,.06);z-index:100}
.m-pd-actions a,.m-pd-actions button{flex:1;height:48px;display:flex;align-items:center;justify-content:center;font-size:14px;cursor:pointer}
.m-pd-actions .m-pd-chat{background:#fff;color:#475569;border-top:1px solid #f1f5f9}
.m-pd-actions .m-pd-ask{background:#1e40af;color:#fff}

/* ===== 询价弹窗 ===== */
.m-inquiry-modal{position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:300;display:none;align-items:flex-end;justify-content:center}
.m-inquiry-modal.open{display:flex}
.m-inquiry-box{width:100%;background:#fff;border-radius:12px 12px 0 0;padding:20px 16px;max-height:80vh;overflow-y:auto;animation:mSlideUp .3s ease}
@keyframes mSlideUp{from{transform:translateY(100%)}to{transform:translateY(0)}}
.m-inquiry-box h3{font-size:16px;color:#1e293b;margin-bottom:16px;text-align:center}
.m-inquiry-box .mi-row{margin-bottom:12px}
.m-inquiry-box .mi-label{font-size:13px;color:#64748b;margin-bottom:4px}
.m-inquiry-box .mi-input,.m-inquiry-box .mi-select{width:100%;height:40px;padding:0 12px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;background:#fff}
.m-inquiry-box .mi-btn{width:100%;height:44px;background:#1e40af;color:#fff;border-radius:8px;font-size:15px;margin-top:8px}
.m-inquiry-box .mi-close{position:absolute;top:12px;right:16px;font-size:20px;color:#94a3b8;cursor:pointer}

/* ===== 新闻页 ===== */
.m-news-page{padding-bottom:60px}
.m-news-detail{background:#fff;padding:16px}
.m-news-detail h1{font-size:18px;color:#1e293b;margin-bottom:8px}
.m-news-detail .m-news-date{font-size:12px;color:#94a3b8;margin-bottom:16px}
.m-news-detail .content-body{font-size:14px;color:#475569;line-height:1.8}
.m-news-detail .content-body img{max-width:100%;height:auto;margin:8px 0;border-radius:4px}

/* ===== 城市分站页 ===== */
.m-city-page{padding-bottom:60px}
.m-city-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;padding:12px}
.m-city-card{display:flex;flex-direction:column;align-items:center;padding:16px 8px;background:#fff;border-radius:8px;color:#475569}
.m-city-card:active{background:#f1f5f9}
.m-city-card .mc-name{font-size:13px}
.m-city-card .mc-pin{font-size:18px;margin-bottom:4px}

/* ===== 关于我们/运输页 ===== */
.m-about-page,.m-transport-page{padding-bottom:60px}
.m-about-content,.m-transport-content{background:#fff;padding:16px;font-size:14px;color:#475569;line-height:1.8}
.m-about-content h2,.m-transport-content h2{font-size:16px;color:#1e293b;margin:16px 0 8px}
.m-about-content img,.m-transport-content img{max-width:100%;height:auto;margin:8px 0;border-radius:4px}

/* ===== 专题页 ===== */
.m-topic-page{padding-bottom:60px}
.m-topic-card{background:#fff;margin-bottom:8px;overflow:hidden}
.m-topic-cover{aspect-ratio:2;background:#f8fafc}
.m-topic-cover img{width:100%;height:100%;object-fit:cover}
.m-topic-info{padding:12px}
.m-topic-info h2{font-size:15px;color:#1e293b;margin-bottom:4px}
.m-topic-info p{font-size:12px;color:#94a3b8}

/* ===== 客服浮窗 ===== */
.m-chat-fab{position:fixed;bottom:60px;right:12px;width:48px;height:48px;border-radius:50%;background:#1e40af;color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px rgba(30,64,175,.3);z-index:99}
.m-chat-fab svg{width:24px;height:24px}