@charset "UTF-8";
/* 手机/平板响应式（本 PC 模板自适应；独立手机模板目录可另套 tvm-*） */

/* 底栏占位 */
@media (max-width:768px){
  body.tvm-page{padding-bottom:calc(56px + env(safe-area-inset-bottom,0px))}
}

/* 顶栏精简 */
@media (max-width:768px){
  .tvm-topbar-loc{display:none}
  .tvm-topbar-links .sep,
  .tvm-topbar-links a:not(.sac-link-login):not(.sac-link-cart):not(.tvm-topbar-reg){display:none}
  .tvm-logo-sub{display:none}
  .tvm-header-mini{display:none}
  .tvm-hotwords{overflow-x:auto;flex-wrap:nowrap;white-space:nowrap;-webkit-overflow-scrolling:touch}
  .tvm-trust-strip-inner{padding:8px}
  .tvm-trust-item{flex:1 1 48%}
  .tvm-user-tower{display:none}
  .tvm-cat-tower{display:none}
  .tvm-hero-deals{display:none}
  .tvm-hero-quad{grid-template-columns:repeat(2,1fr)!important}
  .mall-float-tools{bottom:72px}
}

/* 列表：侧栏抽屉 */
@media (max-width:768px){
  .tvm-plist-mtools{
    display:flex;gap:10px;margin-bottom:10px;
  }
  .tvm-m-filter-btn{
    flex:1;height:40px;border:1px solid #eee;border-radius:20px;
    background:#fff;font-size:14px;color:#333;cursor:pointer;
  }
  .tvm-m-filter-btn::before{content:'☰ ';opacity:.6}
  .tvm-plist-side{
    position:fixed;left:0;top:0;bottom:0;width:min(280px,86vw);
    z-index:1105;background:#fff;box-shadow:4px 0 24px rgba(0,0,0,.12);
    overflow-y:auto;padding:16px 12px;
    transform:translateX(-105%);transition:transform .25s ease;
  }
  .tvm-plist-page.is-filter-open .tvm-plist-side{transform:translateX(0)}
  .tvm-plist-filter-mask{
    position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:1100;
  }
  .tvm-plist-toolbar{flex-direction:column;align-items:stretch}
  .tvm-plist-sort{justify-content:flex-start}
  .tvm-plist-price .tvm-plist-price-hint{display:none}
  .tvm-plist-chips{max-height:120px;overflow-y:auto}
  .tvm-rec-grid--5 > .tvm-rec-card-wrap,
  .tvm-plist-grid > .tvm-rec-card-wrap{
    width:calc((100% - 12px) / 2)!important;
    flex:0 0 calc((100% - 12px) / 2)!important;
  }
}

@media (min-width:769px){
  .tvm-plist-mtools{display:none}
  .tvm-plist-filter-mask{display:none!important}
}
.tvm-plist-main--full .tvm-m-filter-btn{display:none!important}

