body{margin: 0;padding: 0;}
a{text-decoration: none;}
.topSticky{position: sticky;z-index: 9;background-color: #fff;top: 0;overflow: hidden;}
.search{margin: 10px;padding:  0 15px;height: 32px;background-color: #f8f8f8;border-radius: 16px;}
.search input{width: 100%;height: 32px;box-sizing: border-box; appearance: none;background: none;border: none;outline: none;line-height: 1;}
.tabs{overflow-x: auto;-webkit-overflow-scrolling: touch;white-space: nowrap;font-size: 14px;background-color: #f8f8f8;}
.tabs .item{height: 44px; display: inline-flex;align-items: center;justify-content: center;margin: 0 15px;color: #666;position: relative;}
.tabs .item.active{color: #FC0204;}
.tabs .item.active::after{content: "";position: absolute;left: 0;right: 0;bottom: 0;height: 3px;background-color: #FC0204;border-radius: 3px;}
/* ===== 列表样式（PC端：表格） ===== */
.shoplist{padding: 15px;font-size: 14px;}
.shoplist .header{display: grid;grid-template-columns: 1fr 2fr 1fr;font-weight: bold;padding: 8px 4px;border-bottom: 1px solid #eee;margin-bottom: 12px;color: #333;}
.shoplist .row{margin-top: 10px;display: grid;grid-template-columns: 1fr 2fr 1fr;align-items: center;background-color: #f8f8f8;color: #666;line-height: 1.5;border-radius:8px;min-height: 56px;}
.shoplist .row > .item{padding: 12px 14px;word-break: break-all;}
.shoplist .row .item .btn{display: inline-block;padding: 1px 5px;background-color: #FC0204;border-radius: 3px;margin-left: 3px;font-size: 12px;color: #fff;text-decoration: none;}
.shoplist .row .item .name{font-weight: 600;color: #333;}
.shoplist .row .item .phones{margin-top: 6px;line-height: 1.7;}
.shoplist .row .item .tel-link{display: inline-block;color: #1e6fff;margin: 2px 8px 2px 0;text-decoration: none;word-break: break-all;}
.shoplist .row .item .tel-link:active{opacity: .7;}
.shoplist .row .item .addr-region{color: #f00;font-weight: 500;margin-right: 4px;}
.shoplist .row .item .addr-detail{display: block;margin-top: 2px;}
.shoplist .load-tip{padding:20px 0;text-align:center;color:#999;font-size:13px;}
.shoplist .load-tip.loading::before{content:"";display:inline-block;width:14px;height:14px;margin-right:6px;border:2px solid #ddd;border-top-color:#FC0204;border-radius:50%;vertical-align:-2px;animation:spin .6s linear infinite;}
@keyframes spin{to{transform:rotate(360deg);}}

/* ===== 移动端：堆叠卡片布局 ===== */
@media (max-width: 768px) {
    .shoplist{padding: 12px;font-size: 14px;}
    .shoplist .header{display: none;}
    .shoplist .row{
        display: block;
        padding: 14px;
        margin-top: 10px;
        min-height: auto;
    }
    .shoplist .row > .item{padding: 0;}
    .shoplist .row .item + .item{margin-top: 6px;}
    .shoplist .row .item:first-child{
        font-size: 16px;
        color: #222;
        font-weight: 600;
        margin-bottom: 8px;
    }
    .shoplist .row .item:first-child .name{font-size: 16px;color: #222;}
    .shoplist .row .item .phones{margin-top: 8px;font-size: 13px;}
    .shoplist .row .item .tel-link{color: #1e6fff;margin: 2px 10px 2px 0;}
    .shoplist .row .item:nth-child(2){
        font-size: 13px;
        color: #666;
        line-height: 1.6;
    }
    .shoplist .row .item:nth-child(2):empty{display: none;}
    .shoplist .row .item:nth-child(3){
        margin-top: 8px;
        padding-top: 8px;
        border-top: 1px dashed #e0e0e0;
        font-size: 12px;
        color: #999;
    }
    .shoplist .row .item:nth-child(3):empty{display: none;}
}