/*
Theme Name: Aerpu Shop
Theme URI: https://shop.aerpu.com/
Author: Aerpu
Description: 阿尔普官方商城店铺主题（版式参照微雪电子）
Version: 1.0.0
Text Domain: aerpu
*/

/* ============ 基础 ============ */
:root{
  --wrap:1200px;
  --bg:#f7f7f7;
  --ink:#333;
  --ink2:#666;
  --ink3:#b0b0b0;
  --line:#e5e5e5;
  --line2:#e6e6e6;
  --blue:#0173BC;
  --blue2:#2d97cd;
  --red:#ff0036;
}
*,*::before,*::after{box-sizing:border-box}
html,body{margin:0;padding:0}
body{overflow-x:hidden}
body{
  background:var(--bg);
  color:var(--ink2);
  font:14px/1.5 -apple-system,BlinkMacSystemFont,"Microsoft YaHei","PingFang SC","Hiragino Sans GB",Arial,sans-serif;
  -webkit-font-smoothing:antialiased;
}
img{max-width:100%;height:auto;border:0;vertical-align:middle}
a{color:var(--ink2);text-decoration:none}
a:hover{color:var(--blue)}
ul,ol{margin:0;padding:0;list-style:none}
h1,h2,h3,h4,h5,p{margin:0;font-weight:400}
input,button,select,textarea{font-family:inherit;font-size:inherit;outline:none}
.wrap{width:var(--wrap);margin:0 auto}
.fl{float:left}.fr{float:right}
.clearfix::after{content:"";display:block;clear:both}
.hide{display:none!important}
.ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* ============ 顶部黑条 40px ============ */
.topbar{position:relative;background:#333;color:var(--ink3);height:40px;font-size:12px;border-bottom:1px solid #ddd}
.topbar .wrap{height:40px;display:flex;align-items:center;justify-content:space-between;padding-right:160px}
.tb-left,.tb-right{display:flex;align-items:center;white-space:nowrap}
.tb-left a,.tb-right a{color:var(--ink3);font-size:12px}
.tb-left a:hover,.tb-right a:hover{color:#fff}
.tb-left span,.tb-right span{color:#cecece;margin:0 10px}
.tb-cart{
  position:absolute;right:0;top:0;height:40px;line-height:40px;
  background:#535353;color:#fff!important;font-size:12px;
  padding:0 20px 0 42px;display:block;
}
.tb-cart::before{
  content:"";position:absolute;left:15px;top:9px;width:22px;height:22px;
  background:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='1.6'%3E%3Cpath d='M3 4h2l2.4 11.2a2 2 0 0 0 2 1.6h7.9a2 2 0 0 0 2-1.56L21 8H6'/%3E%3Ccircle cx='10' cy='20' r='1.4' fill='%23fff' stroke='none'/%3E%3Ccircle cx='18' cy='20' r='1.4' fill='%23fff' stroke='none'/%3E%3C/svg%3E") no-repeat center;
}
.tb-cart:hover{background:var(--blue)}
.tb-cart b{font-weight:400}

/* ============ 头部 104px ============ */
.header{background:#fff;position:relative;z-index:60}
.nav_box{width:var(--wrap);margin:0 auto;height:104px;position:relative}
.logo{position:absolute;left:0;top:34px;margin:0;line-height:0}
.logo img{height:36px;width:auto;display:block}
.navlist{position:absolute;left:124px;top:0;height:104px;display:flex;align-items:center}
.navlist>li{position:relative;height:104px;display:flex;align-items:center}
.navlist>li>a{font-size:16px;color:var(--ink);padding:0 10px;display:inline-block;line-height:104px}
.navlist>li>a:hover,.navlist>li.cur>a{color:var(--blue)}
.navlist .nav-cat>a{display:flex;align-items:center;gap:7px}
.navlist .ico-cat{width:14px;height:2px;height:12px;display:inline-block;background:
  linear-gradient(#333,#333) 0 0 no-repeat,
  linear-gradient(#333,#333) 0 5px no-repeat,
  linear-gradient(#333,#333) 0 10px no-repeat;background-size:14px 2px}
.navlist .nav-cat:hover .ico-cat{background-image:
  linear-gradient(#0173BC,#0173BC),
  linear-gradient(#0173BC,#0173BC),
  linear-gradient(#0173BC,#0173BC)}
.navlist .cat-drop{
  display:none;position:absolute;left:-10px;top:104px;width:820px;
  background:#fff;border-top:2px solid #0173BC;box-shadow:0 6px 18px rgba(0,0,0,.12);
  padding:18px 20px 8px;z-index:80;
  grid-template-columns:repeat(4,minmax(0,1fr));gap:6px 10px;
}
.navlist .nav-cat:hover .cat-drop{display:grid}
.cat-drop .cd-item{padding:0 6px 10px}
.cat-drop .cd-t{display:block;font-size:14px;color:#333;font-weight:700;line-height:26px;margin-bottom:2px}
.cat-drop .cd-t:hover{color:#0173BC}
.cat-drop .cd-s{display:block;font-size:12px;color:#8a8a8a;line-height:22px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cat-drop .cd-s:hover{color:#0173BC}
.navlist .allcat>a{padding-left:34px;position:relative}
.navlist .allcat>a::before{
  content:"";position:absolute;left:10px;top:50%;margin-top:-9px;width:18px;height:18px;
  background:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='none' stroke='%23333' stroke-width='1.8'%3E%3Cpath d='M3 5h12M3 9h12M3 13h12'/%3E%3C/svg%3E") no-repeat center;
}

/* 搜索框 316x48 */
.search{position:absolute;right:0;top:26px;width:316px;height:48px}
.search form{display:flex;width:100%;height:48px;border:1px solid var(--line2);background:#fff}
.search input[type=text]{flex:1;height:46px;line-height:46px;border:0;padding:0 10px;font-size:12px;color:#737272;background:none}
.search input::placeholder{color:#a9a9a9}
.search button{width:48px;height:46px;border:0;border-left:1px solid var(--line2);background:#fff;cursor:pointer;position:relative;padding:0}
.search button::before{
  content:"";position:absolute;left:13px;top:12px;width:20px;height:20px;
  background:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' stroke='%23666' stroke-width='1.8'%3E%3Ccircle cx='8.5' cy='8.5' r='5.5'/%3E%3Cpath d='M13 13l4.5 4.5'/%3E%3C/svg%3E") no-repeat center;
}
.search:hover form,.search form:focus-within{border-color:var(--blue)}
.search:hover button,.search form:focus-within button{background:var(--blue);border-left-color:var(--blue)}
.search:hover button::before,.search form:focus-within button::before{
  background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' stroke='%23ffffff' stroke-width='1.8'%3E%3Ccircle cx='8.5' cy='8.5' r='5.5'/%3E%3Cpath d='M13 13l4.5 4.5'/%3E%3C/svg%3E");
}

/* ============ 首页 hero 1200x450 ============ */
.hero{background:var(--bg);padding-bottom:0}
.hero-inner{width:var(--wrap);height:450px;margin:0 auto;position:relative}
.slider{position:relative;width:var(--wrap);height:450px;overflow:hidden;background:#111}
.slider li{position:absolute;inset:0;opacity:0;transition:opacity .45s ease;pointer-events:none}
.slider li.on{opacity:1;opacity:1;pointer-events:auto;z-index:2}
.slide-body{display:flex;align-items:center;height:450px;padding-left:284px;color:#fff;text-decoration:none}
.slide-body:hover{color:#fff}
.slide-txt{width:460px;flex:none}
.slide-brand{font-size:13px;letter-spacing:2px;text-transform:uppercase;opacity:.62;margin-bottom:18px}
.slide-title{font-size:34px;line-height:1.28;font-weight:700;letter-spacing:1px;margin-bottom:14px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.slide-rule{width:120px;height:2px;background:#f5a623;margin:10px 0 18px;opacity:.9}
.slide-desc{font-size:16px;line-height:1.8;opacity:.8;margin-bottom:26px}
.slide-btn{display:inline-block;border:1px solid rgba(255,255,255,.7);border-radius:26px;padding:10px 30px;font-size:14px;color:#fff}
.slide-btn:hover{background:#fff;color:#111}
.slide-img{flex:1;display:flex;align-items:center;justify-content:center;height:450px}
.slide-img img{max-width:480px;max-height:340px;width:auto;height:auto;object-fit:contain;border-radius:10px;box-shadow:0 24px 50px rgba(0,0,0,.5)}
.slider .prev,.slider .next{
  position:absolute;top:50%;margin-top:-22px;width:44px;height:44px;border-radius:50%;
  background:rgba(255,255,255,.16);z-index:6;cursor:pointer;border:0;
  display:flex;align-items:center;justify-content:center;opacity:0;transition:.2s;
}
.slider:hover .prev,.slider:hover .next{opacity:1}
.slider .prev{left:250px}.slider .next{right:16px}
.slider .prev::before,.slider .next::before{content:"";width:10px;height:10px;border-left:2px solid #fff;border-bottom:2px solid #fff}
.slider .prev::before{transform:rotate(45deg);margin-left:4px}
.slider .next::before{transform:rotate(-135deg);margin-right:4px}
.points{position:absolute;right:30px;bottom:18px;display:flex;justify-content:flex-end;gap:9px;z-index:6}
.points span{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.45);cursor:pointer}
.points span.on{background:#fff;width:20px;border-radius:4px}

/* 分类侧栏 232x450 */
.catmenu{
  position:absolute;left:0;top:0;width:232px;height:450px;z-index:10;
  background:rgba(0,0,0,.66);padding:2px 0;overflow:hidden;
}
.catmenu>li{position:relative;height:32px;line-height:32px}
.catmenu>li>a{display:block;padding:0 26px 0 16px;color:#fff;font-size:14px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.catmenu>li>a::after{
  content:"";position:absolute;right:20px;top:13px;width:5px;height:5px;
  border-top:1px solid rgba(255,255,255,.85);border-right:1px solid rgba(255,255,255,.85);transform:rotate(45deg);
}
.catmenu>li:hover{background:var(--blue2)}
.catmenu>li:hover>a{color:#fff}
.catmenu .lv2{
  display:none;position:absolute;left:232px;top:-4px;width:240px;
  background:#fff;padding:6px 0;box-shadow:3px 3px 8px rgba(0,0,0,.25);z-index:20;
}
.catmenu>li:hover .lv2{display:block}
.catmenu .lv2 a{display:block;padding:0 24px;height:32px;line-height:32px;font-size:13px;color:var(--ink2);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.catmenu .lv2 a:hover{background:var(--blue2);color:#fff}

/* ============ 区块标题 ============ */
.sec{width:var(--wrap);margin:0 auto}
.sec-head{height:64px;display:flex;align-items:center;justify-content:space-between}
.sec-head h3{font-size:24px;color:var(--ink)}
.sec-head h3 a{color:var(--ink)}
.sec-head h3 a:hover{color:var(--blue)}
.sec-head .more{font-size:12px;color:#999}
.sec-head .more:hover{color:var(--blue)}

/* 新品上市 5 列 */
.sec-new{padding-bottom:20px}
.sec-new .sec-head{height:64px}
.sec-new .sec-head h3{font-size:16px;color:var(--ink2)}
.grid-5{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}

/* ============ 商品卡片 ============ */
.card{display:block;background:#fff;padding:16px;text-align:center;transition:box-shadow .2s,transform .2s;color:var(--ink2)}
.card:hover{box-shadow:0 5px 15px rgba(0,0,0,.1);transform:translateY(-2px);color:var(--ink2)}
.card .thumb{height:150px;display:flex;align-items:center;justify-content:center;margin-bottom:6px}
.card .thumb img{max-width:100%;max-height:150px;width:auto;height:auto;object-fit:contain}
.card .t{min-width:0;font-size:14px;color:var(--ink2);height:26px;line-height:26px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.card .d{font-size:12px;color:var(--ink3);height:20px;line-height:20px;margin-bottom:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.card .p{font-size:14px;color:var(--red);line-height:22px}
.card .p .sym{font-size:12px;margin-right:1px}
.card .p del{color:var(--ink3);font-size:12px;margin-left:6px}
/* 列表页卡片：价格在上、型号、标题（参照微雪列表页） */
.card.list{text-align:left;padding:18px 18px 16px;display:flex;flex-direction:column;height:100%}
.card.list .thumb{height:176px;margin-bottom:2px}
.card.list .thumb img{max-height:176px}
.card.list .p{font-size:17px;line-height:26px;color:var(--red);margin-bottom:0}
.card.list .p .sym{font-size:14px}
.card.list .p del{font-size:12px}
.card.list .d{font-size:12px;color:#a8bccb;height:18px;line-height:18px;margin-bottom:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.card.list .t{font-size:13px;color:#7d8f9e;line-height:20px;height:auto;max-height:40px;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.card.list:hover .t{color:var(--blue)}
.card.is-out .p{color:#999}

/* ============ 楼层：竖banner + 4列 x2行 ============ */
.floor{padding-bottom:6px}
.goods_con{display:flex;align-items:stretch;margin-bottom:24px}
.promo{width:232px;min-height:266px;flex:0 0 232px;margin-right:10px;position:relative;overflow:hidden;display:block}
.promo:hover{box-shadow:0 5px 15px rgba(0,0,0,.1)}
.promo .in{position:absolute;inset:0;padding:44px 24px 0}
.promo .tag{font-size:12px;letter-spacing:2px;text-transform:uppercase;opacity:.55;margin-bottom:16px}
.promo h4{font-size:24px;line-height:1.35;color:#1a1a1a;margin-bottom:12px}
.promo p{font-size:13px;line-height:1.7;color:#666;margin-bottom:18px}
.promo .go{font-size:12px;color:#333;border-bottom:1px solid rgba(0,0,0,.3);padding-bottom:2px}
.promo img{position:absolute;left:50%;bottom:26px;transform:translateX(-50%);max-width:200px;max-height:250px;width:auto;height:auto;object-fit:contain;mix-blend-mode:multiply}
.goods_con.short .promo{min-height:266px}
.goods_con.short .promo .in{padding:34px 24px 0}
.goods_con.short .promo h4{font-size:20px;margin-bottom:10px}
.goods_con.short .promo p{margin-bottom:14px}
.goods_con.short .promo img{max-width:120px;max-height:120px;bottom:20px;opacity:.9}
.promo.p0{background:linear-gradient(160deg,#e8f6ee,#cfe9dc)}
.promo.p1{background:linear-gradient(160deg,#e9f1fc,#d3e2f7)}
.promo.p2{background:linear-gradient(160deg,#fdf2e8,#f7e2cd)}
.promo.p3{background:linear-gradient(160deg,#f1eefb,#e0d9f5)}
.promo.p4{background:linear-gradient(160deg,#eef1f4,#dde3e9)}
.grid-4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;width:958px}

/* 分类页 tabs */
.tabs{display:flex;align-items:center;gap:30px}
.tabs li a{display:inline-block;font-size:16px;color:var(--ink2);padding-bottom:4px;border-bottom:2px solid transparent}
.tabs li.on a,.tabs li a:hover{color:var(--blue);border-bottom-color:var(--blue)}

/* 面包屑 */
.crumb{width:var(--wrap);margin:0 auto;padding:16px 0 4px;font-size:12px;color:#999}
.crumb a{color:#999}.crumb a:hover{color:var(--blue)}
.crumb em{font-style:normal;margin:0 6px;color:#ccc}

/* 空状态 */
.empty{background:#fff;padding:80px 0;text-align:center;color:var(--ink3);font-size:14px;margin-bottom:30px}
.empty a{color:var(--blue)}

/* ============ 服务条 ============ */
.svc{background:#fff;border-top:1px solid var(--line)}
.svc .wrap{height:80px;display:flex;align-items:center;border-bottom:1px solid var(--line)}
.svc-item{display:flex;align-items:center;font-size:18px;color:var(--ink3)}
.svc-item i{width:40px;height:40px;margin-right:10px;flex:none;display:flex;align-items:center;justify-content:center;border:1px solid var(--ink3);border-radius:50%;font-style:normal;font-size:14px}
.svc-item i svg{width:22px;height:22px;stroke:var(--ink3);fill:none;stroke-width:1.5}
.svc .s1{width:20%}
.svc .s2{width:30%;justify-content:center}
.svc .s3{width:30%;justify-content:center}
.svc .s4{width:20%;justify-content:flex-end}

/* ============ 页脚 ============ */
.footer{background:#fff}
.help{display:flex;padding:20px 0 30px}
.help .col{width:25%;text-align:center}
.help h3{font-size:18px;color:var(--ink2);padding:20px 0}
.help li{line-height:30px;font-size:14px}
.help li a{color:var(--ink2)}
.help li a:hover{color:var(--blue)}
.copyright{background:#e8e8e8}
.copyright .wrap{min-height:60px;display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#8b8b8b;padding:10px 0}
.cp-left{display:flex;align-items:center;flex-wrap:wrap;gap:6px 0}
.cp-left .badge{display:inline-flex;align-items:center;height:34px;padding:0 10px;background:#fff;border-radius:2px;margin-right:8px;font-size:11px;color:#666}
.cp-left .sep{margin:0 12px;color:#c4c4c4}
.cp-right{display:flex;align-items:center;gap:8px}
.cp-right a{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center}
.cp-right .bili{background:#fb7299}
.cp-right .weibo{background:#e6162d}
.cp-right svg{width:16px;height:16px;fill:#fff}

/* ============ 右侧悬浮 ============ */
.right-bar{position:fixed;right:0;bottom:100px;width:72px;z-index:300}
.right-bar ul{background:#fff;box-shadow:1px 1px 10px rgba(0,0,0,.1)}
.right-bar li+li{border-top:1px solid #eee}
.right-bar a{display:block;text-align:center;padding:14px 0;font-size:12px;color:var(--ink2)}
.right-bar a:hover{color:var(--blue)}
.right-bar a svg{display:block;width:24px;height:24px;margin:0 auto 4px;stroke:#666;fill:none;stroke-width:1.5}
.right-bar a:hover svg{stroke:var(--blue)}
.right-bar .totop{background:#fff;margin-top:8px;display:none}
.right-bar .totop.show{display:block}

/* ============ 商品详情页 ============ */
.prod{width:var(--wrap);margin:0 auto;padding-bottom:30px}
.prod-top{display:flex;gap:40px;background:#fff;padding:24px;margin-bottom:16px}
.gallery{width:420px;flex:none}
.g-main{width:420px;height:420px;display:flex;align-items:center;justify-content:center;border:1px solid #f0f0f0}
.g-main img{max-width:400px;max-height:400px;width:auto;height:auto;object-fit:contain}
.g-thumbs{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap}
.g-thumbs li{width:76px;height:76px;border:1px solid #eee;display:flex;align-items:center;justify-content:center;cursor:pointer}
.g-thumbs li img{max-width:70px;max-height:70px;object-fit:contain}
.g-thumbs li.on{border:2px solid var(--blue)}
.info{flex:1;min-width:0}
.info h1{font-size:22px;line-height:1.5;color:var(--ink);margin-bottom:8px}
.info .sub{font-size:12px;color:var(--red);margin-bottom:16px}
.pricebox{background:#f7f7f7;padding:16px 20px;display:flex;align-items:center;margin-bottom:18px}
.pricebox .lb{font-size:14px;color:var(--ink2);margin-right:40px}
.pricebox .val{font-size:30px;color:var(--red);line-height:1}
.pricebox .val .sym{font-size:18px;margin-right:2px}
.pricebox del{font-size:13px;color:var(--ink3);margin-left:12px}
.meta{margin-bottom:16px}
.meta div{display:flex;line-height:34px;font-size:14px}
.meta .k{width:76px;color:#999;flex:none}
.meta .v{color:var(--ink)}
.buyrow{display:flex;align-items:center;margin:18px 0}
.buyrow .k{width:76px;color:#999;font-size:14px;flex:none}
.qty{display:flex;border:1px solid #ddd;height:38px;width:110px}
.qty button{width:28px;border:0;background:#fafafa;color:#666;cursor:pointer;font-size:16px;line-height:1}
.qty input{width:52px;border:0;text-align:center;font-size:14px;color:var(--ink)}
.acts{display:flex;align-items:center;gap:14px;margin:8px 0 18px}
.btn-cart{height:48px;padding:0 34px;border:1px solid var(--red);background:#fff;color:var(--red);font-size:16px;cursor:pointer;display:inline-flex;align-items:center;gap:8px}
.btn-cart:hover{background:#fff5f7}
.btn-cart svg{width:20px;height:20px;stroke:var(--red);fill:none;stroke-width:1.6}
.btn-buy{height:48px;padding:0 54px;border:1px solid var(--red);background:var(--red);color:#fff;font-size:16px;cursor:pointer}
.btn-buy:hover{background:#e60031;border-color:#e60031;color:#fff}
.fav{display:inline-flex;align-items:center;gap:6px;font-size:14px;color:var(--ink2)}
.fav svg{width:18px;height:18px;stroke:var(--red);fill:none;stroke-width:1.6}
.assure{font-size:12px;color:#999;display:flex;align-items:center;gap:8px}
.assure svg{width:16px;height:16px;stroke:#999;fill:none;stroke-width:1.5}

/* 详情 tab */
.detail{background:#fff;padding:0 24px 30px}
.dtabs{display:flex;gap:0;border-bottom:1px solid var(--line);margin:0 -24px 24px;padding:0 24px}
.dtabs li{font-size:16px;color:var(--ink2);padding:16px 0;margin-right:40px;cursor:pointer;border-bottom:2px solid transparent}
.dtabs li.on{color:var(--blue);border-bottom-color:var(--blue)}
.dpanel{display:none;font-size:14px;line-height:1.9;color:var(--ink2)}
.dpanel.on{display:block}
.dpanel img{max-width:100%;height:auto;display:block;margin:0 auto}
.spec-table{width:100%;border-collapse:collapse;font-size:14px}
.spec-table th,.spec-table td{border:1px solid var(--line);padding:10px 14px;text-align:left}
.spec-table th{background:#fafafa;width:160px;color:var(--ink2);font-weight:400}

/* 相关商品 */
.related{margin-top:16px;background:#fff;padding:0 24px 24px}
.related h3{font-size:18px;color:var(--ink);padding:20px 0}

/* ============ 通用内容页 ============ */
.page-wrap{width:var(--wrap);margin:0 auto;background:#fff;padding:30px;margin-top:16px;margin-bottom:30px;min-height:300px}
.page-wrap h1{font-size:24px;color:var(--ink);margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid var(--line)}
.page-wrap h2{font-size:19px;color:var(--ink);margin:22px 0 12px}
.page-wrap h3{font-size:16px;color:var(--ink);margin:18px 0 10px}
.page-wrap p{margin:0 0 12px;line-height:1.9}
.page-wrap ul{margin:0 0 14px 18px;list-style:disc}
.page-wrap ul li{line-height:1.9}
.page-wrap a{color:var(--blue);text-decoration:underline}
.page-wrap img{max-width:100%;height:auto}

/* 列表：博客/搜索结果 */
.post-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-bottom:30px}
.post-item{background:#fff;padding:16px}
.post-item .pt{font-size:16px;color:var(--ink);margin-bottom:8px;display:block;height:48px;overflow:hidden}
.post-item .pm{font-size:12px;color:var(--ink3)}

/* ============ WooCommerce 兼容样式 ============ */
.woocommerce-message,.woocommerce-info,.woocommerce-error{
  width:var(--wrap);margin:16px auto 0;padding:14px 18px;background:#fff;border-top:2px solid var(--blue);font-size:14px;list-style:none
}
.woocommerce-error{border-top-color:var(--red)}
.shop-wrap{width:var(--wrap);margin:16px auto 30px}
.shop-head{height:60px;display:flex;align-items:center;justify-content:space-between}
.shop-head h1{font-size:22px;color:var(--ink)}
.woocommerce-result-count{font-size:12px;color:#999;margin:0;white-space:nowrap;flex:none}
.woocommerce-ordering{flex:none;margin:0}
.woocommerce-ordering select{min-width:132px;height:32px;border:1px solid #ddd;color:#666;background:#fff;padding:0 8px;font-size:12px}
.woocommerce-ordering select{height:32px;border:1px solid var(--line);font-size:12px;color:var(--ink2);padding:0 6px}
.woocommerce-pagination{display:flex;justify-content:center;gap:6px;padding:20px 0}
.woocommerce-pagination a,.woocommerce-pagination span{display:inline-flex;min-width:34px;height:34px;align-items:center;justify-content:center;background:#fff;border:1px solid var(--line);font-size:13px;color:var(--ink2)}
.woocommerce-pagination span.current{background:var(--blue);border-color:var(--blue);color:#fff}

/* 购物车 / 结算 / 我的账户 */
.woocommerce-cart .page-wrap,.woocommerce-checkout .page-wrap,.woocommerce-account .page-wrap{background:#fff;padding:24px 30px 30px}
.woocommerce table.shop_table{width:100%;border-collapse:collapse;font-size:14px}
.woocommerce table.shop_table th{background:#fafafa;color:var(--ink2);font-weight:400;padding:12px;border-bottom:1px solid var(--line);text-align:left}
.woocommerce table.shop_table td{padding:12px;border-bottom:1px solid var(--line);vertical-align:middle}
.woocommerce table.shop_table img{width:64px;height:auto}
.woocommerce .quantity input{height:34px;width:60px;border:1px solid #ddd;text-align:center}
.woocommerce button.button,.woocommerce a.button,.woocommerce input.button,.woocommerce #respond input#submit{
  background:var(--red);color:#fff;border:0;height:42px;line-height:42px;padding:0 26px;font-size:14px;border-radius:0;cursor:pointer
}
.woocommerce button.button:hover,.woocommerce a.button:hover{background:#e60031;color:#fff}
.woocommerce #payment{background:#fafafa;border-radius:0}
.woocommerce form .form-row input.input-text,.woocommerce form .form-row textarea{
  height:40px;border:1px solid #ddd;padding:0 10px;border-radius:0;font-size:14px;background:#fff
}
.woocommerce form .form-row textarea{height:auto;padding:8px 10px}
.woocommerce-checkout #payment ul.payment_methods{border-bottom:1px solid var(--line);padding:0}
#add_payment_method #payment div.payment_box,.woocommerce-cart #payment div.payment_box,.woocommerce-checkout #payment div.payment_box{background:#fff;border-radius:0;font-size:13px;color:var(--ink2)}
#add_payment_method #payment div.payment_box::before,.woocommerce-cart #payment div.payment_box::before,.woocommerce-checkout #payment div.payment_box::before{display:none}
.woocommerce-account .woocommerce-MyAccount-navigation{width:200px;float:left}
.woocommerce-account .woocommerce-MyAccount-navigation ul li a{display:block;padding:10px 14px;background:#fafafa;margin-bottom:6px;font-size:14px}
.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a{background:var(--blue);color:#fff}
.woocommerce-account .woocommerce-MyAccount-content{width:calc(100% - 230px);float:right}
.woocommerce-form-login,.woocommerce-form-register{max-width:520px;border:1px solid var(--line);padding:24px!important}
.woocommerce-cart .page-wrap h1,.woocommerce-checkout .page-wrap h1{font-size:22px;border:0;padding-bottom:4px;margin-bottom:18px}
.woocommerce table.shop_table{border:1px solid var(--line);border-radius:0;border-collapse:collapse}
.woocommerce table.shop_table th{border-bottom:1px solid var(--line);font-size:13px;color:var(--ink);background:#fafafa}
.woocommerce table.shop_table td{border-bottom:1px solid #f0f0f0;font-size:14px;color:var(--ink2)}
.woocommerce table.shop_table td.product-name a{color:var(--ink);font-size:14px}
.woocommerce table.shop_table td.product-name a:hover{color:var(--blue)}
.woocommerce table.shop_table td.product-price,.woocommerce table.shop_table td.product-subtotal{color:var(--red)}
.woocommerce table.shop_table td.product-remove a.remove{display:inline-flex;width:22px;height:22px;align-items:center;justify-content:center;background:#f2f2f2;color:#999!important;border-radius:50%;font-size:14px;line-height:1}
.woocommerce table.shop_table td.product-remove a.remove:hover{background:var(--red);color:#fff!important}
.woocommerce table.shop_table td.actions{padding:14px 12px}
.woocommerce table.shop_table td.actions .coupon{float:left}
.woocommerce table.shop_table td.actions > button,.woocommerce table.shop_table td.actions > input.button{float:right}
.woocommerce table.shop_table td.actions::after{content:"";display:block;clear:both}
.woocommerce .coupon{display:flex;gap:8px;align-items:center}
.woocommerce .coupon input.input-text{height:38px!important;width:180px;border:1px solid #ddd;padding:0 10px}
.woocommerce .coupon button,.woocommerce .coupon input.button{height:38px;line-height:38px;background:#fff!important;color:var(--ink2)!important;border:1px solid #ddd!important}
.woocommerce .coupon input.input-text{height:38px!important;line-height:38px}
.woocommerce .coupon button:hover{border-color:var(--blue)!important;color:var(--blue)!important}
.woocommerce .cart-collaterals{margin-top:8px}
.woocommerce .cart-collaterals .cart_totals{width:420px;float:right}
.woocommerce .cart-collaterals .cart_totals h2{font-size:16px;color:var(--ink);margin-bottom:10px}
.woocommerce .cart-collaterals .cart_totals table{border:1px solid var(--line)}
.woocommerce .cart-collaterals .cart_totals .order-total td,.woocommerce .cart-collaterals .cart_totals .order-total th{color:var(--red);font-size:16px}
.woocommerce .wc-proceed-to-checkout a.checkout-button{display:block;text-align:center;height:46px;line-height:46px;background:var(--red)!important;color:#fff!important;font-size:16px;padding:0}
.woocommerce .wc-proceed-to-checkout a.checkout-button:hover{background:#e60031!important}
.woocommerce-cart .cart-empty{font-size:16px;color:var(--ink2);text-align:center;padding:70px 0 6px}
.woocommerce-cart .cart-empty::before{content:"";display:block;width:96px;height:96px;margin:0 auto 18px;background:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 96 96' fill='none' stroke='%23cfcfcf' stroke-width='3'%3E%3Cpath d='M8 16h10l9 42a8 8 0 0 0 8 6h30a8 8 0 0 0 8-6l8-30H22'/%3E%3Ccircle cx='38' cy='80' r='5'/%3E%3Ccircle cx='72' cy='80' r='5'/%3E%3C/svg%3E") no-repeat center/contain}
.woocommerce-cart .return-to-shop{text-align:center;padding:22px 0 70px}
.woocommerce-cart .return-to-shop a.button{background:var(--blue)!important;height:40px;line-height:40px;padding:0 32px;font-size:14px}
.woocommerce-cart .return-to-shop a.button:hover{background:#015d99!important}
.woocommerce-info,.woocommerce-message,.woocommerce-error{border:1px solid #e7eef4;border-left:4px solid var(--blue);background:#f5f9fc;color:var(--ink2);padding:12px 16px;font-size:14px;margin:0 0 18px;list-style:none;box-shadow:none;border-radius:0}
.woocommerce-message{border-color:#e6f0e8;border-left-color:#4caf50;background:#f4faf5;color:#2e6b3a}
.woocommerce-error{border-color:#f6e2e5;border-left-color:var(--red);background:#fdf4f5;color:#a3252f}
.woocommerce-message::before,.woocommerce-info::before,.woocommerce-error::before{display:none}
.woocommerce-message .button,.woocommerce-info .button{float:right;height:30px;line-height:30px;padding:0 14px;font-size:12px;background:var(--blue)!important;margin-top:-4px}
.woocommerce form .form-row label{font-size:13px;color:var(--ink2);margin-bottom:4px}
.woocommerce form .form-row{padding:0 0 14px;margin:0}
.woocommerce form .form-row-first,.woocommerce form .form-row-last{width:100%;float:none}
.woocommerce form .form-row{margin-bottom:0}
.woocommerce form .form-row label{font-size:13px}
.woocommerce form .form-row .required{color:var(--red);text-decoration:none}
.woocommerce form .form-row input.input-text,.woocommerce form .form-row select{height:40px;line-height:40px}
.woocommerce .woocommerce-billing-fields h3,.woocommerce .woocommerce-shipping-fields h3{font-size:16px}
.woocommerce #ship-to-different-address{font-size:14px;margin:0 0 14px}
.woocommerce #ship-to-different-address label{font-weight:400;color:var(--ink)}
.woocommerce form .form-row .woocommerce-input-wrapper{display:block;width:100%}
.woocommerce form .form-row input.input-text,.woocommerce form .form-row textarea,.woocommerce form .form-row select{width:100%!important;box-sizing:border-box}
.woocommerce form .form-row textarea{width:100%!important}
.woocommerce form .form-row textarea{min-height:80px}
.woocommerce .col2-set{display:block;gap:0}
.woocommerce .col2-set .col-1,.woocommerce .col2-set .col-2{float:none;width:100%;max-width:640px}
.woocommerce .col2-set .col-2{margin-top:6px}
.woocommerce-checkout h3{font-size:16px;color:var(--ink);margin:8px 0 14px;padding-bottom:8px;border-bottom:1px solid var(--line)}
.woocommerce-checkout #order_review_heading{margin-top:22px}
.woocommerce-checkout form.checkout{display:block}
.woocommerce-checkout #customer_details{margin-bottom:6px}
.woocommerce-checkout #order_review{background:#fafafa;padding:0}
.woocommerce-checkout #order_review table.shop_table{border:0;background:#fff}
.woocommerce-checkout #payment ul.payment_methods{padding:16px}
.woocommerce-checkout #payment div.form-row{padding:0 16px 16px}
.woocommerce-checkout #payment #place_order{height:46px;line-height:46px;font-size:16px;width:100%;border-radius:0}
.woocommerce-checkout .woocommerce-terms-and-conditions-wrapper{margin-bottom:14px;font-size:13px}
.select2-container--default .select2-selection--single{height:40px;border:1px solid #ddd;border-radius:0}
.select2-container--default .select2-selection--single .select2-selection__rendered{line-height:38px}
.select2-container--default .select2-selection--single .select2-selection__arrow{height:38px}
.woocommerce-order .woocommerce-thankyou-order-received{font-size:18px;color:#2e7d32;margin-bottom:16px}
.woocommerce-order ul.woocommerce-order-overview{display:flex;gap:20px;flex-wrap:wrap;border:0;padding:16px;background:#fafafa;margin:0 0 20px}
.woocommerce-order ul.woocommerce-order-overview li{border:0;margin:0;padding:0;font-size:12px;color:var(--ink2)}

/* 分页/表单通用 */
.screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px)}

/* 会员中心（wpcom-member） */
.member-wrap,.wpcom-member,.member-form{max-width:520px;margin:0 auto}
.member-wrap h2,.member-form h2{font-size:20px;color:var(--ink);margin-bottom:18px}
.member-form input[type=text],.member-form input[type=password],.member-form input[type=email]{width:100%;height:44px;border:1px solid #ddd;padding:0 12px;margin-bottom:14px;font-size:14px;border-radius:4px}
.member-form button,.member-form input[type=submit],.member-form .btn{width:100%;height:44px;background:var(--blue)!important;border:0!important;color:#fff!important;font-size:15px;border-radius:4px;cursor:pointer}
.member-form button:hover,.member-form input[type=submit]:hover{background:#015d99!important}
.page-wrap .member-form a{color:var(--blue)}
/* wpcom-member 登录/注册页居中成卡片 */
html{overflow-x:hidden}
body.wpcom-member{width:auto!important;margin:0!important;max-width:none!important}
.member-form-wrap{float:none!important;width:440px!important;max-width:100%;margin:36px auto 50px!important;background:#fff;padding:34px 34px 26px!important;border:1px solid #eee;box-shadow:0 2px 12px rgba(0,0,0,.04);box-sizing:border-box}
.member-form-head{margin-bottom:20px}
.member-form-title{font-size:20px;color:var(--ink);font-weight:400}
.member-form-items .form-group,.member-form-items .mb20{margin-bottom:14px}
.member-form .form-control,.member-form .input{height:44px;border:1px solid #ddd;border-radius:3px;font-size:14px;padding:0 12px}
.member-form .btn,.member-form .wpcom-btn{height:44px;line-height:44px;border-radius:3px;font-size:15px}
.member-form-logo{display:none}
.member-form-social{margin-top:14px;border-top:1px solid #f0f0f0;padding-top:14px}
.member-form-footer{font-size:12px;color:#999}

/* 兜底：防止第三方插件把 body 变成绝对定位/收缩宽度 */
body{position:static!important;width:auto!important;max-width:none!important;height:auto!important;min-height:100%!important;top:auto!important;overflow-x:clip!important;overflow-y:visible!important}

/* ============ 响应式（向下兼容 1024/768） ============ */
@media (max-width:1250px){
  :root{--wrap:96%}
  .grid-4{width:auto;flex:1;grid-template-columns:repeat(4,minmax(0,1fr))}
  .catmenu{width:210px}
}
@media (max-width:1024px){
  .navlist{left:110px}
  .search{width:240px}
  .grid-5{grid-template-columns:repeat(4,minmax(0,1fr))}
  .grid-4{grid-template-columns:repeat(3,minmax(0,1fr))}
  .promo{height:auto;align-self:stretch}
  .slide-body{padding-left:250px}
  .slide-title{font-size:30px}
  .slide-img img{max-width:380px;max-height:300px}
  .prod-top{flex-wrap:wrap}
}
@media (max-width:820px){
  .topbar .wrap{padding-right:120px}
  .tb-left{display:none}
  .nav_box{height:auto;padding:12px 0}
  .logo{position:static;margin-bottom:10px}
  .logo img{height:32px}
  .navlist{position:static;height:auto;overflow-x:auto;white-space:nowrap;display:block}
  .navlist>li{display:inline-block;height:40px}
  .navlist>li>a{line-height:40px;font-size:15px;padding:0 8px}
  .search{position:static;width:100%;margin-top:8px}
  .hero-inner,.slider,.slider li,.slide-body{height:300px}
  .catmenu{display:none}
  .slide-body{padding:0 20px}
  .slide-title{font-size:22px}
  .slide-desc{font-size:13px;margin-bottom:14px}
  .slide-img{display:none}
  .grid-5,.grid-4{grid-template-columns:repeat(2,minmax(0,1fr));width:auto}
  .card{padding:10px}
  .card .thumb{height:110px}
  .card .thumb img{max-height:110px}
  .card .t{white-space:normal;height:auto;line-height:18px;font-size:12px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  .card .d{font-size:11px;margin-bottom:4px}
  .card .p{font-size:13px}
  .card.list .thumb{height:120px}
  .card.list .thumb img{max-height:120px}
  .goods_con{flex-direction:column}
  .promo{width:100%;height:180px;margin:0 0 10px}
  .promo img{display:none}
  .promo .in{padding:28px 20px 0}
  .sec-head{height:auto;padding:14px 0;flex-wrap:wrap;gap:8px}
  .sec-head h3{font-size:18px}
  .tabs{gap:16px;flex-wrap:wrap}
  .tabs li a{font-size:14px}
  .svc .wrap{height:auto;flex-wrap:wrap;padding:14px 0;gap:10px}
  .svc-item{width:50%!important;font-size:14px;justify-content:flex-start!important}
  .help{flex-wrap:wrap}
  .help .col{width:50%}
  .right-bar{display:none}
  .prod-top{padding:14px}
  .gallery,.g-main{width:100%;height:auto}
  .g-main{height:300px}
  .btn-buy,.btn-cart{flex:1;justify-content:center;padding:0 12px}
  .post-list{grid-template-columns:1fr}
  .copyright .wrap{flex-direction:column;gap:10px;align-items:flex-start}
  .woocommerce-account .woocommerce-MyAccount-navigation,.woocommerce-account .woocommerce-MyAccount-content{width:100%;float:none}
}