/* 螃蟹账号 PC 首页 — 对齐 pxb7.com 版式 */
*,*::before,*::after{box-sizing:border-box}
html{color-scheme:light}
body.pxb7-pc{margin:0;font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;background:#f5f6f8;color:#1f1f1f;-webkit-font-smoothing:antialiased}
a{text-decoration:none;color:inherit}
img{max-width:100%;vertical-align:top}
.pxb7-pc-wrap{max-width:1200px;margin:0 auto;padding:0 16px 40px}

.pxb7-pc-topbar{background:#fff;border-bottom:1px solid #f0f0f0}
.pxb7-pc-topbar__row{display:flex;align-items:center;justify-content:space-between;padding:8px 16px;max-width:1200px;margin:0 auto}
.pxb7-pc-topbar__img{height:40px;width:auto;object-fit:contain}
.pxb7-pc-topbar__kf img{height:32px;width:auto}

/* 顶栏欢迎条 */
.pxb7-welcome{background:#f5f6f8;border-bottom:1px solid #eee;font-size:12px;color:#666}
.pxb7-welcome__inner{max-width:1200px;margin:0 auto;padding:6px 16px;display:flex;align-items:center;justify-content:space-between}
.pxb7-welcome__links{display:flex;flex-wrap:wrap;gap:4px 16px;align-items:center}
.pxb7-welcome__links a{color:#666}
.pxb7-welcome__links a:hover{color:#ff6600}
.pxb7-welcome__login{color:#ff6600!important;font-weight:600}

/* 主头部 v2 */
.pxb7-pc-header{background:#fff;border-bottom:1px solid #eee;position:sticky;top:0;z-index:200;box-shadow:0 2px 8px rgba(0,0,0,.04)}
.pxb7-pc-header--v2 .pxb7-pc-header__brand{max-width:1200px;margin:0 auto;padding:16px;display:flex;align-items:flex-start;gap:20px}
.pxb7-pc-logo{display:flex;align-items:center;gap:10px;flex-shrink:0;text-decoration:none}
.pxb7-pc-logo img{height:52px;width:auto}
.pxb7-pc-logo__tit{display:block;font-size:18px;font-weight:800;color:#ff6600;line-height:1.2}
.pxb7-pc-logo__sub{display:block;font-size:11px;color:#999;letter-spacing:.5px}
.pxb7-pc-search-main{flex:1;min-width:0}
.pxb7-pc-search-main__box{display:flex;align-items:center;height:44px;border:2px solid #ff8c00;border-radius:999px;padding:0 6px 0 14px;background:#fff}
.pxb7-pc-search-main__box input{flex:1;border:0;outline:0;font-size:14px;min-width:0;margin-left:8px}
.pxb7-pc-search-main__box button{border:0;background:linear-gradient(90deg,#ff8c00,#ff5b01);color:#fff;border-radius:999px;padding:0 28px;height:36px;font-size:15px;font-weight:600;cursor:pointer;flex-shrink:0}
.pxb7-pc-search-main__hot{margin-top:8px;font-size:12px;color:#999;display:flex;flex-wrap:wrap;gap:6px 12px;align-items:center}
.pxb7-pc-search-main__hot a{color:#666}
.pxb7-pc-search-main__hot a:hover{color:#ff6600}
.pxb7-pc-header__promo{flex-shrink:0;width:200px;border-radius:10px;overflow:hidden}
.pxb7-pc-header__promo img{width:100%;height:72px;object-fit:cover;display:block}
.pxb7-pc-subnav{max-width:1200px;margin:0 auto;padding:0 16px 10px;display:flex;flex-wrap:wrap;gap:4px 24px;align-items:center;border-top:1px solid #f5f5f5}
.pxb7-pc-subnav a{font-size:14px;color:#333;padding:6px 0}
.pxb7-pc-subnav a:hover{color:#ff6600}
.pxb7-pc-subnav__cta{margin-left:auto;padding:6px 18px!important;border-radius:999px;background:linear-gradient(90deg,#ffb347,#ff8c00);color:#fff!important;font-weight:600}
.pxb7-pc-subnav__cta:hover{color:#fff!important;opacity:.92}

/* 首页三栏 */
.pxb7-home-hero{display:grid;grid-template-columns:200px 1fr 280px;gap:12px;margin-top:12px;align-items:stretch}
.pxb7-home-cats{background:#fff;border-radius:12px;border:1px solid #f0f0f0;padding:8px 0;overflow:hidden}
.pxb7-home-cats a{display:flex;align-items:center;gap:10px;padding:12px 14px;border-bottom:1px solid #fafafa;transition:background .15s}
.pxb7-home-cats a:last-child{border-bottom:0}
.pxb7-home-cats a:hover{background:#fff8f0}
.pxb7-home-cats img{width:36px;height:36px;object-fit:contain;flex-shrink:0}
.pxb7-home-cats__txt strong{display:block;font-size:14px;color:#333;font-weight:600}
.pxb7-home-cats__txt span{display:block;font-size:11px;color:#999;margin-top:2px}
.pxb7-home-center{display:flex;flex-direction:column;gap:12px;min-width:0}
.pxb7-home-panel{background:#fff;border-radius:12px;border:1px solid #f0f0f0;padding:14px;display:flex;flex-direction:column;gap:10px}
.pxb7-home-panel__hi{margin:0;font-size:15px;color:#333}
.pxb7-home-panel__hi a{color:#ff6600;font-size:13px;margin-left:8px}
.pxb7-home-promos{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.pxb7-home-promo-card{background:#fff;border:1px solid #f0f0f0;border-radius:12px;padding:12px}
.pxb7-home-promo-card h4{margin:0 0 10px;font-size:14px;font-weight:700;color:#1a1a1a}
.pxb7-home-promo-card__items{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.pxb7-home-promo-item{text-align:center}
.pxb7-home-promo-item img{width:48px;height:48px;border-radius:8px;object-fit:cover;background:#f5f5f5}
.pxb7-home-promo-item b{display:block;color:#ff2045;font-size:13px;margin-top:4px}
.pxb7-home-promo-item span{font-size:11px;color:#666;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pxb7-home-panel__cta{display:block;text-align:center;padding:12px;border-radius:10px;background:linear-gradient(90deg,#ff4d4f,#e53935);color:#fff!important;font-weight:700;font-size:14px}
.pxb7-home-panel__tools{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}
.pxb7-home-panel__tools a{text-align:center;padding:8px;background:#fafafa;border-radius:8px;font-size:12px;color:#333}
.pxb7-home-panel__tools a:hover{color:#ff6600;background:#fff8f0}
.pxb7-pc-stats-bar{margin-top:16px;background:#fff;border-radius:12px;border:1px solid #f0f0f0;padding:14px 20px;display:flex;flex-wrap:wrap;gap:16px 32px;justify-content:center}
.pxb7-pc-stats-bar div{text-align:center}
.pxb7-pc-stats-bar b{display:block;font-size:20px;color:#ff6600;font-weight:700}
.pxb7-pc-stats-bar span{font-size:12px;color:#999}

.pxb7-float{position:fixed;right:12px;top:50%;transform:translateY(-50%);z-index:150;display:flex;flex-direction:column;gap:8px;background:#fff;border-radius:12px;padding:10px 8px;box-shadow:0 4px 20px rgba(0,0,0,.1);border:1px solid #f0f0f0}
.pxb7-float a{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:8px;font-size:18px;color:#666;background:#fafafa}
.pxb7-float a:hover{background:#fff8f0;color:#ff6600}
.pxb7-float a img{width:28px;height:28px;object-fit:contain}

.pxb7-pc-hero{display:grid;grid-template-columns:1fr 340px;gap:16px;margin-top:16px}
.pxb7-pc-banner{border-radius:12px;overflow:hidden;background:#fff;border:1px solid #f0f0f0}
.pxb7-pc-banner .swiper-slide img{width:100%;height:320px;object-fit:cover;display:block}
.pxb7-pc-banner .swiper-pagination{bottom:12px!important}

.pxb7-pc-side{display:flex;flex-direction:column;gap:12px}
.pxb7-pc-buy-sell{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.pxb7-pc-buy-sell a{display:flex;flex-direction:column;align-items:center;justify-content:center;height:88px;border-radius:12px;color:#fff;font-weight:700;font-size:18px;transition:transform .15s}
.pxb7-pc-buy-sell a:hover{transform:translateY(-2px)}
.pxb7-pc-buy-sell .buy{background:linear-gradient(135deg,#ff9a4d,#ff6b00)}
.pxb7-pc-buy-sell .sell{background:linear-gradient(135deg,#5eb8ff,#2d8cff)}
.pxb7-pc-buy-sell small{font-size:12px;font-weight:500;opacity:.9;margin-top:4px}

.pxb7-pc-coupons{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.pxb7-pc-coupon{background:linear-gradient(160deg,#fff8f0,#fff);border:1px solid #ffe0b2;border-radius:10px;padding:10px 8px;text-align:center}
.pxb7-pc-coupon strong{display:block;color:#ff5722;font-size:18px}
.pxb7-pc-coupon span{font-size:11px;color:#888}

.pxb7-pc-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;background:#fff;border-radius:12px;padding:12px;border:1px solid #f0f0f0}
.pxb7-pc-stats b{display:block;font-size:15px;color:#ff5722}
.pxb7-pc-stats span{font-size:11px;color:#999}

.pxb7-pc-search{margin-top:16px;display:flex;align-items:center;background:#fff;border:1.5px solid #ffb366;border-radius:999px;padding:0 6px 0 40px;height:48px;position:relative;box-shadow:0 2px 12px rgba(255,140,0,.08)}
.pxb7-pc-search svg{position:absolute;left:14px;top:50%;transform:translateY(-50%)}
.pxb7-pc-search input{flex:1;border:0;outline:0;font-size:15px;background:transparent}
.pxb7-pc-search button{border:0;background:linear-gradient(135deg,#ffb347,#ff8c00);color:#fff;border-radius:999px;padding:0 28px;height:38px;font-size:14px;font-weight:600;cursor:pointer}

.pxb7-pc-nav-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin-top:16px;padding:16px 12px;background:#fff;border-radius:12px;border:1px solid #f0f0f0}
.pxb7-pc-nav-grid a{display:flex;flex-direction:column;align-items:center;text-align:center}
.pxb7-pc-nav-grid img{width:52px;height:52px;object-fit:contain;border-radius:10px;background:#fafafa}
.pxb7-pc-nav-grid span{margin-top:8px;font-size:13px;color:#333}

.pxb7-pc-hot{margin-top:16px;padding:16px;background:#fff;border-radius:12px;border:1px solid #f0f0f0}
.pxb7-pc-hot h3{margin:0 0 12px;font-size:16px;font-weight:600}
.pxb7-pc-hot__list{display:flex;flex-wrap:wrap;gap:16px 20px}
.pxb7-pc-hot__item{width:72px;text-align:center}
.pxb7-pc-hot__item img{width:50px;height:50px;border-radius:10px;object-fit:cover;background:#f7f7f7}
.pxb7-pc-hot__item span{display:block;margin-top:6px;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

.pxb7-pc-promo{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}
.pxb7-pc-promo img{width:100%;height:72px;object-fit:contain;border-radius:10px;background:#fff;border:1px solid #f0f0f0}

.pxb7-pc-trust{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:16px}
.pxb7-pc-trust__item{background:#fff;border-radius:12px;padding:20px 18px;border:1px solid #f0f0f0;position:relative;overflow:hidden;min-height:100px}
.pxb7-pc-trust__item::after{content:attr(data-bg);position:absolute;right:8px;top:50%;transform:translateY(-50%);font-size:56px;font-weight:900;color:rgba(0,0,0,.04);pointer-events:none;line-height:1}
.pxb7-pc-trust__item h4{margin:0 0 8px;font-size:16px;color:#1a1a1a;position:relative;z-index:1}
.pxb7-pc-trust__item h4 em{font-style:normal;color:#ff6600}
.pxb7-pc-trust__item p{margin:0 0 4px;font-size:12px;color:#666;line-height:1.5;position:relative;z-index:1}

.pxb7-pc-goods{margin-top:16px;background:#fff;border-radius:12px 12px 0 0;border:1px solid #f0f0f0;border-bottom:0;padding:16px 16px 0}
.pxb7-pc-tabs{display:flex;flex-wrap:wrap;gap:8px;padding-bottom:12px;border-bottom:1px solid #f5f5f5}
.pxb7-pc-tabs .tab{padding:6px 16px;border-radius:999px;background:#f7f7f7;font-size:13px;cursor:pointer;white-space:nowrap}
.pxb7-pc-tabs .tab.active{background:linear-gradient(90deg,#ffb366,#ff9a3c);color:#fff}

.pxb7-pc-goods-list{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding:16px;background:#fff;border:1px solid #f0f0f0;border-top:0;border-radius:0 0 12px 12px}
.pxb7-pc-card{border-radius:12px;border:1px solid #f0f0f0;overflow:hidden;background:#fff;transition:box-shadow .2s}
.pxb7-pc-card:hover{box-shadow:0 8px 24px rgba(0,0,0,.08)}
.pxb7-pc-card__img{position:relative;background:#111a2d}
.pxb7-pc-card__img img{width:100%;height:200px;object-fit:cover;display:block}
.pxb7-pc-card__mask{position:absolute;left:0;right:0;bottom:0;padding:8px 12px;background:linear-gradient(transparent,rgba(17,26,45,.92));color:#fff;font-size:12px;line-height:1.4;max-height:52px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.pxb7-pc-card__body{padding:12px}
.pxb7-pc-card__tags{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:8px}
.pxb7-pc-card__tags img{height:17px;width:auto}
.pxb7-pc-card__title{font-size:13px;line-height:1.45;color:#000;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:38px}
.pxb7-pc-card__foot{display:flex;align-items:center;justify-content:space-between;margin-top:10px}
.pxb7-pc-card__price{color:#ff2045;font-size:20px;font-weight:700}
.pxb7-pc-card__price small{font-size:12px}
.pxb7-pc-card__game{font-size:11px;color:#ff5160;border:1px solid rgba(255,81,96,.2);padding:2px 6px;border-radius:4px}

.pxb7-pc-footer-note{margin-top:24px;text-align:center;font-size:12px;color:#999;padding-bottom:8px}

.pxb7-pc-features{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:16px}
.pxb7-pc-features__card{border-radius:12px;padding:16px 18px;color:#fff;min-height:88px;display:flex;flex-direction:column;justify-content:center}
.pxb7-pc-features__card strong{font-size:17px;font-weight:700}
.pxb7-pc-features__card span{margin-top:6px;font-size:12px;opacity:.92}
.pxb7-pc-features__card--val{background:linear-gradient(135deg,#6b8cff,#4a6cf7)}
.pxb7-pc-features__card--sec{background:linear-gradient(135deg,#ff8a65,#ff5722)}
.pxb7-pc-features__card--svc{background:linear-gradient(135deg,#4dd0a7,#26a69a)}

.pxb7-pc-tools{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}
.pxb7-pc-tools a{flex:1;min-width:120px;text-align:center;padding:10px 12px;background:#fff;border:1px solid #f0f0f0;border-radius:10px;font-size:13px;color:#333}
.pxb7-pc-tools a:hover{color:#ff7a00;border-color:#ffd4a8}

.pxb7-pc-newuser{display:flex;align-items:center;justify-content:space-between;margin-top:12px;padding:12px 18px;border-radius:12px;background:linear-gradient(90deg,#2a2a2e,#3d3d42);color:#fff}
.pxb7-pc-newuser span{font-size:14px;font-weight:600}
.pxb7-pc-newuser em{font-size:12px;color:#ffb366;font-style:normal}

.pxb7-pc-coupon-tip{margin:0;font-size:11px;color:#999;text-align:center}
.pxb7-pc-coupon-tip a{color:#ff7a00}

.pxb7-pc-nav-grid__svg,.pxb7-pc-nav-grid .pxb7-pc-nav-grid__svg{display:flex;width:52px;height:52px;align-items:center;justify-content:center;border-radius:10px;background:linear-gradient(160deg,#fff8f0,#fff);border:1px solid #eee}
.pxb7-pc-nav-grid__svg svg{width:40px;height:40px}

.pxb7-pc-hot__svg{width:50px;height:50px;border-radius:10px;background:linear-gradient(160deg,#fff8f0,#fff);border:1px solid #eee;display:flex;align-items:center;justify-content:center;margin:0 auto}
.pxb7-pc-hot__svg svg{width:28px;height:28px}

.pxb7-pc-recovery{margin-top:20px;padding:16px;background:#fff;border-radius:12px;border:1px solid #f0f0f0;overflow:hidden}
.pxb7-pc-recovery h4{margin:0 0 10px;font-size:15px}
.pxb7-pc-recovery__track{display:flex;gap:32px;animation:pxb7-recovery-scroll 18s linear infinite;white-space:nowrap}
.pxb7-pc-recovery__track span{font-size:22px;font-weight:700;color:#ff5722}
@keyframes pxb7-recovery-scroll{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}

.pxb7-pc-footer{margin-top:32px;background:#2b2b2e;color:#ccc;font-size:13px}
.pxb7-pc-footer__svc{max-width:1200px;margin:0 auto;padding:24px 16px;display:grid;grid-template-columns:repeat(4,1fr);gap:16px;border-bottom:1px solid rgba(255,255,255,.08)}
.pxb7-pc-footer__svc div{display:flex;flex-direction:column;gap:4px}
.pxb7-pc-footer__svc img{height:28px;width:auto;object-fit:contain;margin-bottom:4px;filter:brightness(1.2)}
.pxb7-pc-footer__svc strong{color:#fff;font-size:14px}
.pxb7-pc-footer__svc span{font-size:12px;color:#999}
.pxb7-pc-footer__links{max-width:1200px;margin:0 auto;padding:24px 16px;display:grid;grid-template-columns:repeat(5,1fr);gap:20px}
.pxb7-pc-footer__links h5{margin:0 0 10px;color:#fff;font-size:14px}
.pxb7-pc-footer__links a{display:block;color:#999;font-size:12px;line-height:2}
.pxb7-pc-footer__links a:hover{color:#ffb366}
.pxb7-pc-footer__copy{max-width:1200px;margin:0 auto;padding:16px;text-align:center;border-top:1px solid rgba(255,255,255,.08);font-size:12px;color:#777}
.pxb7-pc-footer__copy a{color:#999}

@media (max-width:1024px){
  .pxb7-home-hero{grid-template-columns:1fr}
  .pxb7-home-cats{display:none}
  .pxb7-pc-header__promo{display:none}
  .pxb7-pc-hero{grid-template-columns:1fr}
  .pxb7-pc-goods-list{grid-template-columns:repeat(2,1fr)}
  .pxb7-home-promos{grid-template-columns:1fr}
}
@media (max-width:640px){
  .pxb7-pc-nav-grid{grid-template-columns:repeat(3,1fr)}
  .pxb7-pc-goods-list{grid-template-columns:1fr}
}