/* --- 1. 模版2 原版基础样式 (严格保持) --- */
        * { box-sizing: border-box; -webkit-tap-highlight-color: transparent; margin: 0; padding: 0; }
        :root { --primary: #009688; --bg: #F5F7F9; --radius: 12px; --primary-color: #009688; --text-dark:#333; --text-light:#666; --white:#ffffff; --max-width:640px; --header-height:50px }
        body { font-family: -apple-system, "PingFang SC", sans-serif; background: var(--bg); padding-bottom: calc(85px + env(safe-area-inset-bottom)); max-width: 640px; margin: 0 auto; }
        .card { background: #fff; border-radius: var(--radius); padding: 15px 12px; margin: 10px; box-shadow: 0 2px 8px rgba(0,0,0,0.03); }
        .card-hd { font-size: 16px; font-weight: 700; margin-bottom: 15px; display: flex; align-items: center; }
        .card-hd span { color: var(--primary); margin-right: 8px; font-style: italic; font-size: 18px; }
        .grid-2 { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-bottom: 12px; }
        .label { display: block; font-size: 12px; color: #666; margin-bottom: 6px; }
        .field { background: #F8F9FA; border: 1px solid #F0F0F0; border-radius: 8px; padding: 0 10px; height: 42px; display: flex; align-items: center; }
        .field input { width: 100%; border: none; background: transparent; font-size: 14px; outline: none; }
        .tags { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 8px; }
        .tag { width: calc((100% - 16px) / 3); padding: 10px 2px; background: #F8F9FA; border-radius: 6px; font-size: 12px; text-align: center; border: 1.5px solid transparent; margin-bottom: 2px; cursor: pointer; }
        .tag.active { border-color: var(--primary); color: var(--primary); background: #fff; font-weight: bold; box-shadow: 0 2px 6px rgba(0,150,136,0.1); }
        .stepper { display: flex; align-items: center; background: #F8F9FA; border-radius: 8px; padding: 3px; justify-content: space-between; width: 100%; }
        .s-btn { width: 32px; height: 32px; background: #fff; border-radius: 6px; border: none; color: var(--primary); font-weight: bold; font-size: 18px; box-shadow: 0 1px 3px rgba(0,0,0,0.1); }
        .s-input { width: 30px; text-align: center; border: none; background: transparent; font-weight: bold; font-size: 14px; }

        /* --- 2. 顶部导航样式 --- */
        .header{position:fixed;top:0;z-index:5100;height:var(--header-height);width:100%;max-width:var(--max-width);left:0;right:0;margin:0 auto;background:var(--primary-color);padding:0 10px;display:flex;align-items:center;justify-content:space-between}
        .header-spacer{height:var(--header-height);width:100%}
        .header-left{display:flex;align-items:center;z-index:20}
        .header-icon-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;color:#fff;cursor:pointer}
        .header-title{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:18px;color:#fff;font-weight:bold;z-index:10;pointer-events:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:60%;text-align:center}

        /* --- 3. 模版1 移植的幻灯片 CSS (全量) --- */
        .hero-banner{position:relative;width:100%;height:0;padding-bottom:50%;background:#ddd;overflow:hidden}
        .hero-slides-wrapper{position:absolute;top:0;left:0;width:100%;height:100%}
        .hero-slide{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition:opacity 0.8s ease-in-out;z-index:1}
        .hero-slide.active{opacity:1;z-index:2}
        .hero-slide img{width:100%;height:100%;object-fit:cover;display:block}
        .hero-indicators{position:absolute;bottom:10px;left:50%;transform:translateX(-50%);z-index:11;display:flex;gap:6px}
        .indicator{width:6px;height:6px;border-radius:50%;background:rgba(255,255,255,0.6);cursor:pointer;transition:all 0.3s}
        .indicator.active{background:var(--primary-color);width:14px;border-radius:4px}
        
        /* --- 4. 搜索页样式 --- */
        .m_header_search{position:fixed;top:var(--header-height);left:0;right:0;margin:0 auto;width:100%;height:100%;max-width:var(--max-width);background-color:#f7f8fa;z-index:5000;display:none;overflow-y:auto;overflow-x:hidden;border-top:1px solid #eee}
        .m_header_search .gundong { padding-bottom: 100px; }
        .m_header_search .search_bar{display:flex;align-items:center;padding:8px 15px;background-color:#fff;border-bottom:1px solid #f0f0f0;height:var(--header-height);position:relative}
        .m_header_search .search_cancel{font-size:15px;color:#666;margin-right:12px;cursor:pointer;white-space:nowrap}
        .m_header_search .search_main{flex:1;display:flex;align-items:center;background-color:#f0f2f5;border-radius:20px;padding:0 12px;height:36px;position:relative}
        .m_header_search .search_lanmu{font-size:14px;color:#333;padding-right:10px;border-right:1px solid #ddd;margin-right:10px;white-space:nowrap;font-weight:500}
        .m_header_search .J_hs-input{flex:1;border:none;background:transparent;outline:none;font-size:14px;color:#333;height:24px;min-width:0}
        .m_header_search .search_button button{border:none;background:none;font-size:18px;color:var(--primary-color);padding:0;margin-left:5px;display:flex;align-items:center}
        .search-suggestions { position: fixed; top: 100px; left: 0; right: 0; bottom: 0; background: #ffffff; z-index: 6000; display: block; overflow-y: auto; max-width: 640px; margin: 0 auto; border-top: 1px solid #eee; }
        .search-suggestions.hide { display: none; }
        .suggestion-item { width: 100%; height: 48px; padding: 0 15px; background: #fff; border-bottom: 1px solid #f5f5f5; font-size: 15px; color: #333; cursor: pointer; display: flex; align-items: center; justify-content: space-between; }
        .sugg-left { display: flex; align-items: center; overflow: hidden; flex: 1; }
        .sugg-icon { margin-right: 12px; color: #999; display: flex; align-items: center; }
        .sugg-text { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 100%; }
        .search_lanmu_area{background:#fff;padding:15px;margin-bottom:10px}
        .search_lanmu_area .title{font-size:15px;font-weight:bold;color:#333;margin-top:5px;margin-bottom:12px;padding-left:8px;border-left:4px solid var(--primary-color);line-height:1}
        .search_lanmu_list{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:5px;list-style: none; padding:0;}
        .search_lanmu_list li{background:#fff;text-align:center;padding:8px 0;border-radius:6px;font-size:13px;color:#555;cursor:pointer;border:1px solid #f0f0f0}
        .search_lanmu_list li.active{background:rgba(0,150,136,0.08);color:var(--primary-color);border-color:var(--primary-color);font-weight:bold}
        .site-footer{text-align:center;font-size:12px;color:#999;padding:20px 0;line-height:1.8;background-color:#f8f8f8}
        .site-footer p{margin:0}
        .gongan-link{display:inline-flex;align-items:center;justify-content:center;color:#999;text-decoration:none}
        .gongan-link img{width:20px;height:20px;margin-right:5px;object-fit:contain}
        .search-result .list { padding: 0 10px; list-style: none; }
        .m-product-item{background:#fff;border-radius:8px;overflow:hidden;margin-bottom:15px;box-shadow:0 2px 8px rgba(0,0,0,0.04);display:flex;flex-direction:column;position:relative}
        .m-product-item>a{display:block;width:100%; text-decoration: none;}
        .item-top{position:relative;width:100%;height:0;padding-bottom:56.25%;overflow:hidden}
        .item-top img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}
        .item-top::after{content:'';position:absolute;bottom:0;left:0;width:100%;height:40%;background:linear-gradient(to top,rgba(0,0,0,0.6),transparent);pointer-events:none;z-index:1}
        .sati-peo{position:absolute;top:10px;left:10px;z-index:2;display:flex;gap:5px}
        .sati-peo div{background:rgba(0,0,0,0.5);color:#fff;font-size:10px;padding:2px 6px;border-radius:4px;backdrop-filter:blur(2px)}
        .product-extra{position:absolute;bottom:45px;left:10px;z-index:2;color:#fff;font-size:11px;display:flex;align-items:center;text-shadow:0 1px 2px rgba(0,0,0,0.5)}
        .item-bottom{padding:12px;background:#fff}
        .m-product-item .product-title{font-size:16px;color:#333;font-weight:700;line-height:1.4;margin:0 0 6px 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
        .product-describe{font-size:12px;color:#666;line-height:1.5;margin:0 0 8px 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
        .m-product-item .product-tags .label{font-size:10px;color:var(--primary-color);border:1px solid rgba(0,150,136,0.3);padding:1px 5px;border-radius:3px;margin-right:4px;display:inline-block}
        .product-price{position:absolute;bottom:8px;left:10px;z-index:2}
        .product-price-now{font-size:12px;color:#fff;font-weight:bold;background:#ff5722;padding:2px 10px;border-radius:12px;display:inline-block}
        .product-price-now em{font-size:18px;font-style:normal;margin:0 2px}
        .search-load-btn{display:none;margin:15px 10px 25px 10px;padding:10px;background-color:#fff;color:#666;text-align:center;border-radius:6px;font-size:14px;cursor:pointer;box-shadow:0 1px 3px rgba(0,0,0,0.1)}
        .search_pop.hide { display: none; }

        /* 返回顶部样式 */
        .back-to-top-btn{position:fixed;bottom:150px;right:15px;width:45px;height:45px;background-color:rgba(255,255,255,0.95);border-radius:50%;box-shadow:0 4px 15px rgba(0,0,0,0.25);text-align:center;line-height:45px;z-index:2147483647;cursor:pointer;border:1px solid #ddd;display:none}

        /* 其他模版2原生组件样式 */
        #category-popup{position:fixed;top:var(--header-height);left:50%;transform:translateX(-50%) translateY(-150%);width:100%;max-width:640px;background:#fff;z-index:42000;box-shadow:0 5px 15px rgba(0,0,0,0.1);transition:transform 0.4s ease-in-out;max-height:80vh;overflow-y:auto}
        #category-popup.show{transform:translateX(-50%) translateY(0)}
        #category-mask{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);z-index:41000;display:none}
        .menu-list{padding:15px 10px;display:grid;grid-template-columns:repeat(4,1fr);gap:10px;text-align:center;list-style:none; margin:0;}
        .menu-list li{ padding: 0; margin: 0; list-style: none;}
        .menu-list li a{display:block;background:#f8f8f8;border-radius:4px;padding:8px 0;color:#333;text-decoration:none}
        .menu-list li a h3{margin:0;font-size:14px;font-weight:normal; color:#333;}
        .bottom-nav { position: fixed; bottom: 0; width: 100%; max-width: 640px; left: 0; right: 0; margin: 0 auto; background: #fff; height: 60px; border-top: 1px solid #eee; display: flex; align-items: center; z-index: 40000; padding-bottom: env(safe-area-inset-bottom); box-sizing: content-box; }
        .tab-item { flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; color: #666; font-size: 10px; height: 100%; text-decoration: none; }
        .tab-icon { height: 24px; width: 24px; display: flex; align-items: center; justify-content: center; margin-bottom: 2px; }
        .tab-icon svg { width: 22px; height: 22px; } 
        .action-btn { flex: 1.5; height: 100%; display: flex; align-items: center; justify-content: center; color: #fff; font-size: 15px; font-weight: bold; text-decoration: none; padding: 0 5px; }
        .btn-orange { background-color: #ff9800; }
        .btn-red { background-color: #ff5722; }
.chat-mask { 
    position: fixed; 
    top: 0; 
    left: 0; 
    right: 0; 
    bottom: calc(60px + env(safe-area-inset-bottom)); 
    background: rgba(0,0,0,0.6); 
    z-index: 50000; 
    display: none; 
    align-items: center; 
    justify-content: center; 
    backdrop-filter: blur(2px); 
}
        .chat-card { background: #ffffff; width: 85%; max-width: 360px; border-radius: 16px; box-shadow: 0 10px 25px rgba(0,0,0,0.2); position: relative; padding-bottom: 20px; animation: popIn 0.3s ease forwards; }
        .chat-header { text-align: center; padding: 15px 5px 10px 5px; }
        .chat-logo { max-width: 120px; height: auto; display: block; margin: 0 auto; }
        .popup-company-name { font-size: 16px; font-weight: bold; color: #333; margin-top: 10px; text-align: center; }
        .chat-body { padding: 0 15px; max-height: 70vh; overflow-y: auto; }
        .group-label { font-size: 12px; color: #999; margin: 10px 0 8px 5px; font-weight: 600; text-align: left; }
        .contact-btn { display: flex; justify-content: space-between; align-items: center; background-color: #f7f8fa; padding: 8px 10px; border-radius: 10px; margin-bottom: 10px; text-decoration: none; color: #333; transition: all 0.2s; }
        .contact-btn.highlight { background-color: #ebf5ff; border: 1px solid #d1e9ff; }
        .btn-left { display: flex; align-items: center; font-size: 14px; color: #555; white-space: nowrap; flex-shrink: 0; }
        .btn-left svg { margin-right: 6px; width: 18px; height: 18px; flex-shrink: 0; }
        .phone-num { font-size: 15px; font-weight: 600; color: #333; white-space: nowrap; flex-shrink: 0; margin-left: 5px; }
        #action-sheet-mask { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); z-index: 60000; display: none; }
        .action-sheet { position: absolute; bottom: 0; left: 0; width: 100%; background: #f0f0f0; border-top-left-radius: 12px; border-top-right-radius: 12px; overflow: hidden; animation: slideUp 0.3s; padding-bottom: env(safe-area-inset-bottom); }
        .action-title { padding: 15px; text-align: center; font-size: 14px; color: #999; background: #fff; border-bottom: 1px solid #eee; }
        .action-btn-sheet { display: block; width: 100%; padding: 15px; text-align: center; background: #fff; font-size: 18px; border: none; border-bottom: 1px solid #eee; color: #333; outline: none; }
        .action-cancel { margin-top: 6px; border-bottom: none; }
        #toast { position: fixed; left: 50%; top: 50%; transform: translate(-50%, -50%); background: rgba(0,0,0,0.8); color: white; padding: 12px 25px; border-radius: 8px; font-size: 14px; z-index: 70000; display: none; text-align: center; white-space: nowrap; }
        @keyframes popIn { from { transform: translateY(20px); opacity: 0; } to { transform: translateY(0); opacity: 1; } }
        @keyframes slideUp { from { transform: translateY(100%); } to { transform: translateY(0); } }
        .dp-mask { position: fixed; inset: 0; background: rgba(0,0,0,0.6); z-index: 50000; display: none; backdrop-filter: blur(2px); }
        .dp-panel { 
    position: absolute; 
    bottom: calc(60px + env(safe-area-inset-bottom)); 
    left: 50%; /* 配合 transform 居中 */
    transform: translateX(-50%); /* 水平居中 */
    width: 95%; /* 移动端默认宽度 */
    max-width: 500px; /* 限制最大宽度，防止在大屏下变形 */
    background: #fff; 
    padding: 20px 15px; 
    border-radius: 16px; /* 改为圆角卡片样式更美观 */
    box-shadow: 0 -5px 25px rgba(0,0,0,0.1); 
}
        .dp-hd { display: flex; justify-content: space-between; align-items: center; margin-bottom: 15px; font-weight: bold; }
        .dp-grid { display: grid; grid-template-columns: repeat(7, 1fr); text-align: center; gap: 5px; }
        .dp-day { height: 40px; display: flex; align-items: center; justify-content: center; font-size: 14px; border-radius: 8px; }
        .dp-day.disabled { color: #DDD; text-decoration: line-through; }
        .dp-day.selected { background: var(--primary); color: #fff; font-weight: bold; }
		#lim_mobile_chat{display: none !important;}
		#InviteWindow{display: none !important;}