/* hgx-v4.2 试点（2026-11-13，只对正文含 class="hgx42" 的文章生效，叠加在 hgx-v3.css + hgx-v4.css 之上）
   首屏：深色会员通行证卡（替换白色原生付费框）+ 3 行保障 + 徽章；封面 16:9 + 右栏 330（右栏去外框，上下与标题区/封面对齐）；封面下 6 格规格条（电脑横跨两栏）；手机精简首屏。纯 CSS，无图片/字体/JS。 */
.hgx42 .h4-hero__grid{display:grid;grid-template-columns:minmax(0,1fr) 330px;grid-template-areas:"m b" "s s";grid-template-rows:auto auto;column-gap:22px;row-gap:14px;align-items:start}
.hgx42 .h4-hero__main{grid-area:m;min-width:0}
.hgx42 .h4-buy{grid-area:b;align-self:stretch;display:flex;flex-direction:column;gap:12px;justify-content:flex-start;min-width:0;padding:0;border:0;border-radius:0;background:none;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}
.hgx42 .g42-specs{grid-area:s;align-self:start}
.hgx4 .hgx42 .h4-cover{flex:none;aspect-ratio:16/9;height:auto}
/* 通行证卡 */
.hgx42 .g42-pass{position:relative;border-radius:16px;padding:16px;background:linear-gradient(160deg,#2a1d45,#170f27);border:1px solid rgba(255,79,143,.35);box-shadow:0 0 30px -12px rgba(255,79,143,.6);color:#fff;overflow:hidden}
.hgx42 .g42-pass:before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,#ff4f8f,#c34dff,#39ff9e)}
.hgx42 .g42-pass .k{font:700 10.5px/1 ui-monospace,Menlo,Consolas,monospace;letter-spacing:.2em;color:#39ff9e}
.hgx42 .g42-pass .t{display:flex;justify-content:space-between;align-items:center;gap:8px;margin:7px 0 3px;color:#fff;font-weight:800;font-size:17px;line-height:1.3}
.hgx42 .g42-pass .t .ok{font-size:11.5px;font-weight:700;color:#39ff9e;white-space:nowrap}
.hgx42 .g42-pass .t .ok:before{content:"● "}
.hgx42 .g42-pass .s{font-size:12px;line-height:1.5;color:#a59cc0;padding-bottom:12px;border-bottom:1px dashed rgba(255,255,255,.14)}
.hgx42 .g42-pass .p{display:flex;align-items:baseline;gap:6px;margin:12px 0 10px}
.hgx42 .g42-pass .p b{font:800 34px/1 Arial,"PingFang SC","Microsoft YaHei",sans-serif;color:#ff6fa6;background:linear-gradient(115deg,#ff4f8f,#c34dff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.hgx42 .g42-pass .p span{color:#c4bcd9;font-size:13px}
.hgx42 .g42-pass .p em{margin-left:auto;font-style:normal;font-size:11px;color:#ffd27a;border:1px solid rgba(255,178,31,.4);padding:3px 7px;border-radius:6px;white-space:nowrap}
.hgx42 .g42-pass .v{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0 0 12px}
.hgx42 .g42-pass .v span{display:flex;justify-content:space-between;padding:8px 10px;border-radius:10px;background:rgba(255,178,31,.1);color:#ffd27a;font-size:12.5px;font-weight:700}
.hgx42 .g42-pass .v span.svip{background:rgba(139,92,255,.16);color:#c9b4ff}
.hgx42 .g42-pass a.c{display:flex;align-items:center;justify-content:center;gap:10px;height:48px;border-radius:999px;background:linear-gradient(115deg,#ff4f8f,#c34dff 55%,#7a4cff);color:#fff!important;font-weight:800;font-size:16px;text-decoration:none;box-shadow:0 10px 26px rgba(255,63,134,.4)}
.hgx42 .g42-pass a.c:before{content:"";width:0;height:0;border-left:9px solid #fff;border-top:6px solid transparent;border-bottom:6px solid transparent}
.hgx42 .g42-pass a.c small{font:700 9.5px/1 ui-monospace,Menlo,Consolas,monospace;letter-spacing:.16em;opacity:.8}
.hgx42 .g42-pass a.c:hover{filter:brightness(1.08)}
@media (prefers-reduced-motion:no-preference){.hgx42 .g42-pass a.c{animation:g42p 2.8s ease-in-out infinite}@keyframes g42p{50%{box-shadow:0 10px 34px rgba(255,63,134,.62)}}}
.hgx42 .g42-pass .pay-note{margin:9px 0 0!important;text-align:center;font-size:11.5px!important;color:#8f86a8!important;background:none!important;padding:0!important;border:0!important}
/* 保障 3 行 */
.hgx42 .g42-trust{display:grid;gap:6px;flex:1 1 auto;grid-auto-rows:1fr;align-content:stretch}
.hgx42 .g42-trust div{display:flex;align-items:center;gap:8px;padding:9px 12px;border-radius:10px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);font-size:12.5px;color:#d8d0ef}
.hgx42 .g42-trust div:before{content:"";width:6px;height:6px;border-radius:1px;background:#39ff9e;box-shadow:0 0 6px #39ff9e;flex:none}
.hgx42 .g42-trust b{margin-left:auto;font:700 11px/1 ui-monospace,Menlo,Consolas,monospace;color:#39ff9e;letter-spacing:.06em}
.hgx42 .h4-buy .h4-badges{margin:0}
/* 6 格规格条 */
.hgx42 .g42-specs{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin:0}
.hgx42 .g42-specs>div{padding:10px 12px;border-radius:12px;background:#171124;border:1px solid rgba(255,255,255,.08);min-width:0}
.hgx42 .g42-specs i,.hgx42 .g42-specs .ga-f2__label{display:block;font:700 10.5px/1.2 ui-monospace,Menlo,Consolas,monospace;letter-spacing:.12em;color:#8f86a8;font-style:normal}
.hgx42 .g42-specs b,.hgx42 .g42-specs .ga-f2__value{display:block;margin:6px 0 2px;color:#fff;font-size:14px;font-weight:800;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hgx42 .g42-specs b.mono,.hgx42 .g42-specs .cap .ga-f2__value{font-family:ui-monospace,Menlo,Consolas,monospace}
.hgx42 .g42-specs .cap .ga-f2__value{color:#39ff9e}
.hgx42 .g42-specs small{display:block;font-size:11px;color:#8f86a8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hgx42 .g42-specs .cap .g-meter{margin:7px 0 0}
/* 下载区原生付费框（访客）：页面唯一付费框 */
.hgx42 .hgx42-dlbox{margin:14px 0 0}
.hgx42 .hgx42-dlbox+.pay-note{margin:8px 0 0;font-size:12px;color:#8f86a8;text-align:center}
/* 平板/手机 */
@media (max-width:960px){
 .hgx42 .h4-hero__grid{grid-template-columns:minmax(0,1fr);grid-template-areas:"m" "b" "s";grid-template-rows:auto;row-gap:12px}
 .hgx42 .h4-buy{justify-content:flex-start}
 .hgx42 .g42-specs{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:640px){
 .hgx42 .crumbs,.hgx42 .h4-meta{display:none}
 .hgx42 .h4-hero{padding-top:12px}
 .hgx42 .hero-title{font-size:18px!important;line-height:1.4!important;margin:6px 0 10px!important}
 .hgx42 .h4-pills{margin-bottom:4px}
 .hgx42 .g42-pass{padding:12px 14px}
 .hgx42 .g42-pass .k,.hgx42 .g42-pass .s{display:none}
 .hgx42 .g42-pass .t{margin:0 0 6px;font-size:15px}
 .hgx42 .g42-pass .p{margin:0 0 8px}
 .hgx42 .g42-pass .p b{font-size:28px}
 .hgx42 .g42-pass .v{margin:0 0 10px}
 .hgx42 .g42-pass .v span{padding:6px 10px}
 .hgx42 .g42-trust{display:none}
 .hgx42 .g42-specs{gap:6px}
 .hgx42 .g42-specs>div{padding:8px 10px}
 .hgx42 .g42-specs small{display:none}
}
.hgx42 .g42-trust span{min-width:0;line-height:1.35}
.hgx42 .g42-trust small{display:block;margin-top:2px;font-size:11px;color:#8f86a8}
/* 手机：右侧悬浮按钮（.float-right，约 40px 宽）不压通行证卡/徽章——右栏让出 44px（本文件只在 hgx42 页加载） */
@media (max-width:640px){.hgx42 .h4-buy{padding-right:44px}}