/* PC 首页 pxb7 风格 — P0：顶栏、搜索、卡片、布局变量（仅 .px-home 生效） */
.px-home{
 --px-primary:#ff6600;
 --px-primary-dark:#e55a00;
 --px-bg:#f5f5f5;
 --px-card:#fff;
 --px-text:#333;
 --px-muted:#999;
 --px-border:#eee;
 --px-radius:12px;
 --px-shadow:0 2px 12px rgba(0,0,0,.06);
 --px-width:1400px;
 --px-hero-side:15px;
 --px-hero-gap:12px;
 --px-hero-promo-gap:8px;
 --px-hero-left-w:232px;
 --px-hero-center-w:788px;
 --px-hero-right-w:316px;
 --px-content-w:calc(var(--px-hero-left-w) + var(--px-hero-center-w) + var(--px-hero-right-w) + var(--px-hero-gap) + var(--px-hero-gap));
 --px-hero-banner-h:200px;
 --px-hero-promo-h:128px;
 --px-hero-block-radius:16px;
 --px-hero-total-h:calc(var(--px-hero-banner-h) + var(--px-hero-promo-gap) + var(--px-hero-promo-h));
 background:var(--px-bg)!important;
 background-image:none!important;
}

.px-home .yjcode{width:var(--px-width);}