/* 详情吸底购买条 */
.tvm-item-sticky-bar{display:none}
@media (max-width:768px){
  .tvm-item-sticky-bar{
    display:flex;align-items:center;gap:8px;
    position:fixed;left:0;right:0;bottom:56px;
    z-index:1000;background:#fff;border-top:1px solid #eee;
    padding:8px 10px calc(8px + env(safe-area-inset-bottom,0px));
    box-shadow:0 -4px 16px rgba(0,0,0,.08);
  }
  .tvm-item-page{padding-bottom:120px}
  .tvm-item-sticky-kf,
  .tvm-item-sticky-cart,
  .tvm-item-sticky-wx{
    flex-shrink:0;display:flex;flex-direction:column;align-items:center;
    gap:2px;font-size:10px;color:#666;min-width:40px;text-decoration:none;
  }
  .tvm-item-sticky-kf-ico,
  .tvm-item-sticky-cart-ico,
  .tvm-item-sticky-wx-ico{
    width:22px;height:22px;background:center/contain no-repeat;
  }
  .tvm-item-sticky-wx-ico{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%2307c160'%3E%3Cpath d='M8.5 4C4.9 4 2 6.4 2 9.5c0 1.6.9 3 2.3 4L3 18l4.2-1.2c.8.2 1.6.4 2.4.4 3.6 0 6.5-2.4 6.5-5.5S12.1 4 8.5 4zm9 2c3.1 0 5.5 2.1 5.5 4.7 0 2.6-2.4 4.7-5.5 4.7-.7 0-1.4-.1-2-.3L15 17l-1.1-3.1c1-.9 1.6-2.1 1.6-3.4C15.5 8.1 13.1 6 10.5 6h-.1c.2 0 .4 0 .6 0 2.8 0 5 1.8 5 4 0 2.2-2.2 4-5 4h-.5l2.5 2.5-.7-2.5c1.2-.8 2-2 2-3.5C14.5 7.2 12.6 6 10.5 6z'/%3E%3C/svg%3E")}
  .tvm-item-sticky-kf-ico{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2'%3E%3Cpath d='M22 16.92v3a2 2 0 01-2.18 2 19.8 19.8 0 01-8.63-3.07 19.5 19.5 0 01-6-6A19.8 19.8 0 012.12 4.18 2 2 0 014.11 2h3a2 2 0 012 1.72c.127.96.361 1.903.7 2.81a2 2 0 01-.45 2.11L8.09 9.91a16 16 0 006 6l1.27-1.27a2 2 0 012.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0122 16.92z'/%3E%3C/svg%3E")}
  .tvm-item-sticky-cart-ico{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ff5722' stroke-width='2'%3E%3Cpath d='M5 6h2l1.2 12h9.1L19 8H7'/%3E%3C/svg%3E")}
  .tvm-item-sticky-main{flex:1;display:flex;align-items:center;gap:8px;min-width:0}
  .tvm-item-sticky-price{flex-shrink:0;line-height:1.2}
  .tvm-item-sticky-price .l{display:block;font-size:10px;color:#999}
  .tvm-item-sticky-price .p{font-size:18px;font-weight:700;color:var(--tvm-primary,#ff5722)}
  .tvm-item-sticky-btns{flex:1;display:flex;gap:8px}
  .tvm-item-sticky-add{
    flex:1;border:none;border-radius:20px;padding:10px 8px;
    background:var(--tvm-primary-soft,#fff3e8);color:var(--tvm-primary,#ff5722);
    font-size:13px;font-weight:600;cursor:pointer;
  }
  .tvm-item-sticky-buy{
    flex:1;text-align:center;border-radius:20px;padding:10px 8px;
    background:var(--tvm-primary,#ff5722);color:#fff!important;
    font-size:13px;font-weight:600;
  }
}

/* 详情页 */
@media (max-width:768px){
  .tvm-item-wrap{flex-direction:column!important}
  .tvm-item-gallery,
  .tvm-item-info{width:100%!important;max-width:100%}
  .tvm-item-main-img img{max-height:360px;object-fit:contain}
  .tvm-item-services{grid-template-columns:repeat(2,1fr)}
  .tvm-item-actions{flex-wrap:wrap}
  .tvm-item-actions .tvm-btn-cart,
  .tvm-item-actions .tvm-btn-buy{flex:1 1 100%;min-width:0}
  .tvm-item-tab-head{overflow-x:auto;flex-wrap:nowrap;-webkit-overflow-scrolling:touch}
  .tvm-item-tab-head button{flex-shrink:0}
  .tvm-spec-table th{width:88px}
}

/* 手机底栏 */
.tvm-m-tabbar{
  display:none;
}
@media (max-width:768px){
  .tvm-m-tabbar{
    display:flex;position:fixed;left:0;right:0;bottom:0;z-index:1001;
    height:56px;padding-bottom:env(safe-area-inset-bottom,0);
    background:#fff;border-top:1px solid #eee;
    box-shadow:0 -4px 16px rgba(0,0,0,.06);
  }
  .tvm-m-tabbar a{
    flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;
    gap:2px;font-size:10px;color:#666;padding-top:4px;min-width:0;
  }
  .tvm-m-tabbar a.is-cur,
  .tvm-m-tabbar a:active{color:var(--tvm-primary,#ff5722)}
  .tvm-m-tabbar-ico{
    width:24px;height:24px;background:center/contain no-repeat;
  }
  .tvm-m-tabbar-ico--home{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2'%3E%3Cpath d='M3 11l9-8 9 8v10H3z'/%3E%3C/svg%3E")}
  .tvm-m-tabbar-ico--cat{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2'%3E%3Cpath d='M4 6h16M4 12h16M4 18h10'/%3E%3C/svg%3E")}
  .tvm-m-tabbar-ico--cart{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ff5722' stroke-width='2'%3E%3Cpath d='M5 6h2l1.2 12h9.1L19 8H7'/%3E%3C/svg%3E")}
  .tvm-m-tabbar-ico--user{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23666'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M4 20c0-4 4-6 8-6s8 2 8 6'/%3E%3C/svg%3E")}
  .tvm-m-tabbar-ico--mobile{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2'%3E%3Crect x='7' y='2' width='10' height='20' rx='2'/%3E%3Cpath d='M11 18h2'/%3E%3C/svg%3E")}
  .tvm-m-tabbar a.is-cur .tvm-m-tabbar-ico--mobile{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ff5722' stroke-width='2'%3E%3Crect x='7' y='2' width='10' height='20' rx='2'/%3E%3Cpath d='M11 18h2'/%3E%3C/svg%3E")}
  .tvm-m-tabbar a.is-cur .tvm-m-tabbar-ico--home,
  .tvm-m-tabbar a.is-cur .tvm-m-tabbar-ico--cat{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ff5722' stroke-width='2'%3E%3Cpath d='M3 11l9-8 9 8v10H3z'/%3E%3C/svg%3E")}
}

/* 分类索引页 */
@media (max-width:768px){
  .tvm-fenlei-grid{display:flex;flex-direction:column;gap:12px}
  .tvm-fenlei-block{border-radius:12px;padding:14px;background:#fff;border:1px solid #f0f0f0}
  .tvm-store-page .content-split{flex-direction:column}
}

/* 后台 screening 筛选条 */
.tvm-screening{margin-bottom:12px;padding:12px 16px;background:#fff;border-radius:12px;border:1px solid #f0f0f0}
.tvm-screening-row{margin-bottom:10px}
.tvm-screening-row:last-child{margin-bottom:0}
.tvm-screening-label{display:inline-block;min-width:56px;font-size:12px;color:#999;margin-right:8px}
.tvm-screening-opts{display:inline-flex;flex-wrap:wrap;gap:8px}
.tvm-screening-opts a{
  padding:5px 14px;font-size:12px;color:#666;background:#f7f7f7;border-radius:16px;border:1px solid #eee;
}
.tvm-screening-opts a.is-on,
.tvm-screening-opts a.on,
.tvm-screening-opts a:hover{
  color:var(--tvm-primary,#ff5722);background:var(--tvm-primary-soft,#fff3e8);border-color:var(--tvm-primary-soft,#fff3e8);
}