/* saas 前台交易市场 · PC 端布局（桌面多列） */

/* 顶部导航 */
.topnav{background:var(--card);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:50}
.topnav-in{max-width:1200px;margin:0 auto;padding:0 20px;height:60px;display:flex;align-items:center;gap:24px}
.logo{display:flex;align-items:center;gap:10px;font-weight:700;font-size:16px;color:var(--ink);white-space:nowrap}
.logo .mark{width:34px;height:34px;border-radius:9px;background:linear-gradient(135deg,var(--brand),var(--brand-2));color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;flex-shrink:0}
.logo small{display:block;font-size:10px;color:var(--ink-3);font-weight:400;letter-spacing:1px}
.nav-links{display:flex;gap:4px;flex:1}
.nav-links a{padding:8px 14px;border-radius:8px;color:var(--ink-2);font-size:14px;white-space:nowrap}
.nav-links a.active,.nav-links a:hover{background:var(--brand-soft);color:var(--brand)}
.balance{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--ink-2);white-space:nowrap}
.balance b{color:var(--brand);font-size:15px}
.userchip{display:flex;align-items:center;gap:8px;white-space:nowrap}

/* 首页 Hero */
.hero{background:linear-gradient(135deg,#2e5bff,#4c7bff);color:#fff;border-radius:16px;overflow:hidden;margin:24px 0}
.hero-in{padding:52px 48px;max-width:1200px;margin:0 auto}
.hero h1{font-size:32px;font-weight:800;line-height:1.25}
.hero h1 .hl{color:#ffd76a}
.hero p{margin-top:14px;font-size:15px;opacity:.92;max-width:640px}
.hero .acts{margin-top:24px;display:flex;gap:12px;flex-wrap:wrap}
.hero .acts .btn{background:#fff;color:var(--brand)}
.hero .acts .btn.ghost2{background:rgba(255,255,255,.15);color:#fff;border:1px solid rgba(255,255,255,.4)}

/* 自定义 Banner */
.banner-custom{display:flex;gap:12px;margin:24px 0}
.banner-custom .side{width:25%;display:flex;flex-direction:column;gap:12px}
.banner-custom .side img{width:100%;height:100%;object-fit:cover;border-radius:14px;min-height:120px}
.banner-custom .main{width:75%;position:relative}
.banner-custom .main img{width:100%;height:300px;object-fit:cover;border-radius:14px}
.banner-custom .main a{position:absolute;inset:0}

/* 账号网格（PC 4 列） */
.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}

/* 商品卡片（PC：与 H5 同一套 .pcard 结构） */
.pcard{background:var(--card);border:1px solid rgba(46,91,255,.13);border-radius:11px;box-shadow:0 3px 12px rgba(16,24,40,.05);overflow:hidden;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease;will-change:transform}
.pcard:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(16,24,40,.09);border-color:rgba(46,91,255,.3)}
.pcard:active{transform:scale(.985)}
.pcard-media{position:relative;width:100%;height:124px;background:#eef1f6;overflow:hidden}
.pcard-media>img{width:100%;height:100%;object-fit:cover;object-position:center top;display:block}
.pc-no{position:absolute;top:7px;left:7px;background:rgba(46,91,255,.72);color:#fff;font-size:10px;padding:2px 8px;border-radius:5px;font-weight:700;letter-spacing:.4px}
.pc-online{position:absolute;top:7px;right:7px;background:rgba(255,255,255,.92);color:var(--ok);font-size:10px;padding:2px 8px;border-radius:20px;display:flex;align-items:center;gap:4px;font-weight:600}
.pc-online i{width:5px;height:5px;border-radius:50%;background:var(--ok)}
.pcard-promise{display:flex;align-items:center;gap:5px;padding:6px 10px;background:#fff7e6;border-bottom:1px solid #ffe1a8;font-size:9.5px;color:#8a5a00}
.pcard-promise strong{font-size:11px;color:#b45309}
.pcard-promise .pp-shield,.pcard-promise .pp-lightning{width:15px;height:15px;flex-shrink:0;color:#f59e0b}
.pcard-promise .pp-lightning{margin-left:auto}
.pcard-promise svg{display:block}
.pcard-body{padding:9px 10px 7px}
.pcard-trow{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-bottom:5px}
.pcard-meta{display:flex;align-items:center;gap:5px;min-width:0;overflow:hidden}
/* 编号：必须是块级，否则 text-overflow:ellipsis 不生效、会被父级硬裁 */
.pcard-no{flex:0 1 auto;min-width:0;font-size:10.5px;font-weight:600;color:var(--ink-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pcard-no b{font-size:10.5px;font-weight:700;color:var(--brand);background:var(--brand-soft);border:1px solid rgba(46,91,255,.16);border-radius:4px;padding:1px 5px;font-variant-numeric:tabular-nums}
/* 日消耗：带边框 + 底色（flex-shrink:0 上写 ellipsis 无效，去掉） */
.pcard-daily{flex-shrink:0;font-size:10.5px;font-weight:700;color:var(--brand);background:var(--brand-soft);border:1px solid rgba(46,91,255,.16);border-radius:4px;padding:1px 5px;white-space:nowrap}
.pcard-ratio{flex-shrink:0;font-size:10.5px;font-weight:800;color:var(--brand);background:var(--brand-soft);border-radius:4px;padding:1px 6px;font-variant-numeric:tabular-nums}
.pcard-name{font-size:13px;font-weight:700;color:var(--ink);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.pcard-skins{display:flex;gap:5px;overflow-x:auto;margin:7px 0;padding-bottom:2px;scrollbar-width:none}
.pcard-skins::-webkit-scrollbar{display:none}
.pchip{background:var(--brand-soft);color:var(--brand);font-size:10px;padding:1px 6px;border-radius:4px;white-space:nowrap;flex-shrink:0}
.pchip-dry{background:#fff4e5;color:#b45309}
.pchip-gun{background:#fdeceb;color:#d6453d}
.pcard-table{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#eaeff7;border:1px solid #eaeff7;border-radius:7px;overflow:hidden;margin-top:7px}
.pt-cell{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;padding:5px 2px;background:#fff;font-size:10.5px;color:var(--ink-3);text-align:center;min-width:0;line-height:1.3}
.pt-cell span,.pt-cell b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.pt-cell b{font-size:11.5px;font-weight:700;color:#1f2937;font-variant-numeric:tabular-nums}
.pt-cell.hot{background:#fff4f2}
.pt-cell.hot b{color:#f0483e}
.pcard-foot{display:flex;align-items:center;gap:7px;padding:7px 10px;border-top:1px solid var(--line-soft)}
.pcard-foot .pcard-price{flex:1}
.pcard-price{display:flex;flex-wrap:wrap;align-items:baseline;gap:3px;min-width:0}
.pcard-price .pcp-tag{font-size:9px;font-weight:700;color:#f0483e;opacity:.8}
.pcard-price .pcp-amt{font-size:17px;font-weight:800;color:#f0483e;line-height:1.1;font-variant-numeric:tabular-nums}
.pcard-price .pcp-sub{flex-basis:100%;font-size:9px;font-weight:400;color:var(--ink-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* 筛选条 */
.filter{display:flex;gap:10px;flex-wrap:wrap;align-items:center;background:var(--card);border-radius:12px;padding:14px 16px;box-shadow:var(--shadow);margin-bottom:16px}

/* 详情页（PC 两列） */
.detail{display:grid;grid-template-columns:1fr 360px;gap:24px;margin:24px 0}
.detail .gallery img{width:100%;border-radius:12px;margin-bottom:10px;object-fit:cover}
.detail .thumbs{display:flex;gap:8px;overflow-x:auto}
.detail .thumbs img{width:72px;height:72px;object-fit:cover;border-radius:8px;cursor:pointer;border:2px solid transparent}
.detail .thumbs img.on{border-color:var(--brand)}

/* 登录 */
.auth{max-width:420px;margin:60px auto;background:var(--card);border-radius:16px;box-shadow:var(--shadow);padding:38px 34px}
.auth h2{font-size:22px;margin-bottom:4px}
.auth .sub{font-size:13px;color:var(--ink-3);margin-bottom:24px}

/* 个人中心（PC 两列） */
.center{display:grid;grid-template-columns:240px 1fr;gap:24px;margin:24px 0}
.center .side{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);padding:18px}
.center .side a{display:block;padding:11px 14px;border-radius:8px;color:var(--ink-2);font-size:14px}
.center .side a.on{background:var(--brand-soft);color:var(--brand);font-weight:600}
.center .main{min-width:0}
.wallet-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:18px}