/* ===== 顶栏 top1 ===== */
.px-home .bfbtop1{
 height:32px;line-height:32px;
 background:#fafafa!important;
 background-image:none!important;
 border-bottom:1px solid var(--px-border);
 color:var(--px-muted);
}
.px-home .bfbtop1 .left-area .hy,
.px-home .bfbtop1 .nologin .topreg,
.px-home .bfbtop1 .nologin .toplogin .a1 span,
.px-home .bfbtop1 .yeslogin .topuid span{font-size:12px;color:#666;}
.px-home .bfbtop1 .nologin .topreg:hover,
.px-home .bfbtop1 .nologin .toplogin .a1 span:hover,
.px-home .bfbtop1 .yeslogin .topuid span:hover{color:var(--px-primary);}
.px-home .bfbtop1 .right-area a{font-size:12px;color:#666;padding:0 10px;}
.px-home .bfbtop1 .right-area a:hover{color:var(--px-primary);}
.px-home .bfbtop1 .right-area span.split{color:#ddd;}

/* ===== 头部 top2（参考 pxb7：灰底 + 长搜索框） ===== */
.px-home .topbanner_hj{display:none!important;}
.px-home .bfbtop2{
 background:#f5f5f5!important;
 background-image:none!important;
 padding-bottom:0;border-bottom:none;
}
.px-home .bfbtop2 .bfbtop2-top{
 height:auto;padding:16px var(--px-hero-side) 8px;
 display:grid;
 grid-template-columns:var(--px-hero-left-w) var(--px-hero-center-w) var(--px-hero-right-w);
 column-gap:var(--px-hero-gap);
 align-items:center;box-sizing:border-box;
}
.px-home .bfbtop2 .bfbtop2-top .bfbtop2-logo{
 float:none;width:auto;padding:0;grid-column:1;
}
.px-home .bfbtop2 .bfbtop2-top .bfbtop2-logo img{max-height:48px;width:auto;display:block;}

.px-home .bfbtop2 .bfbtop2-top .bfbtop2-search{
 float:none;grid-column:2;width:100%;max-width:var(--px-hero-center-w);
 padding:0;box-sizing:border-box;min-width:0;
 display:flex;flex-direction:column;align-items:stretch;
 --px-search-icon-left:16px;
}
.px-home .bfbtop2 .bfbtop2-top .bfbtop2-search form{
 float:none!important;display:block;width:100%;margin:0;padding:0;
}

/* 橙色圆角搜索框 */
.px-home .bfbtop2 .bfbtop2-search .topser{
 float:none!important;width:100%;height:44px;
 border:2px solid var(--px-primary);
 border-radius:999px;
 background:var(--px-card);
 box-sizing:border-box;
 overflow:visible;
 display:flex;align-items:stretch;
}
.px-home .bfbtop2 .bfbtop2-search .topser li{float:none;display:flex;align-items:center;}
.px-home .bfbtop2 .bfbtop2-search .topser .l1{display:none!important;}
.px-home .bfbtop2 .bfbtop2-search .topser .l2{
 flex:1;min-width:0;width:auto;
 display:flex;align-items:center;
}
.px-home .bfbtop2 .bfbtop2-search .topser .l2 input{
 width:100%;height:40px;padding:0 16px 0 42px;font-size:14px;
 border:none;background:transparent;
 background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23999' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cline x1='16.5' y1='16.5' x2='21' y2='21'/%3E%3C/svg%3E");
 background-repeat:no-repeat;background-position:14px center;background-size:16px 16px;
}
.px-home .bfbtop2 .bfbtop2-search .topser .l3{flex-shrink:0;padding-right:4px;}
.px-home .bfbtop2 .bfbtop2-search .topser .l3 input{
 width:76px;height:36px;line-height:36px;margin-top:0;
 border-radius:999px;
 background:var(--px-primary)!important;
 background-image:none!important;
 color:#fff!important;font-size:14px!important;
 font-weight:600;cursor:pointer;transition:background .2s;
}
.px-home .bfbtop2 .bfbtop2-search .topser .l3 input:hover{background:var(--px-primary-dark)!important;}

.px-home .bfbtop2 .bfbtop2-top .bfbtop2-search .bfbtop2-hot{
 margin-top:8px;font-size:12px;color:var(--px-muted);height:auto!important;line-height:20px;
 padding-left:var(--px-search-icon-left)!important;margin-left:0!important;
 display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:0;
 float:none!important;overflow:visible!important;width:100%;box-sizing:border-box;
 text-align:left;
}
.px-home .bfbtop2 .bfbtop2-top .bfbtop2-search .bfbtop2-hot>span{
 color:#999;float:none!important;flex-shrink:0;margin:0 4px 0 0;padding:0;
}
.px-home .bfbtop2 .bfbtop2-top .bfbtop2-search .bfbtop2-hot a{
 color:#666;margin:0 8px 0 0;padding:0;float:none!important;
 display:inline-flex;align-items:center;gap:2px;
}
.px-home .bfbtop2 .bfbtop2-top .bfbtop2-search .bfbtop2-hot a:hover{color:var(--px-primary);}
/* 热门搜索前三个：火焰图标（加大尺寸） */
.px-home .bfbtop2 .bfbtop2-top .bfbtop2-search .bfbtop2-hot a:nth-child(n+2):nth-child(-n+4)::before{
 content:'';display:inline-block;width:16px;height:18px;flex-shrink:0;margin-right:3px;
 background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 24'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='50%25' y1='100%25' x2='50%25' y2='0%25'%3E%3Cstop offset='0%25' stop-color='%23ff3b30'/%3E%3Cstop offset='50%25' stop-color='%23ff6b35'/%3E%3Cstop offset='100%25' stop-color='%23ffb020'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath fill='url(%23g)' d='M10 1.5C8.2 5.5 5 8 5 12c0 2.76 2.24 5 5 5s5-2.24 5-5c0-2.8-1.6-4.8-2.8-7.8.9 1.2 1.8 1.8 1.8 3.3 0 .83-.67 1.5-1.5 1.5S11 13.33 11 12.5c0-2.5 1.8-4.2 3.5-6.5-1.2 2-3 3.5-5 4.5z'/%3E%3C/svg%3E") no-repeat center/contain;
 vertical-align:-2px;
}

/* 首页顶栏隐藏右侧吉祥物，搜索区加宽对齐参考站 */
.px-home .bfbtop2 .bfbtop2-top .jxw{display:none!important;}

/* 导航条 */
.px-home .bfbtop2 .bfbtop2-nav{
 height:48px;line-height:48px;
 background:var(--px-card)!important;
 border:1px solid var(--px-border);border-bottom:none;
 border-radius:var(--px-radius) var(--px-radius) 0 0;
 box-shadow:0 -1px 0 var(--px-border) inset;
}
.px-home .bfbtop2 .bfbtop2-nav .bfbtop2-nav-item{
 font-size:15px;font-weight:600;color:var(--px-text);
 margin:0 22px;line-height:48px;position:relative;
}
.px-home .bfbtop2 .bfbtop2-nav .bfbtop2-nav-item.active,
.px-home .bfbtop2 .bfbtop2-nav .bfbtop2-nav-item:hover{color:var(--px-primary);}
.px-home .bfbtop2 .bfbtop2-nav .bfbtop2-nav-item.active::after{
 content:'';position:absolute;left:50%;bottom:0;
 transform:translateX(-50%);width:24px;height:3px;
 background:var(--px-primary);border-radius:2px;
}

/* ===== Hero 主区（三栏分离 + 灰底，参考 pxb7） ===== */
.px-home .qhmain{
 width:100%;margin:4px 0 0;
 background:transparent!important;
 border:none;box-shadow:none;border-radius:0;
 display:grid;
 grid-template-columns:var(--px-hero-left-w) var(--px-hero-center-w) var(--px-hero-right-w);
 column-gap:var(--px-hero-gap);
 align-items:stretch;box-sizing:border-box;
 padding:0 var(--px-hero-side);min-height:0!important;height:auto;
 overflow:visible;
}
.px-home .qhmain .type{
 float:none;width:auto;flex:none;margin:0;padding:8px 10px;
 background:#fff!important;
 border-radius:var(--px-hero-block-radius);box-sizing:border-box;
 display:flex;flex-direction:column;justify-content:space-between;gap:0;
 align-self:stretch;height:100%;min-height:0;box-sizing:border-box;
 box-shadow:0 2px 12px rgba(0,0,0,.04);
 border:1px solid rgba(0,0,0,.04);
}
.px-home .qhmain .type .type-item{
 padding:6px 4px;border-bottom:none!important;
 display:flex!important;flex-direction:row;align-items:center;
 gap:8px;
 float:none!important;width:100%!important;
 border-radius:8px;
 transition:background .25s ease,transform .25s ease;
 min-height:0;box-sizing:border-box;cursor:pointer;
}
.px-home .qhmain .type .type-item:last-child{padding-bottom:4px;}
.px-home .px-hero-nav-left .type-text{
 flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center;gap:1px;
}

/* Hero 左栏：type1-6 图标 */
.px-home .px-hero-nav-left .px-hero-nav-ico{
 flex:0 0 36px;width:36px;height:36px;line-height:1;
 float:none!important;
 border-radius:0;margin:0;padding:0;font-size:0;
 background:transparent!important;text-decoration:none;
 display:flex!important;align-items:center;justify-content:center;overflow:hidden;
 flex-shrink:0;border:none!important;box-shadow:none!important;
}
.px-home .px-hero-nav-left .px-hero-nav-ico img{
 width:36px!important;height:36px!important;max-width:none!important;
 object-fit:contain;display:block;border-radius:4px!important;
 background:transparent!important;border:none!important;
 filter:none;transition:transform .2s ease;
}
.px-home .px-hero-nav-left .type-item:hover{
 background:#f5f5f5!important;
 transform:translateX(4px)!important;
 box-shadow:none!important;
}
.px-home .px-hero-nav-left .type-item:hover .px-hero-nav-ico img{transform:scale(1.08);}
.px-home .px-hero-nav-left .px-nav-desc{color:#999;font-size:11px;line-height:1.35;}
.px-home .px-hero-nav-left .type-item{overflow:visible;}
.px-home .px-hero-nav-left .type-title{
 float:none!important;width:auto!important;max-width:100%!important;
 font-weight:700;font-size:14px;line-height:1.25;margin:0!important;
}
.px-home .px-hero-nav-left .type-desc{
 float:none!important;width:auto!important;max-width:100%!important;
 margin:0!important;padding:0!important;
}
.px-home .px-hero-nav-left .type-title a{color:#333;}
.px-home .px-hero-nav-left .type-item:hover .type-title a{color:var(--px-primary);}

/* 覆盖 index.css 左栏背景图/浮动/分隔线 */
.px-home .qhmain .type .type-item img{float:none!important;border-radius:0!important;margin:0!important;background:transparent!important;border:none!important;}
.px-home .qhmain .type .type-item .type-title,
.px-home .qhmain .type .type-item .type-desc{
 float:none!important;width:auto!important;max-width:100%!important;
 margin-left:0!important;margin-right:0!important;
}
.px-home .qhmain .type .type-item .type-desc{margin-top:0!important;}
.px-home .qhmain .type .type-item1,
.px-home .qhmain .type .type-item2,
.px-home .qhmain .type .type-item3,
.px-home .qhmain .type .type-item4,
.px-home .qhmain .type .type-item5,
.px-home .qhmain .type .type-item6{background:none!important;background-image:none!important;}

/* Hero 右栏：4个栏目按钮（券区下方） */
.px-home .px-hero-nav-right{
 float:left;width:100%;display:flex;flex-wrap:wrap;gap:8px;
}
.px-home .px-hero-nav-right.px-hero-nav-bottom{
 margin-bottom:0;padding-bottom:0;border-bottom:none;
}
.px-home .px-hero-nav-right .px-hero-nav-right-item{
 flex:1;min-width:calc(50% - 4px);height:34px;line-height:34px;text-align:center;
 font-size:12px;font-weight:600;color:var(--px-primary);text-decoration:none;
 border:1px solid #ffd4b8;border-radius:10px;background:linear-gradient(180deg,#fff,#fffaf5);
 box-sizing:border-box;transition:all .25s;box-shadow:0 2px 6px rgba(255,102,0,.06);
}
.px-home .px-hero-nav-right .px-hero-nav-right-item:hover{
 background:linear-gradient(135deg,#ff8a3d,var(--px-primary));color:#fff;border-color:var(--px-primary);
 box-shadow:0 4px 12px rgba(255,102,0,.25);transform:translateY(-1px);
}

/* 无顶栏导航时 Hero 与头部衔接 */
.px-home.px-no-topnav .qhmain{margin-top:4px;}
.px-home.px-no-topnav .bfbtop2 .bfbtop2-top{padding-bottom:6px;}

/* 中间栏：轮播 + 下方三个独立白卡片（参考 pxb7 图3） */
.px-home .qhmain .px-center-col{
 float:none;flex:none;width:auto;max-width:none;margin:0;
 display:flex;flex-direction:column;gap:var(--px-hero-promo-gap);
 min-width:0;box-sizing:border-box;align-self:stretch;height:100%;min-height:0;
 background:transparent!important;border:none;box-shadow:none;overflow:hidden;
}
.px-home .qhmain .px-center-col .iqh{
 float:none;width:100%;flex:1 1 auto;min-height:120px;height:var(--px-hero-banner-h);margin:0;
 border-radius:var(--px-hero-block-radius);overflow:hidden;
 background:#fff;
 border:1px solid rgba(0,0,0,.04);
 box-shadow:0 2px 12px rgba(0,0,0,.04);
}
.px-home .qhmain .px-center-col .iqh #owl-demo{width:100%;height:100%;min-height:0;}
.px-home .qhmain .px-center-col .iqh #owl-demo .item{height:100%;display:block;}
.px-home .qhmain .px-center-col .iqh #owl-demo .item img{
 width:100%;height:100%;min-height:0;object-fit:cover;object-position:center;
}

/* 轮播下方三栏：独立白卡片（参考图样式） */
.px-home .px-promo-pxb{
 display:flex;width:100%;flex:0 0 auto;gap:var(--px-hero-promo-gap);
 box-sizing:border-box;background:transparent;border:none;height:auto;align-items:stretch;
}
.px-home .px-promo-col{
 flex:1;min-width:0;display:flex;flex-direction:column;
 box-sizing:border-box;padding:12px 10px 10px;
 min-height:var(--px-hero-promo-h);height:auto;
 background:#fff;
 border-radius:12px;
 border:1px solid rgba(0,0,0,.04);
 box-shadow:0 2px 12px rgba(0,0,0,.04);
}
.px-home .px-promo-col-hd{
 flex:0 0 auto;width:100%;
 display:grid;grid-template-columns:1fr 1fr;
 align-items:center;min-height:18px;margin-bottom:0;
}
.px-home .px-promo-hd-cell{
 display:flex;align-items:center;justify-content:center;min-width:0;
}
.px-home .px-promo-hd-cell-sub{
 justify-content:center;white-space:nowrap;overflow:hidden;
}
.px-home .px-promo-col-title-img{
 height:16px;width:auto;display:block;flex-shrink:0;
 object-fit:contain;
}
.px-home .px-promo-hd-divider{
 width:1px;height:14px;background:#e8e8e8;margin:0 8px 0 0;flex-shrink:0;
}
.px-home .px-promo-hd-sub{
 font-size:12px;color:#999;line-height:1.2;
 overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
.px-home .px-promo-col-bd{
 flex:1 1 auto;width:100%;
 display:grid;grid-template-columns:1fr 1fr;
 gap:0;align-items:center;justify-items:center;
 min-height:0;padding:4px 0 0;
}
.px-home .px-promo-good{
 flex:none;min-width:0;max-width:100%;width:72px;text-decoration:none;text-align:center;
 display:flex;flex-direction:column;align-items:center;
 transition:opacity .2s,transform .2s;
 justify-self:center;
}
.px-home .px-promo-good:hover{opacity:.88;transform:translateY(-2px);}
.px-home .px-promo-good-ico{
 width:52px;height:52px;border-radius:8px;object-fit:cover;display:block;
 background:#f5f5f5;
}
.px-home .px-promo-good-price{
 display:block;font-size:15px;font-weight:700;color:#ff4d4f;line-height:1.2;margin-top:8px;
 font-family:Arial,Helvetica,sans-serif;
}
.px-home .px-promo-good-name{
 display:block;width:100%;font-size:12px;color:#333;margin-top:4px;line-height:1.25;
 overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}

/* 旧 promo 样式保留给广告位备用 */
.px-home .px-promo-row{display:none;}

.px-home .qhmain .qhright{
 float:none;width:auto;flex:none;margin:0;padding:8px 8px 8px 6px;
 border-radius:var(--px-hero-block-radius);box-sizing:border-box;
 min-height:0!important;height:auto!important;
 background:#fff!important;
 border:1px solid rgba(0,0,0,.04);
 box-shadow:0 2px 12px rgba(0,0,0,.04);
 display:flex;flex-direction:column;justify-content:flex-start;
 overflow:hidden;align-self:stretch;text-align:left;
}
.px-home .qhmain .qhright .px-right-top{
 flex:0 0 auto;overflow:visible;display:flex;flex-direction:column;
 align-items:stretch;
 width:100%;box-sizing:border-box;float:none!important;
 text-align:left;
}
.px-home .qhmain .qhright .px-right-top > *{
 width:100%;box-sizing:border-box;float:none!important;
}

/* 右栏顶区：头像 + Hi~ + 去登录 */
.px-home .qhmain .qhright .px-user-head{
 display:flex;align-items:center;justify-content:flex-start;
 width:100%;gap:8px;margin-bottom:8px;padding:0;
 text-align:left;align-self:stretch;box-sizing:border-box;
}
.px-home .qhmain .qhright .px-head-main{
 display:inline-flex;align-items:center;justify-content:flex-start;gap:0;
 flex:0 0 auto;min-width:0;max-width:100%;
 margin:0;padding:0;float:none!important;
}
.px-home .qhmain .qhright .px-user-head.px-user-head--in{
 justify-content:flex-start!important;
}
.px-home .qhmain .qhright .px-user-head.px-user-head--in .px-head-main{
 margin:0!important;
}
.px-home .qhmain .qhright .px-user-head.px-user-head--in .px-head-hi-user{
 display:block!important;text-align:left;width:auto;
}
.px-home .qhmain .qhright .px-head-avatar{
 flex:0 0 44px;width:44px;height:44px;border-radius:50%;overflow:hidden;
 background:#fff7f0;margin:0 6px 0 0;float:none!important;
 position:relative;
}
.px-home .qhmain .qhright .px-head-avatar a,
.px-home .qhmain .qhright .px-head-avatar img{
 width:44px;height:44px;object-fit:cover;display:block;border-radius:50%;
}
.px-home .qhmain .qhright .px-head-txt{
 flex:0 1 auto;min-width:0;display:flex;flex-direction:column;
 justify-content:center;align-items:flex-start;gap:0;text-align:left;
}
.px-home .qhmain .qhright .px-go-login{
 flex-shrink:0;margin-left:auto;
 color:#999;text-decoration:none;font-size:12px;font-weight:400;white-space:nowrap;
}
.px-home .qhmain .qhright .px-act-cards{
 display:flex;gap:8px;margin:0 0 8px;padding-top:10px;
 clear:both;float:none;width:100%;box-sizing:border-box;
}
.px-home .qhmain .qhright .px-act-card{
 flex:1;min-width:0;height:84px;display:flex;flex-direction:column;
 align-items:center;justify-content:flex-end;position:relative;
 padding:24px 0 8px;border-radius:12px;text-decoration:none;
 transition:transform .2s,opacity .2s;box-sizing:border-box;
 background:transparent no-repeat center top;
 background-size:100% 100%;border:none;overflow:visible;
}
.px-home .qhmain .qhright .px-act-card:hover{transform:translateY(-2px);opacity:.95;}
.px-home .qhmain .qhright .px-act-buy{background-image:url(../img/buy-back-2x.png);}
.px-home .qhmain .qhright .px-act-sell{background-image:url(../img/sell-back-2x.png);}
.px-home .qhmain .qhright .px-act-ico{
 position:absolute;top:-6px;left:50%;transform:translateX(-50%);
 width:40px;height:40px;z-index:2;display:flex;align-items:center;justify-content:center;
}
.px-home .qhmain .qhright .px-act-ico img{
 width:40px;height:40px;object-fit:contain;display:block;
}
.px-home .qhmain .qhright .px-act-label{
 font-size:14px;font-weight:700;color:#333;line-height:1.2;margin:0 0 4px;
 position:relative;z-index:1;
}
.px-home .qhmain .qhright .px-act-go{
 display:inline-block;min-width:42px;height:18px;line-height:18px;padding:0 10px;
 border-radius:999px;background:var(--px-primary);color:#fff!important;
 font-size:10px;font-weight:700;text-align:center;position:relative;z-index:1;
}
.px-home .qhmain .qhright .px-act-go-blue{background:#4facff;}
.px-home .qhmain .qhright .px-head-hi{
 font-size:15px;font-weight:700;color:var(--px-text);line-height:1.3;
 white-space:nowrap;
}
.px-home .qhmain .qhright .px-head-hi-user{
 text-align:left;
}
.px-home .qhmain .qhright .px-head-hi-user a{
 color:var(--px-primary);text-decoration:none;font-weight:700;
}
.px-home .qhmain .qhright .px-head-hi-user .px-head-time{
 color:var(--px-text);font-weight:700;
}
.px-home .qhmain .qhright .px-go-login:hover{color:var(--px-primary);}

.px-home .qhmain .qhright .px-greet{display:none;}

/* 新人券区 — 三个红包背景（图2） */
.px-home .qhmain .qhright .px-coupon-wrap{
 width:100%;box-sizing:border-box;
 background:#fff5f5;border-radius:12px;padding:8px;margin-bottom:8px;
}
.px-home .qhmain .qhright .px-coupon-row{
 display:flex;gap:6px;margin:0 0 8px;clear:both;float:none;width:100%;
 padding:0;box-sizing:border-box;background:none;min-height:0;border-radius:0;
}
.px-home .qhmain .qhright .px-coupon-card{
 flex:1;min-width:0;height:76px;border-radius:8px;
 border:none;box-sizing:border-box;
 display:flex;flex-direction:column;overflow:hidden;
 background:url(../img/coupon.png) no-repeat center top;
 background-size:100% 100%;position:relative;
}
.px-home .qhmain .qhright .px-coupon-card::before{display:none;}
.px-home .qhmain .qhright .px-coupon-top{
 flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;
 padding:4px 2px 0;background:transparent;min-height:0;
}
.px-home .qhmain .qhright .px-coupon-type{
 font-size:10px;color:#333;line-height:1.2;margin-bottom:2px;
}
.px-home .qhmain .qhright .px-coupon-amt{
 font-size:17px;font-weight:800;color:#ff3b30;line-height:1.1;
}
.px-home .qhmain .qhright .px-coupon-foot{
 flex-shrink:0;height:22px;line-height:22px;text-align:center;
 background:transparent;color:#fff;font-size:10px;font-weight:600;
 position:relative;margin-top:0;padding-top:0;border-radius:0;
}
.px-home .qhmain .qhright .px-coupon-foot::before{display:none;}
.px-home .qhmain .qhright .px-coupon-wrap .px-newuser-btn{
 display:block;width:100%;height:38px;line-height:38px;text-align:center;
 border-radius:999px;background:#ff3b30;
 color:#fff!important;font-size:13px;font-weight:600;text-decoration:none;
 margin-bottom:0;transition:opacity .2s;float:none;box-sizing:border-box;
}
.px-home .qhmain .qhright .px-coupon-wrap .px-newuser-btn:hover{opacity:.92;}

/* 已登录快捷入口（图1 彩色按钮样式） */
.px-home .qhmain .qhright .px-user-links{
 display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 4px;
 width:100%;box-sizing:border-box;padding:0;margin-bottom:8px;
 background:#fff;
}
.px-home .qhmain .qhright .px-user-links a{
 display:flex;align-items:center;justify-content:center;
 width:100%;min-width:0;height:44px;border-radius:10px;
 font-size:14px;font-weight:600;color:#fff!important;text-decoration:none;
 transition:transform .25s,box-shadow .25s,filter .25s;
 box-shadow:0 2px 6px rgba(0,0,0,.08);
}
.px-home .qhmain .qhright .px-user-links .px-ul-order{background:#ff7f41;}
.px-home .qhmain .qhright .px-user-links .px-ul-task{background:#4dc3b9;}
.px-home .qhmain .qhright .px-user-links .px-ul-jb{background:#4096ff;}
.px-home .qhmain .qhright .px-user-links .px-ul-zb{background:#9254de;}
.px-home .qhmain .qhright .px-user-links a:hover{
 transform:translateY(-3px);
 box-shadow:0 8px 18px rgba(0,0,0,.18);
 filter:brightness(1.06);
 color:#fff!important;
}
.px-home .qhmain .qhright .px-user-links a:active{
 transform:translateY(-1px);
 box-shadow:0 4px 10px rgba(0,0,0,.12);
}

.px-home .qhmain .qhright .px-quick-links{
 float:none;width:100%;display:grid!important;
 grid-template-columns:repeat(4,minmax(0,1fr))!important;
 margin-top:6px;margin-bottom:0;padding:6px 0 0;border-top:none;
 border-bottom:none!important;column-gap:2px;
 box-sizing:border-box;
}
.px-home .qhmain .qhright .px-quick-links a{
 width:auto!important;max-width:none!important;flex:none!important;
 font-size:11px;color:#000;padding:4px 0;text-decoration:none;
 display:flex;align-items:center;justify-content:center;flex-direction:column;
 transition:color .2s,transform .2s;white-space:nowrap;gap:4px;
}
.px-home .qhmain .qhright .px-quick-links a:hover{
 color:var(--px-primary);transform:translateY(-2px);
}
.px-home .qhmain .qhright .px-ql-ico{
 width:28px!important;height:28px!important;margin:0!important;
 border-radius:0!important;box-shadow:none!important;border:none!important;
 background-size:24px 24px!important;background-position:center!important;
 background-repeat:no-repeat!important;background-color:transparent!important;
 transition:transform .2s;
}
.px-home .qhmain .qhright .px-quick-links a:hover .px-ql-ico{
 transform:scale(1.08);
}
.px-home .px-ql-heihao{
 background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8'%3E%3Crect x='4' y='4' width='16' height='16' rx='2'/%3E%3Ccircle cx='10.5' cy='10.5' r='3'/%3E%3Cline x1='13' y1='13' x2='17' y2='17'/%3E%3C/svg%3E");
}
.px-home .px-ql-verify{
 background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8'%3E%3Cpath d='M12 3l7 3v5c0 4.5-3 8.5-7 10-4-1.5-7-5.5-7-10V6l7-3z'/%3E%3Cpath d='M9 12l2 2 4-4'/%3E%3C/svg%3E");
}
.px-home .px-ql-help{
 background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M9.5 9.5a2.5 2.5 0 014.5 1.5c0 2-2.5 2-2.5 3.5'/%3E%3Ccircle cx='12' cy='17' r='.8' fill='%23000' stroke='none'/%3E%3C/svg%3E");
}
.px-home .px-ql-trade{
 background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8'%3E%3Cpath d='M12 3l6 3.5v5c0 3.8-2.6 7.2-6 8.5-3.4-1.3-6-4.7-6-8.5v-5L12 3z'/%3E%3Ctext x='12' y='14' text-anchor='middle' font-size='8' fill='%23000' font-weight='700'%3E%C2%A5%3C/text%3E%3C/svg%3E");
}

.px-home .qhmain .px-hero-hidden,
.px-home .qhmain .qhright .tab-nav,
.px-home .qhmain .qhright .notice-list{display:none!important;}

/* 我要买 / 我要卖 — 旧图片按钮（非 px-home 或旧版保留） */
.px-home .qhmain .qhright .action-btns.px-act-cards .btn{display:none!important;}
.px-home .qhmain .qhright .action-btns:not(.px-act-cards) .btn{
 float:left;width:48%;height:auto;border-radius:12px;margin-right:0;
 text-align:center;cursor:pointer;transition:opacity .2s;text-decoration:none;
 display:block;box-sizing:border-box;padding:0;line-height:0;
 background:none!important;overflow:hidden;
}
.px-home .qhmain .qhright .action-btns .btn img{
 display:block;width:100%!important;height:auto!important;max-width:100%;
 margin:0!important;transition:transform .2s;
}
.px-home .qhmain .qhright .action-btns .btn.btn-buy{margin-right:4%;}
.px-home .qhmain .qhright .action-btns .btn:hover{opacity:.92;}
.px-home .qhmain .qhright .action-btns .btn:hover img{transform:scale(1.03);margin-top:0!important;}

/* 我的任务 / 我的接单 — 沿用 yz-studio-btns 彩色按钮 */
.px-home .qhmain .qhright .action-btns.yz-studio-btns{margin-bottom:6px;}
.px-home .qhmain .qhright .action-btns.yz-studio-btns .btn-yz{
 float:left;width:48%;height:48px;line-height:48px;border-radius:10px;
 text-align:center;font-size:13px;color:#fff;font-weight:600;
 text-decoration:none;transition:opacity .2s;
}
.px-home .qhmain .qhright .action-btns.yz-studio-btns .btn-yz:first-child{margin-right:4%;}
.px-home .qhmain .qhright .action-btns.yz-studio-btns .btn-yz-dl{background:linear-gradient(135deg,#ff6b35,#ff8f5a);}
.px-home .qhmain .qhright .action-btns.yz-studio-btns .btn-yz-task{background:linear-gradient(135deg,#4ecdc4,#3dbdb5);}
.px-home .qhmain .qhright .action-btns.yz-studio-btns .btn-yz:hover{opacity:.9;}

.px-home .qhmain .qhright .action-btns.px-act-cards{
 float:none!important;width:100%!important;margin-left:0!important;margin-right:0!important;
}
.px-home .qhmain .qhright .action-btns.yz-studio-btns{display:none;}
.px-home .qhmain .qhright .user-info{display:none!important;}
.px-home .qhmain .qhright .status-list{margin-bottom:0;clear:both;}
.px-home .qhmain .qhright .status-list .status-item{
 float:left;width:calc(31.333% - 6px);height:58px;padding:12px 0 0 10px;
 border-radius:10px;text-decoration:none;position:relative;overflow:hidden;
 margin-right:3%;box-sizing:border-box;cursor:pointer;transition:all .2s;
}
.px-home .qhmain .qhright .status-list .status-item:last-child{margin-right:0;}
.px-home .qhmain .qhright .status-list .status-item:hover{margin-top:-3px;}
.px-home .qhmain .qhright .status-list .status-item .num{font-size:20px;margin-bottom:6px;}
.px-home .qhmain .qhright .status-list .status-item .label{font-size:12px;color:#666;}
.px-home .qhmain .qhright .status-list .status-item1{background:url(../img/tj1.png) no-repeat;background-size:100% auto;}
.px-home .qhmain .qhright .status-list .status-item2{background:url(../img/tj2.png) no-repeat;background-size:100% auto;}
.px-home .qhmain .qhright .status-list .status-item3{background:url(../img/tj3.png) no-repeat;background-size:100% auto;}

.px-home .qhmain .qhright .px-quick-169{
 float:left;width:100%;display:flex;gap:6px;margin-bottom:10px;
}
.px-home .qhmain .qhright .px-quick-169 a{
 flex:1;height:28px;line-height:28px;text-align:center;font-size:11px;color:var(--px-primary);
 border-radius:6px;text-decoration:none;background:#fff7f0;border:1px solid #ffd4b8;transition:all .2s;
}
.px-home .qhmain .qhright .px-quick-169 a:hover{background:var(--px-primary);color:#fff;border-color:var(--px-primary);}

.px-home .qhmain .qhright .px-hero-nav-right.px-hero-nav-bottom{margin-bottom:6px;}
.px-home .qhmain .qhright .px-hero-nav-right .px-hero-nav-right-item{
 height:30px;line-height:30px;font-size:11px;border-radius:8px;
}
/* ===== 下方模块 — 与 Hero 三栏同宽，保留原 float 间距 ===== */
.px-home .yjcode > .fangxin,
.px-home .yjcode > .jiaoyikb,
.px-home .yjcode > .px-game-main,
.px-home .yjcode > .px-product-feed,
.px-home .yjcode > .px-biz-sec,
.px-home .yjcode > .px-news-block,
.px-home .yjcode > .px-zhubo-block,
.px-home .yjcode > .baozhang{
 float:left;clear:both;
 width:var(--px-content-w);
 max-width:calc(100% - 2 * var(--px-hero-side));
 margin-left:var(--px-hero-side);
 margin-right:auto;
 box-sizing:border-box;
}
.px-home .fangxin{
 margin:20px 0 0 0;
 display:flex;gap:15px;
}
.px-home .fangxin .fangxin-item{
 float:none;flex:1;width:auto;min-width:0;height:110px;margin:0;
 padding:0 120px 0 32px;border-radius:8px;box-sizing:border-box;
 border:1px solid var(--px-border);box-shadow:var(--px-shadow);
 background:#fff!important;
 position:relative;overflow:hidden;cursor:pointer;
 transition:border-color .35s,box-shadow .35s,background .35s;
}
.px-home .fangxin .fangxin-item .px-fx-mark{
 position:absolute;right:22px;top:50%;
 transform:translateY(-50%) scale(1);
 transform-origin:right center;
 font-size:56px;font-weight:800;color:rgba(255,102,0,.08);line-height:1;
 pointer-events:none;user-select:none;z-index:1;
 transition:transform .35s ease,font-size .35s ease,color .35s;
}
.px-home .fangxin .fangxin-item .px-fx-img-wrap{
 position:absolute;right:16px;top:50%;z-index:2;
 width:108px;height:100px;display:flex;align-items:center;justify-content:center;
 background:transparent;border-radius:10px;overflow:visible;
 opacity:0;transform:translateY(-50%) translateX(8px) scale(.82);
 transform-origin:center center;
 transition:opacity .35s ease,transform .35s ease,background .35s;
 pointer-events:none;
}
.px-home .fangxin .fangxin-item .px-fx-hover-img{
 position:static;right:auto;top:auto;height:88px;width:auto;
 opacity:1;transform:none;mix-blend-mode:multiply;
 transition:transform .35s ease;
}
.px-home .fangxin .fangxin-item .px-fx-body{
 position:relative;z-index:3;height:100%;display:flex;flex-direction:column;
 justify-content:center;
}
.px-home .fangxin .fangxin-item .px-fx-body .fangxin-title{
 float:none;width:auto;margin:0 0 5px 0;font-size:16px;font-weight:700;color:#333;
}
.px-home .fangxin .fangxin-item .px-fx-body .fangxin-desc{
 float:none;width:auto;margin:4px 0 0 0;font-size:13px;color:#9c9792;line-height:1.4;
}
.px-home .fangxin .fangxin-item:hover{
 border-color:var(--px-primary);
 background:linear-gradient(135deg,#fff3e8 0%,#fff8f2 50%,#fff5eb 100%)!important;
 box-shadow:0 4px 18px rgba(255,102,0,.14);
}
.px-home .fangxin .fangxin-item:hover .px-fx-img-wrap{
 opacity:1;transform:translateY(-50%) translateX(0) scale(1.32);
 background:transparent;
}
.px-home .fangxin .fangxin-item:hover .px-fx-hover-img{
 transform:scale(1.08);
}
.px-home .fangxin .fangxin-item:hover .px-fx-mark{
 font-size:72px;color:rgba(255,102,0,.11);
 transform:translateY(-50%) scale(1.18);
}

.px-home .jiaoyikb{
 float:left;margin:15px 0 0 0;
 border:1px solid var(--px-border);box-shadow:var(--px-shadow);
}
.px-home .prolist{
 width:100%;
 border:1px solid var(--px-border);box-shadow:var(--px-shadow);
}
.px-home .prolist .right{width:1158px;}
.px-home .prolist .right .rcap,
.px-home .prolist .right .smalllist{width:1138px;}
.px-home .indexcap{width:var(--px-width);}
.px-home .zhubo{width:calc(var(--px-width) - 2px);}
.px-home .newslist{width:var(--px-width);}
.px-home .baozhang{
 width:var(--px-content-w)!important;
 max-width:calc(100% - 2 * var(--px-hero-side));
 margin-top:20px!important;
 margin-right:auto!important;
 margin-bottom:0!important;
 margin-left:var(--px-hero-side)!important;
 padding:20px 24px!important;
 box-sizing:border-box;
 box-shadow:var(--px-shadow);
 border:1px solid var(--px-border);
 border-radius:var(--px-radius);
 background:#fff;
 text-align:left;
}
.px-home .baozhang .bfbbottom-item{
 float:left;width:25%;box-sizing:border-box;
 padding:0 8px;text-align:left!important;
 margin:0!important;
}
.px-home .baozhang .bfbbottom-item .bfbbottom-icon{
 float:left;margin:0 12px 0 0!important;
}
.px-home .baozhang .bfbbottom-item .bfbbottom-title,
.px-home .baozhang .bfbbottom-item .bfbbottom-desc{
 text-align:left!important;margin-left:0!important;margin-right:0!important;
}

.px-home .qhmain .type .type-item .type-title{font-size:14px;font-weight:600;}
.px-home .qhmain .type .type-item .type-desc a{font-size:12px;color:var(--px-muted);}
.px-home .qhmain .type .type-item:hover{
 background:#f5f5f5!important;
 transform:translateX(4px)!important;
 box-shadow:none!important;
}
.px-home .qhmain .type .type-item:hover .type-title a{color:var(--px-primary)!important;}
.px-home .qhmain .type .type-item:hover .px-hero-nav-ico img{transform:scale(1.08);}

.px-home .topbanner_hj{border-radius:0;}

.px-home .jiaoyikb .gd strong,
.px-home .qhmain .qhright .user-text .username{color:var(--px-primary);}

/* ===== 游戏主区（图3 参考尺寸） ===== */
.px-home .px-game-main{
 float:left;
 margin-top:16px;margin-bottom:0;
 display:flex;align-items:stretch;gap:12px;
 background:transparent;border:none;box-shadow:none;
 padding:0;box-sizing:border-box;min-width:0;
 font-family:"PingFang SC","Microsoft YaHei","Helvetica Neue",Arial,sans-serif;
 -webkit-font-smoothing:antialiased;text-align:left;
}
.px-home .yjcode > .px-game-main{
 width:var(--px-content-w)!important;
 max-width:calc(100% - 2 * var(--px-hero-side))!important;
 margin-left:var(--px-hero-side)!important;
 margin-right:auto!important;
}
.px-home .px-game-left-card{
 flex:1;min-width:0;background:var(--px-card);
 border:1px solid var(--px-border);border-radius:12px;
 box-shadow:var(--px-shadow);padding:18px 22px 18px;box-sizing:border-box;
 display:flex;flex-direction:column;
}
.px-home .px-game-head{
 display:flex;align-items:center;justify-content:flex-start;
 gap:12px;margin-bottom:18px;width:100%;
}
.px-home .px-game-tabs{
 display:flex;align-items:center;flex:0 0 auto;
 border:none;padding:0;margin:0;text-align:left;
}
.px-home .px-game-tab{
 font-size:18px;font-weight:500;color:#999;margin-right:28px;
 text-decoration:none;position:relative;padding-bottom:10px;white-space:nowrap;
 line-height:1.2;text-align:left;
}
.px-home .px-game-tab.active{
 color:#333;font-size:22px;font-weight:800;line-height:1.15;
}
.px-home .px-game-tab.active::after{
 content:'';position:absolute;left:0;bottom:0;
 width:28px;height:3px;
 background:var(--px-primary);border-radius:2px;
}
.px-home .px-game-tab:hover{color:var(--px-primary);}
.px-home .px-game-stats{
 flex:0 0 610px;width:610px;max-width:610px;
 display:flex;align-items:center;justify-content:flex-start;
 flex-wrap:nowrap;gap:18px;padding:9px 22px;margin:0;
 background:#f5f5f5;border-radius:999px;font-size:13px;color:#999;
 white-space:nowrap;line-height:1.3;text-align:left;box-sizing:border-box;
}
.px-home .px-game-stats strong{
 color:var(--px-primary);font-size:13px;font-weight:700;margin-left:3px;
 font-family:inherit;
}
.px-home .px-game-stats-arrow{
 flex:0 0 auto;flex-shrink:0;
 display:flex;align-items:center;justify-content:center;
 width:28px;height:28px;line-height:1;
 text-align:center;color:#ccc;font-size:20px;
 margin-left:auto;margin-right:-6px;
 text-decoration:none;cursor:pointer;transition:color .2s;
}
.px-home .px-game-stats-arrow:hover{color:var(--px-primary);}
.px-home .px-game-panel{
 flex:1 1 auto;display:grid;grid-template-columns:repeat(5,1fr);
 grid-template-rows:repeat(3,minmax(48px,1fr));
 column-gap:14px;row-gap:28px;
 align-content:space-between;min-height:0;
}
.px-home .px-game-item{
 display:flex;align-items:center;gap:12px;width:100%;min-width:0;
 text-align:left;text-decoration:none;padding:0;
 transition:opacity .2s;box-sizing:border-box;overflow:hidden;
}
.px-home .px-game-item:hover{opacity:.85;}
.px-home .px-game-item img{
 flex:0 0 48px;width:48px;height:48px;border-radius:12px;object-fit:cover;
 border:none;background:#f5f5f5;display:block;margin:0;
}
.px-home .px-game-item .px-game-name{
 flex:1;min-width:0;display:block;
 font-size:15px;font-weight:400;color:#333;line-height:1.35;
 margin:0;text-align:left;
 overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
.px-home .px-game-rank-card{
 flex:0 0 360px;width:360px;min-width:0;
 background:linear-gradient(180deg,#fff9f0 0%,#fffbf6 100%);
 border:1px solid #ffe8d6;border-radius:12px;
 box-shadow:var(--px-shadow);overflow:hidden;box-sizing:border-box;
 display:flex;flex-direction:column;font-family:inherit;
 align-self:stretch;height:auto;text-align:left;
}
.px-home .px-game-rank-hd{
 display:flex;align-items:center;justify-content:flex-start;gap:2px;
 flex:0 0 auto;width:100%;min-height:72px;
 padding:8px 10px 8px 14px;
 background:transparent;
 box-sizing:border-box;overflow:visible;
 text-align:left;
}
.px-home .px-game-rank-cap{
 display:block;flex:0 1 auto;min-width:0;
 font-size:20px;font-weight:700;color:#333;
 text-decoration:none;line-height:1.25;letter-spacing:.01em;text-align:left;
}
.px-home .px-game-rank-cap:hover{color:var(--px-primary);}
.px-home .px-game-rank-mascot-wrap{
 position:relative;flex:0 0 104px;width:104px;height:72px;
 overflow:visible;pointer-events:none;margin-left:-6px;
}
.px-home .px-game-rank-mascot{
 width:120px;height:120px;object-fit:contain;object-position:top center;
 display:block;position:absolute;left:50%;top:0;
 transform:translateX(-50%);z-index:1;
 clip-path:inset(0 0 38% 0);
}
.px-home .px-rank-star{
 position:absolute;z-index:2;line-height:1;pointer-events:none;
 color:#ffc94d;text-shadow:0 0 8px rgba(255,180,50,.6);
 animation:px-rank-star-twinkle 2.4s ease-in-out infinite;
}
.px-home .px-rank-star-1{top:2px;left:2px;font-size:14px;animation-delay:0s;}
.px-home .px-rank-star-2{top:20px;left:-10px;font-size:12px;color:#ffb84d;animation-delay:.4s;}
.px-home .px-rank-star-3{top:2px;right:2px;font-size:13px;animation-delay:.8s;}
.px-home .px-rank-star-4{top:38px;right:-10px;font-size:14px;color:#ffaa33;animation-delay:1.2s;}
.px-home .px-rank-star-5{bottom:6px;left:4px;font-size:12px;color:#ffb84d;animation-delay:1.6s;}
.px-home .px-rank-star-6{bottom:4px;right:4px;font-size:13px;animation-delay:2s;}
@keyframes px-rank-star-twinkle{
 0%,100%{opacity:.45;transform:scale(.85) rotate(0deg);}
 50%{opacity:1;transform:scale(1.1) rotate(12deg);}
}
.px-home .px-game-rank-body{
 flex:1 1 auto;width:100%;min-width:0;
 padding:0 14px 14px;box-sizing:border-box;
 display:flex;flex-direction:column;gap:8px;justify-content:flex-start;
 position:relative;z-index:1;background:transparent;
 text-align:left;
}
.px-home .px-rank-item{
 display:flex;align-items:flex-start;gap:4px;
 padding:10px 10px 10px 8px;
 background:#fff;border:none;border-radius:10px;text-decoration:none;
 transition:background .2s,box-shadow .2s;
 box-sizing:border-box;min-width:0;max-width:100%;height:auto;width:100%;
 text-align:left;overflow:hidden;
 box-shadow:0 1px 4px rgba(0,0,0,.04);
}
.px-home .px-rank-item-1,
.px-home .px-rank-item-2,
.px-home .px-rank-item-3{
 background:#fff;border:none;
}
.px-home .px-rank-item:hover{
 background:#fff;
 box-shadow:0 2px 8px rgba(0,0,0,.08);
}
.px-home .px-rank-badge-img{
 flex:0 0 36px;width:36px;height:36px;margin-top:1px;
 display:flex;align-items:center;justify-content:center;
}
.px-home .px-rank-badge-img img{
 width:36px;height:36px;object-fit:contain;display:block;
}
.px-home .px-rank-content{
 flex:1;min-width:0;display:flex;flex-direction:column;gap:3px;
 text-align:left;align-items:flex-start;padding-left:0;
}
.px-home .px-rank-row1{
 display:flex;align-items:baseline;justify-content:space-between;gap:6px;
 min-width:0;width:100%;text-align:left;
}
.px-home .px-rank-price{
 flex:0 1 auto;min-width:0;margin-left:0;
 font-size:20px;font-weight:700;color:#ff2442;line-height:1.1;
 font-family:inherit;letter-spacing:-.02em;text-align:left;
 overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
.px-home .px-rank-user{
 font-size:12px;color:#999;white-space:nowrap;flex-shrink:0;line-height:1.2;
 text-align:left;
}
.px-home .px-rank-tit{
 font-size:12px;color:#666;line-height:1.4;display:block;width:100%;
 overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
 text-align:left;
}
.px-home .px-rank-item:hover .px-rank-tit{color:var(--px-primary);}

/* ===== 商品流 / 热门推荐 ===== */
.px-home .px-product-feed{
 float:left;
 margin-top:16px;margin-bottom:0;
 background:transparent;border:none;border-radius:0;box-shadow:none;
 padding:0;box-sizing:border-box;
}
/* 与上方 px-game-main / fangxin 同宽，防止表格撑破 float */
.px-home .yjcode > .px-product-feed.px-hot-biz,
.px-home .px-product-feed.px-hot-biz{
 width:var(--px-content-w)!important;
 max-width:calc(100% - 2 * var(--px-hero-side))!important;
 margin-left:var(--px-hero-side)!important;
 margin-right:auto!important;
 box-sizing:border-box!important;
 overflow-x:hidden;
}
.px-home .px-feed-filter-bar{
 display:flex;align-items:center;gap:10px;
 background:#f5f5f5;border-radius:12px;
 padding:10px 12px 10px 0;margin-bottom:14px;box-sizing:border-box;
 overflow:hidden;text-align:left;justify-content:flex-start;
}
.px-home .px-feed-filter-scroll-wrap{
 flex:1;min-width:0;position:relative;overflow:hidden;text-align:left;
}
.px-home .px-feed-filter-scroll{
 display:flex;align-items:center;flex-wrap:nowrap;gap:10px;
 width:100%;max-width:100%;box-sizing:border-box;
 overflow-x:auto;overflow-y:hidden;
 padding:2px 8px 2px 0;
 scroll-behavior:smooth;-webkit-overflow-scrolling:touch;
 scrollbar-width:none;-ms-overflow-style:none;
 touch-action:pan-x;
 justify-content:flex-start;
}
.px-home .px-feed-filter-scroll::-webkit-scrollbar{display:none;}
.px-home .px-feed-filter-scroll-wrap::after{
 content:'';position:absolute;right:0;top:0;bottom:0;width:28px;
 background:linear-gradient(90deg,rgba(245,245,245,0) 0%,#f5f5f5 75%);
 pointer-events:none;z-index:1;
}
.px-home .px-feed-filter-item{
 flex:0 0 auto;display:inline-flex;align-items:center;gap:8px;
 padding:6px 16px 6px 8px;background:#fff;
 border:1px solid transparent;border-radius:999px;
 text-decoration:none;font-size:14px;color:#333;white-space:nowrap;
 line-height:1.2;transition:border-color .2s,color .2s,box-shadow .2s;
 cursor:pointer;box-sizing:border-box;text-align:left;
}
.px-home .px-feed-filter-item:first-child{margin-left:0;}
.px-home .px-feed-filter-item img{
 flex:0 0 28px;width:28px;height:28px;border-radius:50%;
 object-fit:cover;background:#f5f5f5;display:block;
}
.px-home .px-feed-filter-item:hover{border-color:#ffe0c2;color:var(--px-primary);}
.px-home .px-feed-filter-item.active{
 border-color:var(--px-primary);color:var(--px-primary);
 box-shadow:0 0 0 1px rgba(255,102,0,.08);
}
.px-home .px-feed-filter-more{
 flex:0 0 auto;white-space:nowrap;font-size:14px;color:#666;
 text-decoration:none;line-height:1.2;padding:0 2px 0 4px;
 position:relative;z-index:2;background:#f5f5f5;
}
.px-home .px-feed-filter-more:hover{color:var(--px-primary);}

.px-home .px-feed-list{
 display:grid;
 grid-template-columns:repeat(8,minmax(0,1fr));
 gap:8px;
 width:100%;
 justify-content:start;
 align-content:start;
}
.px-home .px-feed-item{
 width:100%;min-width:0;max-width:100%;
 border:1px solid #f0f0f0;border-radius:8px;
 overflow:hidden;text-decoration:none;background:#fff;
 transition:box-shadow .2s,transform .2s;
 box-sizing:border-box;
 display:flex;flex-direction:column;align-items:stretch;
 text-align:left;
}
.px-home .px-feed-item:hover{box-shadow:0 4px 14px rgba(0,0,0,.08);transform:translateY(-1px);}
.px-home .px-feed-img{
 position:relative;width:100%;min-width:0;aspect-ratio:1/1;overflow:hidden;background:#f5f5f5;
 flex:0 0 auto;
}
.px-home .px-feed-img img{
 width:100%;height:100%;max-width:100%;object-fit:cover;object-position:top center;display:block;
}
.px-home .px-feed-body{
 padding:6px 7px 8px;text-align:left;width:100%;min-width:0;overflow:hidden;box-sizing:border-box;
}
.px-home .px-feed-tags{
 display:flex;flex-wrap:wrap;justify-content:flex-start;gap:4px;margin:0 0 4px;
}
.px-home .px-feed-tags span{
 display:inline-block;font-size:10px;color:var(--px-primary);line-height:1.2;
 border:1px solid #ffd4b8;border-radius:2px;padding:1px 3px;margin:0;
}
.px-home .px-feed-tit{
 font-size:14px;color:var(--px-text);margin:0 0 4px;line-height:1.4;
 text-align:left;width:100%;min-width:0;max-width:100%;
 white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
 display:block;
}
.px-home .px-feed-meta{
 font-size:11px;color:var(--px-muted);margin:0 0 5px;text-align:left;width:100%;min-width:0;
 overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
.px-home .px-feed-foot{
 display:flex;justify-content:space-between;align-items:baseline;gap:4px;
 text-align:left;width:100%;min-width:0;
}
.px-home .px-feed-price{font-size:14px;font-weight:700;color:#ff2442;line-height:1.2;text-align:left;}
.px-home .px-feed-time{font-size:10px;color:var(--px-muted);white-space:nowrap;flex-shrink:0;text-align:right;}
.px-home .px-feed-loading,
.px-home .px-feed-empty{
 grid-column:1 / -1;
 width:100%;padding:40px 0;text-align:center;font-size:14px;color:#999;
}
.px-home .px-feed-cap{
 display:flex;align-items:center;justify-content:space-between;
 margin-bottom:14px;padding-bottom:10px;border-bottom:1px solid var(--px-border);
}
.px-home .px-feed-cap strong{font-size:18px;color:var(--px-text);}
.px-home .px-feed-cap a{font-size:13px;color:var(--px-muted);text-decoration:none;}
.px-home .px-feed-cap a:hover{color:var(--px-primary);}

/* 热门推荐 — 代练/租售/交易所切换 */
.px-home .px-hot-biz .px-feed-cap,
.px-home .px-hot-biz .px-biz-cap{
 display:flex!important;align-items:center;justify-content:space-between;
 width:100%!important;margin:0 0 12px 0!important;padding:0!important;
 border-bottom:none;text-align:left!important;float:none!important;
}
.px-home .px-hot-biz .px-biz-tit{
 flex:1;min-width:0;margin:0!important;font-size:18px;font-weight:700;
 color:var(--px-text);text-align:left!important;
}
.px-home .px-hot-biz .px-feed-filter-scroll-wrap::after{display:none;}
.px-home .px-hot-biz .px-feed-filter-item img{
 object-fit:contain;background:#f7f7f7;padding:4px;box-sizing:border-box;
}
/* 三个业务 Tab 左排 + 更多靠右同行 */
.px-home .px-hot-biz .px-feed-filter-bar{
 display:flex!important;align-items:center!important;justify-content:space-between!important;
 width:100%!important;max-width:100%!important;
 margin:0 0 12px 0!important;padding:8px!important;
 box-sizing:border-box!important;overflow:visible!important;gap:12px!important;
}
.px-home .px-hot-biz .px-feed-filter-scroll-wrap{
 flex:1 1 auto!important;width:auto!important;max-width:100%!important;min-width:0!important;
 margin:0!important;padding:0!important;overflow:visible!important;
}
.px-home .px-hot-biz .px-feed-filter-scroll{
 display:inline-flex!important;align-items:center!important;flex-wrap:nowrap!important;
 gap:8px!important;width:auto!important;max-width:100%!important;
 margin:0!important;padding:0!important;
 justify-content:flex-start!important;overflow:visible!important;
}
.px-home .px-hot-biz .px-feed-filter-item{
 display:inline-flex!important;align-items:center!important;
 flex:0 0 auto!important;width:auto!important;max-width:none!important;
 margin:0!important;float:none!important;
}
.px-home .px-hot-biz .px-feed-filter-bar .px-biz-more{
 flex:0 0 auto!important;margin:0 0 0 auto!important;padding:0!important;
 font-size:13px;color:var(--px-muted);text-decoration:none;
 text-align:right!important;white-space:nowrap;line-height:1.2;
}
.px-home .px-hot-biz .px-feed-filter-bar .px-biz-more:hover{color:var(--px-primary);}
/* 热门代练 / 账号租售：内容区拉满热门推荐同宽 */
.px-home .px-hot-biz .px-feed-cap,
.px-home .px-hot-biz .px-feed-list{
 width:100%!important;max-width:100%!important;
 margin-left:0!important;margin-right:0!important;
 box-sizing:border-box!important;
}
.px-home .px-feed-list.px-hot-dl-list,
.px-home .px-feed-list.px-hot-lease-wrap{
 display:block!important;grid-template-columns:none!important;gap:0!important;
}
.px-home .px-hot-dl-list .px-feed-empty,
.px-home .px-hot-dl-list .px-feed-loading,
.px-home .px-hot-lease-wrap .px-feed-empty,
.px-home .px-hot-lease-wrap .px-feed-loading{grid-column:auto;}
.px-home .px-hot-dl-list .dl-ord-table-wrap{
 display:block!important;
 width:100%!important;max-width:100%!important;
 margin:0!important;
 background:#fff;border:1px solid #eee;border-radius:12px;
 box-shadow:0 2px 12px rgba(0,0,0,.06);overflow-x:auto;text-align:left;
 box-sizing:border-box!important;
}
.px-home .px-hot-dl-list .dl-ord-table{
 width:100%!important;min-width:100%;
 margin:0!important;table-layout:auto;
}
.px-home .px-hot-dl-list .dl-td-tags{text-align:left;max-width:220px;line-height:1.6;}
.px-home .px-hot-dl-list .dl-td-title{max-width:200px;}
.px-home .px-hot-dl-list .dl-title-cell{
 font-size:13px;font-weight:700;line-height:1.4;color:#333;max-width:200px;
 white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.px-home .px-hot-dl-list .dl-ord-table .b{
 display:inline-block;padding:2px 7px;border-radius:3px;font-size:11px;font-weight:700;
 white-space:nowrap;margin:1px;border:none!important;color:#fff;
}
.px-home .px-hot-dl-list .dl-ord-table .b-type-dl{background:#0958d9;}
.px-home .px-hot-dl-list .dl-ord-table .b-type-ls{background:#be185d;}
.px-home .px-hot-dl-list .dl-ord-table .b-sub-hfb{background:#d46b08;}
.px-home .px-hot-dl-list .dl-ord-table .b-sub-hh{background:#531dab;}
.px-home .px-hot-dl-list .dl-ord-table .b-sub-ss{background:#08979c;}
.px-home .px-hot-dl-list .dl-ord-table .b-sub{background:#722ed1;}
.px-home .px-hot-dl-list .dl-ord-table .b-tg1{background:#1677ff;}
.px-home .px-hot-dl-list .dl-ord-table .b-tg2{background:#52c41a;}
.px-home .px-hot-dl-list .dl-ord-table .b-tg3{background:#d46b08;}
.px-home .px-hot-dl-list .dl-ord-table .b-tg4{background:#722ed1;}
.px-home .px-hot-dl-list .dl-ord-table .b-tg5{background:#08979c;}
.px-home .px-hot-dl-list .dl-ord-table .b-s-new{background:#389e0d;}
.px-home .px-hot-dl-list .dl-ord-table .b-s-asgn{background:#1677ff;}
.px-home .px-hot-dl-list .dl-ord-table .b-s-sub{background:#d48806;}
.px-home .px-hot-dl-list .dl-ord-table .b-s-done{background:#8c8c8c;}
.px-home .px-hot-dl-list .dl-ord-table .b-s-lease{background:#be185d;}
.px-home .px-hot-dl-list .dl-ord-table .b-lv0{background:#8c8c8c;}
.px-home .px-hot-dl-list .dl-ord-table .b-lv1{background:#595959;}
.px-home .px-hot-dl-list .dl-ord-table .b-lv2{background:#1677ff;}
.px-home .px-hot-dl-list .dl-ord-table .b-lv3{background:#389e0d;}
.px-home .px-hot-dl-list .dl-ord-table .b-lv4{background:#d48806;}
.px-home .px-hot-dl-list .dl-ord-table .b-lv5{background:#cf1322;}
.px-home .px-hot-dl-list .dl-ord-table .b-amt{background:#ff6600;}
.px-home .px-hot-dl-list .dl-ord-table .b-amt-free{background:#8c8c8c;}
.px-home .px-hot-dl-list .dl-ord-table .b-none{background:#bfbfbf;}
.px-home .px-hot-dl-list a.btn-take{
 display:inline-block;text-decoration:none!important;color:#fff!important;
 padding:4px 14px;border-radius:6px;
 background:linear-gradient(135deg,#16d37d,#0ec470);font-size:11px;font-weight:700;
}

/* 账号租售：对齐 /lease/ 图片卡片（#pxHotLeaseGrid） */
.px-home .px-hot-biz #pxHotLeaseGrid.ls-rent-grid,
.px-home #pxHotLeaseGrid.ls-rent-grid{
 display:grid!important;
 width:100%!important;max-width:100%!important;
 margin:0!important;
 padding:4px 0 0!important;
 box-sizing:border-box!important;
 grid-template-columns:repeat(4,minmax(0,1fr))!important;
 gap:16px!important;
}
.px-home #pxHotLeaseGrid .ls-rent-card{
 width:100%!important;max-width:100%!important;min-width:0!important;
 margin:0!important;
 box-sizing:border-box!important;
 float:none!important;
}
.px-home #pxHotLeaseGrid .ls-rent-card > .ls-rent-card-head,
.px-home #pxHotLeaseGrid .ls-rent-card > .ls-rent-card-img{
 display:flex!important;flex-direction:column!important;width:100%!important;
 height:170px!important;min-height:170px!important;max-height:170px!important;
 flex:0 0 170px!important;flex-shrink:0!important;margin:0!important;padding:0!important;
 box-sizing:border-box!important;overflow:hidden!important;
 background:linear-gradient(180deg,#3a3a42 0%,#121218 55%,#000 100%);
}
.px-home #pxHotLeaseGrid .ls-rent-card-head.ls-rent-card-img--empty,
.px-home #pxHotLeaseGrid .ls-rent-card-img.ls-rent-card-img--empty{
 background:linear-gradient(180deg,#4a4a54 0%,#1a1a22 45%,#000 100%)!important;
}
.px-home #pxHotLeaseGrid .ls-rent-card-head .ls-rent-card-media-wrap,
.px-home #pxHotLeaseGrid .ls-rent-card-img .ls-rent-card-media-wrap{
 position:relative!important;flex:1 1 auto!important;min-height:0!important;
 width:100%!important;margin:0!important;padding:0!important;overflow:hidden!important;
}
.px-home #pxHotLeaseGrid .ls-rent-card-head .ls-rent-card-media,
.px-home #pxHotLeaseGrid .ls-rent-card-img .ls-rent-card-media{
 position:absolute!important;top:0!important;left:0!important;right:0!important;bottom:0!important;
 z-index:1!important;width:100%!important;height:100%!important;
 margin:0!important;padding:0!important;overflow:hidden!important;
}
.px-home #pxHotLeaseGrid .ls-rent-card-head .ls-rent-card-ph,
.px-home #pxHotLeaseGrid .ls-rent-card-img .ls-rent-card-ph{
 width:100%!important;height:100%!important;min-height:100%!important;display:block!important;
 margin:0!important;background:linear-gradient(180deg,#4a4a54 0%,#1a1a22 45%,#000 100%)!important;
}
.px-home #pxHotLeaseGrid .ls-rent-card-head .ls-rent-card-media img,
.px-home #pxHotLeaseGrid .ls-rent-card-img .ls-rent-card-media img{
 width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;
 display:block!important;margin:0!important;transition:transform .4s ease;transform:scale(1);
}
.px-home #pxHotLeaseGrid .ls-rent-card:hover .ls-rent-card-media img{transform:scale(1.08);}
.px-home #pxHotLeaseGrid .ls-rent-card-head .ls-rent-card-tools,
.px-home #pxHotLeaseGrid .ls-rent-card-img .ls-rent-card-tools{
 position:absolute!important;top:10px!important;right:10px!important;
 left:auto!important;bottom:auto!important;display:flex!important;gap:8px!important;
 z-index:6!important;margin:0!important;padding:0!important;width:auto!important;height:auto!important;
 pointer-events:none!important;
}
.px-home #pxHotLeaseGrid .ls-rent-card-head .ls-rent-card-bar,
.px-home #pxHotLeaseGrid .ls-rent-card-img .ls-rent-card-bar{
 position:relative!important;flex:0 0 auto!important;width:100%!important;z-index:5!important;
 display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:10px!important;
 padding:7px 12px!important;margin:0!important;box-sizing:border-box!important;
 background:rgba(0,0,0,.72)!important;color:#fff!important;font-size:11px!important;line-height:1.3!important;
 text-align:left!important;
}
.px-home #pxHotLeaseGrid .ls-rent-card-bar span,
.px-home #pxHotLeaseGrid .ls-rent-card-bar i,
.px-home #pxHotLeaseGrid .ls-rent-card-bar b{margin:0!important;float:none!important;}
.px-home #pxHotLeaseGrid .ls-rent-card-tags,
.px-home #pxHotLeaseGrid .ls-rent-card-tags .ls-rent-tag{
 margin-left:0!important;margin-right:0!important;float:none!important;
}
.px-home #pxHotLeaseGrid .ls-rent-card,
.px-home #pxHotLeaseGrid .ls-rent-card *{text-align:left;}
.px-home .px-feed-img img.px-biz-ico{
 object-fit:contain;padding:18%;box-sizing:border-box;background:#fafafa;
}

/* ===== 首页业务栏目（旧块保留样式兼容） ===== */
.px-home .px-biz-sec{
 float:left;
 margin-top:18px!important;
 margin-right:auto!important;
 margin-bottom:0!important;
 margin-left:var(--px-hero-side)!important;
 background:transparent;border:none;border-radius:0;box-shadow:none;
 padding:0;box-sizing:border-box;text-align:left;
 width:var(--px-content-w);
 max-width:calc(100% - 2 * var(--px-hero-side));
}
.px-home .px-biz-sec .px-feed-cap,
.px-home .px-biz-sec .px-biz-cap{
 display:flex!important;align-items:center;justify-content:space-between;
 width:100%!important;max-width:100%;box-sizing:border-box;
 margin:0 0 12px 0!important;padding:0!important;border-bottom:none;
 text-align:left!important;float:none!important;
}
.px-home .px-biz-sec .px-biz-tit,
.px-home .px-biz-sec .px-feed-cap strong{
 flex:1;min-width:0;float:none!important;
 margin:0!important;padding:0!important;
 font-size:18px;font-weight:700;color:var(--px-text);
 line-height:1.2;text-align:left!important;
}
.px-home .px-biz-sec .px-biz-more,
.px-home .px-biz-sec .px-feed-cap a{
 flex:0 0 auto;float:none!important;
 margin:0 0 0 auto!important;padding:0!important;
 font-size:13px;color:var(--px-muted);text-decoration:none;
 line-height:1.2;text-align:right!important;white-space:nowrap;
}
.px-home .px-biz-sec .px-biz-more:hover,
.px-home .px-biz-sec .px-feed-cap a:hover{color:var(--px-primary);}
.px-home .px-biz-sec .px-feed-list{margin:0!important;text-align:left;}
.px-home .px-biz-sec .px-feed-body,
.px-home .px-biz-sec .px-feed-tit,
.px-home .px-biz-sec .px-feed-meta{text-align:left!important;margin-left:0!important;margin-right:0!important;}
.px-home .px-biz-sec .px-feed-foot{
 display:flex!important;justify-content:flex-start!important;align-items:baseline;
 width:100%!important;margin:0!important;padding:0!important;
 text-align:left!important;float:none!important;
}
.px-home .px-biz-sec .px-feed-price{
 display:block!important;float:none!important;
 width:auto!important;max-width:100%;
 margin:0!important;padding:0!important;
 font-size:14px;font-weight:700;color:#ff2442;line-height:1.2;
 text-align:left!important;
}
.px-home .px-biz-sec .px-feed-img img.px-biz-ico{
 object-fit:contain;padding:18%;box-sizing:border-box;background:#fafafa;
}

/* ===== 合作主播 ===== */
.px-home .px-zhubo-block{
 float:left;margin:16px 0 0 0;
 background:var(--px-card);border:1px solid var(--px-border);
 border-radius:var(--px-radius);box-shadow:var(--px-shadow);
 padding:16px;box-sizing:border-box;
}
.px-home .px-zhubo-list{
 float:none!important;width:100%!important;margin:0!important;padding:0!important;
 border:none!important;border-radius:0!important;
 display:flex;flex-wrap:wrap;gap:16px;overflow:visible;
}
.px-home .px-zhubo-list .px-zhubo-item{
 float:none!important;width:calc(20% - 13px);margin:0!important;
 text-decoration:none;color:inherit;transition:transform .25s;
}
.px-home .px-zhubo-list .px-zhubo-item:hover{transform:translateY(-4px);}
.px-home .px-zhubo-list .zhubo-title{
 float:none!important;width:100%;text-align:center;font-size:14px;
 color:var(--px-text);margin:0 0 10px;font-weight:600;
}
.px-home .px-zhubo-list .zhubo-img{
 float:none!important;width:100%;border-radius:10px;overflow:hidden;
 border:1px solid var(--px-border);
}
.px-home .px-zhubo-list .zhubo-img img{
 width:100%;height:151px;object-fit:cover;display:block;
}

/* 旧版分游戏块隐藏（已由游戏墙+商品流替代） */
.px-home .px-legacy-blocks{display:none;}

/* 暂时隐藏：游戏资讯、合作主播 */
.px-home .px-news-block,
.px-home .px-zhubo-block{display:none !important;}

/* ===== 资讯模块（最新商品下方） ===== */
.px-home .px-news-block{
 float:left;margin:16px 0 0 0;
 background:var(--px-card);border:1px solid var(--px-border);
 border-radius:var(--px-radius);box-shadow:var(--px-shadow);
 padding:16px;box-sizing:border-box;
}
.px-home .px-news-list{display:flex;gap:15px;flex-wrap:wrap;}
.px-home .px-news-col{
 flex:1;min-width:calc(25% - 12px);border:1px solid var(--px-border);
 border-radius:10px;padding:12px;background:#fafafa;box-sizing:border-box;
}
.px-home .px-news-col-tit{
 font-size:15px;font-weight:700;color:var(--px-text);
 padding-bottom:8px;margin-bottom:8px;border-bottom:1px solid var(--px-border);
 text-align:center;
}
.px-home .px-news-row{
 display:flex;align-items:flex-start;gap:10px;padding:10px 0;
 border-bottom:1px dashed #eee;text-decoration:none;
}
.px-home .px-news-row:last-of-type{border-bottom:none;}
.px-home .px-news-row-thumb{
 flex-shrink:0;width:72px;height:52px;border-radius:6px;overflow:hidden;
 background:#f0f0f0;border:1px solid #eee;
}
.px-home .px-news-row-thumb img{width:72px;height:52px;object-fit:cover;display:block;}
.px-home .px-news-row-body{flex:1;min-width:0;}
.px-home .px-news-row-tit{font-size:13px;color:var(--px-text);display:block;line-height:1.45;height:38px;overflow:hidden;}
.px-home .px-news-row-date{font-size:11px;color:var(--px-muted);margin-top:4px;display:block;}
.px-home .px-news-row:hover .px-news-row-tit{color:var(--px-primary);}
.px-home .px-news-more{
 display:block;text-align:center;margin-top:10px;font-size:12px;color:var(--px-primary);
 text-decoration:none;padding-top:8px;border-top:1px solid var(--px-border);
}
.px-home .px-news-more:hover{text-decoration:underline;}

/* ===== Hero 收尾：快捷入口单行 + 三栏以右栏为基准等高 ===== */
.px-home .qhmain{
 min-height:0!important;padding-bottom:0!important;
}
.px-home .qhmain .qhright{
 min-height:0!important;height:auto!important;
}
.px-home .qhmain .px-promo-pxb{flex:0 0 auto;}