/* GameZone 3.0 — 前台整体重构
   目标：从“后台卡片模板”转为正式的游戏资源库 / 会员产品界面。
   独立 gz3-* 命名，避免旧 v17/v20 样式污染。 */
:root{
  --gz3-blue:#1687ef;
  --gz3-blue-strong:#0878df;
  --gz3-ink:#172238;
  --gz3-text:#526076;
  --gz3-muted:#919cac;
  --gz3-line:#e6ebf2;
  --gz3-soft:#f6f8fb;
  --gz3-vip:#7047e8;
  --gz3-green:#0eaa72;
  --gz3-shadow:0 12px 34px rgba(30,48,78,.075);
}
.gz3-wrap{width:calc(100% - 56px);max-width:1480px;margin:0 auto;padding:28px 0 54px;color:var(--gz3-text);box-sizing:border-box}
.gz3-wrap *{box-sizing:border-box}

/* 顶部账号 / 会员 / 游戏库 */
.gz3-account-panel{display:grid;grid-template-columns:minmax(300px,1.35fr) minmax(310px,1.15fr) minmax(230px,.72fr);gap:0;overflow:hidden;border:1px solid var(--gz3-line);border-radius:18px;background:#fff;box-shadow:var(--gz3-shadow)}
.gz3-profile-block,.gz3-member-block,.gz3-library-block{min-height:164px;padding:26px 28px}
.gz3-profile-block{display:flex;align-items:center;gap:18px;border-right:1px solid var(--gz3-line);background:linear-gradient(135deg,#fff 0%,#fbfdff 100%)}
.gz3-avatar{width:62px;height:62px;flex:none;display:flex;align-items:center;justify-content:center;border-radius:18px;background:linear-gradient(145deg,#e9f5ff,#e7ecff);border:1px solid #d7eaff;color:#197ed9;font-size:26px;font-weight:900;box-shadow:inset 0 1px 0 #fff}
.gz3-profile-copy{min-width:0}.gz3-kicker{display:block;margin-bottom:5px;color:#9aa5b6;font-size:10px;font-weight:800;letter-spacing:.14em}.gz3-profile-copy h1{margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--gz3-ink);font-size:25px;line-height:1.25;font-weight:850}.gz3-profile-copy p{margin:8px 0 0;color:#8995a6;font-size:12px;line-height:1.65}
.gz3-member-block{position:relative;border-right:1px solid var(--gz3-line);background:linear-gradient(145deg,#fbfcff,#f9f7ff)}
.gz3-member-block:after{content:"";position:absolute;right:-32px;top:-40px;width:120px;height:120px;border-radius:50%;background:rgba(112,71,232,.045);pointer-events:none}
.gz3-member-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.gz3-member-head span{display:block;color:#9ba5b3;font-size:10px}.gz3-member-head strong{display:block;margin-top:3px;color:var(--gz3-vip);font-size:21px;font-weight:900}.gz3-member-head i{font-size:25px;color:#8567e9}.gz3-member-block.inactive .gz3-member-head strong{color:#6e7a8e}.gz3-member-block.inactive .gz3-member-head i{color:#a4adba}
.gz3-member-plan{margin-top:8px;color:#344158;font-size:13px;font-weight:750}.gz3-member-facts{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}.gz3-member-facts span{min-width:0;padding:8px 9px;border:1px solid #eceff5;border-radius:9px;background:rgba(255,255,255,.75)}.gz3-member-facts small{display:block;color:#a0a9b6;font-size:9px}.gz3-member-facts b{display:block;margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#4d5a6f;font-size:11px}
.gz3-growth{display:flex;align-items:center;justify-content:space-between;margin-top:10px;color:#919bab;font-size:10px}.gz3-growth a{color:var(--gz3-vip);font-weight:750}.gz3-member-cta{display:inline-flex;align-items:center;justify-content:center;min-height:34px;margin-top:10px;padding:0 12px;border-radius:8px;background:#7047e8;color:#fff;font-size:11px;font-weight:800;box-shadow:0 7px 16px rgba(112,71,232,.16)}.gz3-member-cta:hover{color:#fff;background:#633ad8}
.gz3-library-block{display:flex;flex-direction:column;justify-content:center;background:linear-gradient(145deg,#fff,#f8fbff)}.gz3-library-block>span{color:#99a3b1;font-size:10px}.gz3-library-block>strong{margin-top:3px;color:#172238;font-size:36px;line-height:1.1;font-weight:900}.gz3-library-block>p{margin:7px 0 0;color:#8792a4;font-size:11px;line-height:1.55}.gz3-library-meta{margin-top:12px;padding-top:11px;border-top:1px solid #edf0f4;color:#a0a9b6;font-size:10px}.gz3-library-meta b{color:#526075}

/* 搜索 / 筛选工作台 */
.gz3-discovery{margin-top:18px;padding:20px 22px 16px;border:1px solid var(--gz3-line);border-radius:16px;background:rgba(255,255,255,.96);box-shadow:0 7px 24px rgba(31,48,77,.05)}
.gz3-discovery-top{display:grid;grid-template-columns:235px minmax(0,1fr);gap:22px;align-items:center}.gz3-discovery-title span{display:block;color:#9da6b5;font-size:9px;font-weight:850;letter-spacing:.13em;text-transform:uppercase}.gz3-discovery-title strong{display:block;margin-top:2px;color:#202d43;font-size:18px}.gz3-discovery-title small{display:block;margin-top:3px;color:#98a2b0;font-size:10px}
.gz3-search{display:flex;align-items:center;height:48px;padding-left:15px;border:1px solid #dde5ef;border-radius:12px;background:#f7f9fc;box-shadow:inset 0 1px 2px rgba(35,50,77,.025);transition:.18s}.gz3-search:focus-within{border-color:#a9cff9;background:#fff;box-shadow:0 0 0 4px rgba(22,135,239,.07)}.gz3-search>i{color:#9aa5b4;font-size:17px}.gz3-search input{flex:1;min-width:0;height:46px;padding:0 11px;border:0;outline:0;background:transparent;color:#344258;font-size:13px}.gz3-search-clear{margin-right:8px;color:#a1aab7;font-size:10px}.gz3-search-clear:hover{color:#68758a}.gz3-search button{height:38px;margin-right:4px;padding:0 22px;border:0;border-radius:9px;background:linear-gradient(135deg,#1991f4,#117ae6);color:#fff;font-weight:800;cursor:pointer;box-shadow:0 7px 15px rgba(22,135,239,.16)}.gz3-search button:hover{background:var(--gz3-blue-strong)}
.gz3-filter-row{display:flex;justify-content:space-between;gap:18px;margin-top:16px;padding-top:14px;border-top:1px solid #eef1f5}.gz3-filter-group{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.gz3-filter-group label,.gz3-category-row>label{margin-right:4px;color:#9ba5b3;font-size:10px;font-weight:700}.gz3-filter-group a,.gz3-category-row a{display:inline-flex;align-items:center;justify-content:center;min-height:29px;padding:0 10px;border:1px solid transparent;border-radius:7px;background:#f6f8fb;color:#667389;font-size:10px;transition:.16s}.gz3-filter-group a:hover,.gz3-category-row a:hover{border-color:#d7e8fb;color:#1687ef;background:#f8fbff}.gz3-filter-group a.active,.gz3-category-row a.active{border-color:#cce3fc;background:#eaf5ff;color:#117bdc;font-weight:800}.gz3-sort-group{justify-content:flex-end}
.gz3-category-row{display:flex;align-items:flex-start;gap:8px;margin-top:11px}.gz3-category-row>label{padding-top:8px;white-space:nowrap}.gz3-category-row>div{display:flex;gap:6px;flex-wrap:wrap}

/* 游戏库 */
.gz3-library-section{margin-top:25px}.gz3-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:14px;padding:0 2px}.gz3-section-head h2{margin:0;color:#1b273d;font-size:22px;font-weight:850}.gz3-section-head p{margin:5px 0 0;color:#929dac;font-size:11px}.gz3-section-head>span{color:#929cab;font-size:11px}
.gz3-game-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:16px}
.gz3-game-card{min-width:0;overflow:hidden;border:1px solid #e4e9f0;border-radius:14px;background:#fff;box-shadow:0 5px 18px rgba(33,49,76,.045);transition:transform .2s,border-color .2s,box-shadow .2s}.gz3-game-card:hover{transform:translateY(-3px);border-color:#cbdff7;box-shadow:0 14px 28px rgba(33,51,81,.09)}
.gz3-game-cover{position:relative;display:block;aspect-ratio:16/9;overflow:hidden;background:#eff3f8}.gz3-game-cover img{width:100%;height:100%;object-fit:cover;transition:transform .32s}.gz3-game-card:hover .gz3-game-cover img{transform:scale(1.025)}.gz3-cover-fallback{display:flex;width:100%;height:100%;align-items:center;justify-content:center;flex-direction:column;background:linear-gradient(145deg,#eef5ff,#f4f1ff)}.gz3-cover-fallback>span{display:flex;width:52px;height:52px;align-items:center;justify-content:center;border-radius:15px;background:rgba(255,255,255,.85);color:#5576d7;font-size:22px;font-weight:900;box-shadow:0 7px 20px rgba(52,78,134,.08)}.gz3-cover-fallback small{margin-top:8px;color:#98a4b5;font-size:10px}
.gz3-card-flags{position:absolute;left:10px;top:10px;display:flex;gap:5px}.gz3-card-flags em{padding:4px 7px;border-radius:6px;background:rgba(23,34,56,.76);color:#fff;font-size:9px;font-style:normal;backdrop-filter:blur(5px)}.gz3-card-flags em:first-child{background:#ef4b4b}.gz3-access-tag{position:absolute;right:10px;top:10px;padding:5px 8px;border-radius:7px;color:#fff;font-size:9px;font-weight:800;box-shadow:0 5px 12px rgba(0,0,0,.08)}.gz3-access-tag.free{background:#0da775}.gz3-access-tag.paid{background:#2479dc}.gz3-access-tag.vip{background:#7149e5}
.gz3-game-body{padding:14px 15px 13px}.gz3-game-title-row{display:flex;align-items:center;gap:8px}.gz3-game-title{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#1e2b40;font-size:15px;font-weight:850}.gz3-game-title:hover{color:#167fdc}.gz3-owned{flex:none;padding:3px 6px;border-radius:5px;background:#eef9f5;color:#0c9468;font-size:8px;font-weight:800}.gz3-game-desc{height:36px;margin:6px 0 10px;overflow:hidden;color:#8a95a5;font-size:11px;line-height:18px}.gz3-game-meta{display:flex;gap:5px;flex-wrap:wrap}.gz3-game-meta span{max-width:115px;padding:4px 7px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-radius:6px;background:#f5f7fa;color:#6d798c;font-size:9px}.gz3-game-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:12px;padding-top:11px;border-top:1px solid #eef1f5}.gz3-game-footer>span{color:#9aa4b3;font-size:9px}.gz3-game-footer>a{color:#167fdc;font-size:10px;font-weight:800}
.gz3-empty{text-align:center;padding:72px 20px;border:1px dashed #dfe5ed;border-radius:14px;background:rgba(255,255,255,.65)}.gz3-empty>div{color:#9eabbd;font-size:38px}.gz3-empty h3{margin:8px 0 4px;color:#4a576c;font-size:16px}.gz3-empty p{margin:0;color:#99a3b1;font-size:11px}.gz3-empty a{display:inline-flex;margin-top:13px;padding:7px 12px;border-radius:7px;background:#edf6ff;color:#167fdc;font-size:10px;font-weight:800}.gz3-pages{display:flex;justify-content:center;gap:6px;margin-top:24px}.gz3-pages a{display:flex;min-width:31px;height:31px;align-items:center;justify-content:center;border:1px solid #e1e6ed;border-radius:8px;background:#fff;color:#69758a;font-size:10px}.gz3-pages a.current{border-color:#1687ef;background:#1687ef;color:#fff}

/* 详情页 */
.gz3-breadcrumb{display:flex;gap:8px;align-items:center;margin-bottom:13px;color:#9ba4b3;font-size:10px}.gz3-breadcrumb a{color:#7d899b}.gz3-breadcrumb a:hover{color:#1687ef}.gz3-breadcrumb i{font-style:normal;color:#c3cad4}.gz3-notice{margin-bottom:13px;padding:11px 13px;border-radius:9px;font-size:11px}.gz3-notice.warn{border:1px solid #f0ddb0;background:#fff9e9;color:#765815}.gz3-notice.info{border:1px solid #cee4fb;background:#f3f9ff;color:#37658d}
.gz3-product{display:grid;grid-template-columns:360px minmax(0,1fr) 305px;gap:28px;align-items:stretch;padding:28px;border:1px solid var(--gz3-line);border-radius:18px;background:#fff;box-shadow:var(--gz3-shadow)}.gz3-product-cover{overflow:hidden;min-height:220px;border-radius:14px;background:#eef2f7}.gz3-product-cover img{width:100%;height:100%;object-fit:cover}.gz3-product-main{align-self:center;min-width:0}.gz3-product-badges{display:flex;gap:6px;flex-wrap:wrap}.gz3-product-badges span{padding:5px 8px;border-radius:6px;background:#f2f5f9;color:#667389;font-size:9px;font-weight:750}.gz3-product-badges span.free{background:#eaf9f3;color:#0d996b}.gz3-product-badges span.paid{background:#edf5ff;color:#1677d7}.gz3-product-badges span.vip{background:#f1edff;color:#7148df}.gz3-product-main h1{margin:10px 0 7px;color:#162238;font-size:29px;line-height:1.22;font-weight:900}.gz3-product-sub{max-width:680px;margin:0;color:#7f8b9d;font-size:12px;line-height:1.75}.gz3-product-meta{display:flex;gap:7px;flex-wrap:wrap;margin-top:17px}.gz3-product-meta span{min-width:80px;padding:8px 10px;border:1px solid #edf0f4;border-radius:9px;background:#f8fafc}.gz3-product-meta small{display:block;color:#a0a9b6;font-size:8px}.gz3-product-meta b{display:block;margin-top:3px;color:#526075;font-size:10px}.gz3-tagline{display:flex;gap:6px;flex-wrap:wrap;margin-top:12px}.gz3-tagline em{color:#9ba5b4;font-size:9px;font-style:normal}
.gz3-purchase-card{padding:17px;border:1px solid #e5e9f0;border-radius:13px;background:#f9fbfd}.gz3-purchase-account{padding-bottom:12px;border-bottom:1px solid #e9edf2}.gz3-purchase-account>span{display:block;color:#a1aab7;font-size:8px}.gz3-purchase-account>b{display:block;margin-top:2px;color:#344157;font-size:12px}.gz3-purchase-account>em{display:block;margin-top:3px;color:#7f8b9b;font-size:9px;font-style:normal}.gz3-purchase-price{padding:13px 0}.gz3-purchase-price small{display:block;color:#9aa4b2;font-size:8px}.gz3-purchase-price strong{display:block;margin-top:3px;color:#1c2940;font-size:22px}.gz3-purchase-price p{margin:4px 0 0;color:#8994a5;font-size:9px}.gz3-purchase-actions{display:grid;gap:7px}.gz3-purchase-actions form{margin:0}.gz3-btn{display:flex;width:100%;height:38px;align-items:center;justify-content:center;gap:6px;border:0;border-radius:8px;font-size:10px;font-weight:800;cursor:pointer}.gz3-btn.primary{background:#1687ef;color:#fff;box-shadow:0 7px 15px rgba(22,135,239,.16)}.gz3-btn.vip{background:#7148e5;color:#fff}.gz3-btn.secondary{border:1px solid #dfe5ed;background:#fff;color:#5a677b}.gz3-btn.disabled{opacity:.65;cursor:not-allowed}.gz3-purchase-stats{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:12px}.gz3-purchase-stats span{padding:8px;text-align:center;border:1px solid #edf0f4;border-radius:8px;background:#fff}.gz3-purchase-stats b{display:block;color:#48556b;font-size:12px}.gz3-purchase-stats small{display:block;margin-top:2px;color:#a2abb8;font-size:8px}.gz3-extract{position:relative;margin-top:8px;padding:9px 10px;border:1px solid #f0dfb5;border-radius:8px;background:#fff8e9}.gz3-extract span{display:block;color:#a68a4b;font-size:8px}.gz3-extract b{display:block;margin-top:2px;color:#654a13;font-family:Consolas,monospace;font-size:13px}.gz3-extract button,.gz3-extract>i{position:absolute;right:10px;top:16px;border:0;background:transparent;color:#8d6c25;font-size:9px;cursor:pointer}.gz3-extract.locked{border-color:#e2e6ec;background:#f5f7fa}.gz3-extract.locked b{color:#7d899a;font-family:inherit;font-size:9px}.gz3-extract.locked>i{color:#a3acb9;font-size:15px}
.gz3-detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:18px;align-items:start;margin-top:18px}.gz3-content,.gz3-side-card{margin-bottom:18px;border:1px solid var(--gz3-line);border-radius:14px;background:#fff;box-shadow:0 6px 20px rgba(33,49,76,.04)}.gz3-content{padding:22px 24px}.gz3-content header{display:flex;align-items:center;gap:10px;margin-bottom:16px}.gz3-content header>span{display:flex;width:30px;height:30px;align-items:center;justify-content:center;border-radius:8px;background:#edf6ff;color:#1687ef;font-size:9px;font-weight:900}.gz3-content h2{margin:0;color:#202d43;font-size:18px}.gz3-rich{color:#4e5d73;font-size:13px;line-height:1.95}.gz3-rich img{max-width:100%;height:auto;border-radius:10px}.gz3-textbox{white-space:pre-line;padding:14px;border:1px solid #edf0f4;border-radius:9px;background:#f8fafc;color:#58667a;font-size:11px;line-height:1.8}.gz3-screenshots{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.gz3-screenshots a{display:block;overflow:hidden;aspect-ratio:16/9;border-radius:9px;background:#eef2f6}.gz3-screenshots img{width:100%;height:100%;object-fit:cover;transition:.2s}.gz3-screenshots a:hover img{transform:scale(1.02)}
.gz3-side-card{padding:17px}.gz3-side-card h3{margin:0 0 12px;color:#263349;font-size:14px}.gz3-side-card dl{margin:0}.gz3-side-card dl>div{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid #f0f2f5}.gz3-side-card dl>div:last-child{border-bottom:0}.gz3-side-card dt{color:#9ca6b4;font-size:9px}.gz3-side-card dd{margin:0;color:#4d5a6d;font-size:10px;font-weight:750;text-align:right}.gz3-member-side b{color:#5f43c8;font-size:11px}.gz3-member-side p{margin:6px 0;color:#8c97a7;font-size:9px;line-height:1.65}.gz3-member-side a{color:#6947d4;font-size:9px;font-weight:800}.gz3-related{display:flex;flex-direction:column;gap:7px}.gz3-related>a{display:flex;gap:8px;align-items:center;padding:7px;border:1px solid #edf0f4;border-radius:8px;color:#3b485d}.gz3-related>a:hover{border-color:#d3e5fb;background:#f8fbff}.gz3-related>a>div{width:64px;height:42px;flex:none;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:6px;background:#eff3f8;color:#8f9bad}.gz3-related img{width:100%;height:100%;object-fit:cover}.gz3-related p{min-width:0;margin:0}.gz3-related b{display:block;max-width:175px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px}.gz3-related small{display:block;margin-top:3px;color:#9aa4b2;font-size:8px}

/* payment choice from v2.x stays compatible */
.gz21-pay-choice{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:24px}.gz21-pay-choice button{height:72px;border:1px solid #e1e6ed;border-radius:11px;background:#fff;color:#39465b;cursor:pointer;font-weight:700}.gz21-pay-choice button:hover{border-color:#a9cffd;background:#f7fbff;color:#1677ff}.gz21-pay-choice img{width:26px;height:26px;object-fit:contain;margin-right:7px;vertical-align:middle}.gz21-pay-choice i{font-size:25px;margin-right:7px;vertical-align:middle;color:#20b15a}

@media(max-width:1240px){.gz3-account-panel{grid-template-columns:1.15fr 1fr}.gz3-library-block{grid-column:1/-1;min-height:110px;border-top:1px solid var(--gz3-line)}.gz3-product{grid-template-columns:300px minmax(0,1fr)}.gz3-purchase-card{grid-column:1/-1;display:grid;grid-template-columns:1.1fr 1fr 1.2fr;gap:16px;align-items:center}.gz3-purchase-account,.gz3-purchase-price{padding:0;border:0}.gz3-purchase-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.gz3-purchase-stats,.gz3-extract{margin-top:0}}
@media(max-width:900px){.gz3-wrap{width:calc(100% - 30px)}.gz3-account-panel{grid-template-columns:1fr}.gz3-profile-block,.gz3-member-block{border-right:0;border-bottom:1px solid var(--gz3-line)}.gz3-discovery-top{grid-template-columns:1fr}.gz3-filter-row{display:block}.gz3-sort-group{justify-content:flex-start;margin-top:9px}.gz3-product{grid-template-columns:1fr}.gz3-product-cover{max-width:520px;aspect-ratio:16/9;min-height:0}.gz3-purchase-card{grid-column:auto;display:block}.gz3-purchase-price{padding:13px 0}.gz3-purchase-stats,.gz3-extract{margin-top:10px}.gz3-detail-layout{grid-template-columns:1fr}}
@media(max-width:620px){.gz3-wrap{width:calc(100% - 22px);padding-top:18px}.gz3-profile-block,.gz3-member-block,.gz3-library-block{padding:20px}.gz3-profile-copy h1{font-size:21px}.gz3-discovery{padding:16px}.gz3-search button{padding:0 14px}.gz3-filter-group label{width:100%;margin-bottom:3px}.gz3-category-row{display:block}.gz3-category-row>label{display:block;margin-bottom:7px;padding-top:0}.gz3-game-grid{grid-template-columns:1fr}.gz3-product{padding:16px;gap:18px}.gz3-product-main h1{font-size:24px}.gz3-purchase-actions{grid-template-columns:1fr}.gz3-screenshots{grid-template-columns:1fr}}


/* GameZone v3.1 - v2.4 成长值合并 */
.gz31-growth{align-items:center}
.gz31-growth>div{display:flex;flex-direction:column;gap:3px}
.gz31-growth span{font-size:12px;color:#66738a}
.gz31-growth span b{color:#33415a;font-size:13px}
.gz31-growth small{font-size:10px;color:#9aa5b5}


/* =========================================================
   GameZone v3.2 — 左主内容 + 右侧用户中心
   桌面端：主内容自适应，用户中心固定为侧栏；不再横向占满整屏。
   ========================================================= */

.gz32-page-layout{
  display:grid;
  grid-template-columns:minmax(0,1fr) 320px;
  gap:20px;
  align-items:start;
}

.gz32-main{min-width:0}

/* 左侧标题：轻量，不再做满屏用户卡 */
.gz32-library-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  min-height:116px;
  padding:24px 26px;
  border:1px solid var(--gz3-line);
  border-radius:17px;
  background:
    radial-gradient(circle at 96% 0%,rgba(22,135,239,.07),transparent 35%),
    linear-gradient(135deg,#fff,#fbfdff);
  box-shadow:0 9px 28px rgba(31,48,77,.055);
}
.gz32-eyebrow{
  display:block;
  margin-bottom:5px;
  color:#8fa0b5;
  font-size:9px;
  font-weight:850;
  letter-spacing:.14em;
}
.gz32-library-copy h1{
  margin:0;
  color:#172238;
  font-size:26px;
  line-height:1.2;
  font-weight:900;
}
.gz32-library-copy p{
  margin:7px 0 0;
  color:#8793a5;
  font-size:11px;
  line-height:1.65;
}
.gz32-library-total{
  min-width:102px;
  padding:13px 15px;
  border:1px solid #e7edf4;
  border-radius:12px;
  background:#fff;
  text-align:center;
}
.gz32-library-total b{
  display:block;
  color:#1687ef;
  font-size:25px;
  line-height:1.05;
}
.gz32-library-total span{
  display:block;
  margin-top:5px;
  color:#9aa4b2;
  font-size:9px;
}

/* 搜索工具区位于左侧第二块 */
.gz32-discovery{margin-top:16px}
.gz32-search-row{display:block}
.gz32-search{
  width:100%;
  height:52px;
  border-radius:13px;
  background:#f8fafc;
}
.gz32-search input{font-size:13px}
.gz32-search button{
  min-width:78px;
  height:40px;
  margin-right:5px;
  border-radius:9px;
}
.gz32-filter-row{margin-top:14px}
.gz32-category-row{margin-top:11px}

/* 左侧游戏列表 */
.gz32-library-section{margin-top:22px}
.gz32-game-grid{
  grid-template-columns:repeat(auto-fill,minmax(260px,1fr));
  gap:14px;
}

/* 右侧用户中心 */
.gz32-user-sidebar{
  min-width:0;
  position:relative;
}
.gz32-user-card{
  position:sticky;
  top:18px;
  overflow:hidden;
  padding:20px;
  border:1px solid var(--gz3-line);
  border-radius:17px;
  background:#fff;
  box-shadow:0 10px 30px rgba(31,48,77,.065);
}
.gz32-user-top{
  display:flex;
  gap:12px;
  align-items:center;
  padding-bottom:16px;
  border-bottom:1px solid #edf1f5;
}
.gz32-avatar{
  width:48px;
  height:48px;
  flex:none;
  display:flex;
  align-items:center;
  justify-content:center;
  border:1px solid #d7e9ff;
  border-radius:14px;
  background:linear-gradient(145deg,#eaf5ff,#e9edff);
  color:#197ed9;
  font-size:20px;
  font-weight:900;
}
.gz32-user-name{min-width:0}
.gz32-user-name>span{
  display:block;
  color:#9aa5b4;
  font-size:9px;
}
.gz32-user-name h2{
  margin:3px 0 0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#1b273c;
  font-size:17px;
  font-weight:850;
}
.gz32-user-name p{
  margin:5px 0 0;
  color:#98a2b1;
  font-size:9px;
  line-height:1.5;
}

.gz32-vip-status{
  margin-top:16px;
  padding:15px;
  border:1px solid #ebeef4;
  border-radius:13px;
  background:linear-gradient(145deg,#fbfcff,#faf8ff);
}
.gz32-vip-status.active{
  border-color:#e4defb;
  background:
    radial-gradient(circle at 100% 0%,rgba(112,71,232,.08),transparent 38%),
    linear-gradient(145deg,#fbfcff,#faf8ff);
}
.gz32-vip-title{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
}
.gz32-vip-title span{
  color:#9ea7b4;
  font-size:9px;
}
.gz32-vip-title b{
  color:#7047e8;
  font-size:15px;
}
.gz32-vip-status.inactive .gz32-vip-title b{color:#657186}
.gz32-vip-plan{
  display:block;
  margin-top:5px;
  color:#4b5870;
  font-size:11px;
  font-weight:750;
}
.gz32-vip-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:7px;
  margin-top:13px;
}
.gz32-vip-grid>div{
  min-width:0;
  padding:9px;
  border:1px solid #eceff4;
  border-radius:9px;
  background:rgba(255,255,255,.8);
}
.gz32-vip-grid small{
  display:block;
  color:#9ea8b5;
  font-size:8px;
}
.gz32-vip-grid strong{
  display:block;
  margin-top:3px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#47546a;
  font-size:10px;
}
.gz32-growth-line{
  margin-top:8px;
  color:#8d98a8;
  font-size:9px;
}
.gz32-vip-tip{
  margin:10px 0 0;
  color:#8c97a8;
  font-size:9px;
  line-height:1.65;
}

.gz32-primary-link,
.gz32-secondary-link{
  display:flex;
  align-items:center;
  justify-content:center;
  width:100%;
  min-height:36px;
  margin-top:11px;
  border-radius:8px;
  font-size:10px;
  font-weight:800;
}
.gz32-primary-link{
  background:#7047e8;
  color:#fff;
  box-shadow:0 7px 15px rgba(112,71,232,.15);
}
.gz32-primary-link:hover{color:#fff;background:#633bd5}
.gz32-secondary-link{
  border:1px solid #dfe5ed;
  background:#fff;
  color:#637085;
}
.gz32-secondary-link:hover{
  border-color:#bdd9fb;
  background:#f8fbff;
  color:#1687ef;
}

.gz32-my-games{
  margin-top:14px;
  padding:14px 15px;
  border:1px solid #e8edf3;
  border-radius:12px;
  background:#f8fbff;
}
.gz32-my-games>div{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:10px;
}
.gz32-my-games span{
  color:#8e9aaa;
  font-size:9px;
}
.gz32-my-games b{
  color:#172238;
  font-size:28px;
  line-height:1;
}
.gz32-my-games p{
  margin:7px 0 0;
  color:#99a4b2;
  font-size:9px;
  line-height:1.55;
}

.gz32-side-stats{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:7px;
  margin-top:10px;
}
.gz32-side-stats span{
  padding:10px 8px;
  text-align:center;
  border:1px solid #edf0f4;
  border-radius:9px;
  background:#fff;
}
.gz32-side-stats b{
  display:block;
  color:#4b5870;
  font-size:13px;
}
.gz32-side-stats small{
  display:block;
  margin-top:3px;
  color:#a0a9b6;
  font-size:8px;
}

.gz32-guest-box{padding-top:16px}
.gz32-guest-box h3{
  margin:0;
  color:#28354a;
  font-size:14px;
}
.gz32-guest-box p{
  margin:7px 0 0;
  color:#919cab;
  font-size:9px;
  line-height:1.65;
}

/* 屏幕宽度变化：侧栏不是死固定，窄屏自动下移 */
@media(max-width:1180px){
  .gz32-page-layout{
    grid-template-columns:minmax(0,1fr) 290px;
    gap:16px;
  }
  .gz32-game-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}
}

@media(max-width:920px){
  .gz32-page-layout{grid-template-columns:1fr}
  .gz32-user-sidebar{grid-row:1}
  .gz32-user-card{
    position:static;
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(260px,.9fr);
    gap:14px;
  }
  .gz32-user-top{
    padding:0 14px 0 0;
    border-bottom:0;
    border-right:1px solid #edf1f5;
  }
  .gz32-vip-status{margin-top:0}
  .gz32-my-games,.gz32-side-stats,.gz32-secondary-link{grid-column:1/-1}
}

@media(max-width:620px){
  .gz32-library-head{
    align-items:flex-start;
    padding:20px;
  }
  .gz32-library-copy h1{font-size:22px}
  .gz32-library-total{min-width:82px;padding:10px}
  .gz32-user-card{display:block}
  .gz32-user-top{
    padding:0 0 14px;
    border-right:0;
    border-bottom:1px solid #edf1f5;
  }
  .gz32-vip-status{margin-top:14px}
  .gz32-game-grid{grid-template-columns:1fr}
}


/* =========================================================
   GameZone v3.3 — 删除左侧无效顶部标题卡
   搜索 / 筛选直接成为主内容区第一块。
   ========================================================= */
.gz32-discovery{
  margin-top:0;
}
.gz32-main{
  padding-top:0;
}
