/* GPT 专区：「全部商品」顶部置顶 + 零售/代理切换 + 其他项目分割线（2026-09-24）
   DOM 由 store.js ensureGptZone / renderGptZoneHead 生成；
   非代理看「代理」档 = #gptZone.is-agent（代理价上锁 + 解锁横幅）；已开通代理 = #gptZone.is-member。
   一律 #gptZone 前缀：site.css 的 body.store-page button / html.theme-dark button 规则特异度很高。 */

#gptZone { display: block; margin: 0; }
#gptZone[hidden] { display: none; }

/* ── 区头：左标题，右零售/代理切换 ── */
#gptZone .gz-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  margin: 0 2px 16px;
}
/* 大标题已并入上方 #suzhe-net 代理上线横幅，这里一行：眉题 + 套餐名 */
#gptZone .gz-title-wrap { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 12px; min-width: 0; }
#gptZone .gz-plans {
  font-size: 13.5px;
  font-weight: 600;
  letter-spacing: .02em;
  color: rgba(255, 255, 255, .78);
}
#gptZone .gz-eyebrow {
  font-size: 11px;
  font-weight: 600;
  line-height: 1;
  letter-spacing: .22em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, .5);
}
#gptZone .gz-title {
  margin: 0;
  padding: 0;
  font-family: Fraunces, "Songti SC", Georgia, serif;
  font-style: italic;
  font-weight: 400;
  font-size: clamp(28px, 2.6vw, 34px);
  line-height: 1.05;
  letter-spacing: -.01em;
  color: #d3a377;
}

#gptZone .gz-seg {
  display: inline-flex;
  flex: 0 0 auto;
  gap: 2px;
  padding: 3px;
  border: 1px solid rgba(255, 255, 255, .12);
  border-radius: 999px;
  background: rgba(255, 255, 255, .035);
}
#gptZone .gz-seg .gz-seg-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  width: auto;
  min-width: 0;
  height: 36px;
  min-height: 0;
  margin: 0;
  padding: 0 18px;
  border: 0;
  border-radius: 999px;
  background: transparent;
  box-shadow: none;
  color: rgba(255, 255, 255, .62);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, "PingFang SC", "Microsoft YaHei", sans-serif;
  font-size: 13.5px;
  font-weight: 600;
  line-height: 1;
  letter-spacing: .02em;
  white-space: nowrap;
  cursor: pointer;
  transition: background-color .2s ease, color .2s ease;
}
#gptZone .gz-seg .gz-seg-btn:hover { color: #fff; }
#gptZone .gz-seg .gz-seg-btn.is-active { background: #fff; color: #111; }
#gptZone .gz-seg .gz-seg-btn:focus-visible { outline: 2px solid #d3a377; outline-offset: 2px; }
#gptZone .gz-seg-tag {
  padding: 3px 7px;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 600;
  line-height: 1;
  letter-spacing: .04em;
  color: #d3a377;
  background: rgba(211, 163, 119, .13);
}
#gptZone .gz-seg .gz-seg-btn.is-active .gz-seg-tag { color: #7a4f24; background: rgba(211, 163, 119, .28); }

/* 旧版 store.js（?v=20260924-gz1）的一句话说明：CF 旧缓存过渡期兜底隐藏，之后可删 */
#gptZone .gz-agent-note { display: none; }

/* ── 代理档（非代理）：解锁横幅 ¥29.99 永久 ── */
#gptZone .gz-unlock-slot { display: none; }
#gptZone.is-agent .gz-unlock-slot { display: block; margin: 0 0 16px; }
#gptZone .gz-unlock {
  position: relative;
  overflow: hidden;
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 20px;
  padding: 20px 22px;
  border: 1px solid rgba(211, 163, 119, .34);
  border-radius: 14px;
  background:
    radial-gradient(120% 160% at 0% 0%, rgba(211, 163, 119, .16), transparent 55%),
    linear-gradient(110deg, rgba(255, 255, 255, .03), rgba(255, 255, 255, .012));
}
#gptZone .gz-unlock::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(105deg, transparent 35%, rgba(255, 226, 190, .09) 50%, transparent 65%);
  transform: translateX(-100%);
  animation: gz-sheen 5.2s ease-in-out 1s infinite;
}
@keyframes gz-sheen {
  0% { transform: translateX(-100%); }
  45%, 100% { transform: translateX(100%); }
}
#gptZone .gz-unlock-lock {
  display: grid;
  place-items: center;
  width: 56px;
  height: 56px;
  border: 1px solid rgba(211, 163, 119, .3);
  border-radius: 16px;
  background: rgba(211, 163, 119, .12);
  color: #d3a377;
}
#gptZone .gz-unlock-lock svg { width: 30px; height: 30px; overflow: visible; }
#gptZone .gz-unlock-lock .gz-shackle {
  transform-box: fill-box;
  transform-origin: 100% 100%;
  animation: gz-shackle 3.6s ease-in-out 1.4s infinite;
}
#gptZone .gz-unlock:hover .gz-shackle { animation: none; transform: translateY(-3px) rotate(-16deg); transition: transform .3s ease; }
@keyframes gz-shackle {
  0%, 72%, 100% { transform: none; }
  80% { transform: translateY(-2.5px) rotate(-10deg); }
  88% { transform: none; }
}
#gptZone .gz-unlock-body { min-width: 0; }
#gptZone .gz-unlock .gz-unlock-title {
  margin: 0;
  font-size: 17px;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: .01em;
  color: #f5f5f5;
}
#gptZone .gz-unlock .gz-unlock-sub {
  margin: 4px 0 0;
  font-size: 13px;
  line-height: 1.6;
  color: rgba(255, 255, 255, .62);
}
#gptZone .gz-unlock-perks {
  display: flex;
  flex-wrap: wrap;
  gap: 6px 14px;
  margin: 10px 0 0;
  padding: 0;
  list-style: none;
}
#gptZone .gz-unlock-perks li {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  font-size: 12.5px;
  line-height: 1.3;
  color: rgba(255, 255, 255, .8);
}
#gptZone .gz-unlock-perks .gz-check-ico { width: 14px; height: 14px; color: #d3a377; flex: 0 0 auto; }
#gptZone .gz-unlock-cta { display: flex; flex-direction: column; align-items: flex-end; gap: 10px; }
#gptZone .gz-unlock-price {
  font-family: "Source Serif 4", "Tiempos Text", Georgia, serif;
  font-size: 30px;
  line-height: 1;
  color: #fff;
  white-space: nowrap;
}
#gptZone .gz-unlock-yen { margin-right: 2px; font-size: 16px; vertical-align: top; color: rgba(255, 255, 255, .55); }
#gptZone .gz-unlock-term {
  margin-left: 8px;
  padding: 3px 8px;
  border-radius: 999px;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, "PingFang SC", "Microsoft YaHei", sans-serif;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: .08em;
  vertical-align: middle;
  color: #d3a377;
  background: rgba(211, 163, 119, .14);
}
#gptZone .gz-unlock .gz-unlock-btn {
  width: auto;
  min-width: 0;
  height: 42px;
  min-height: 0;
  margin: 0;
  padding: 0 24px;
  border: 0;
  border-radius: 999px;
  background: linear-gradient(135deg, #f3d8b0 0%, #d3a377 55%, #b8844f 100%);
  box-shadow: 0 6px 22px rgba(211, 163, 119, .26);
  color: #1a120a;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, "PingFang SC", "Microsoft YaHei", sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: .04em;
  white-space: nowrap;
  cursor: pointer;
  transition: transform .2s ease, box-shadow .2s ease;
}
#gptZone .gz-unlock .gz-unlock-btn:hover { transform: translateY(-1px); box-shadow: 0 10px 28px rgba(211, 163, 119, .38); }

/* ── 已开通代理：区头右侧身份徽章 ── */
#gptZone .gz-member {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: 10px 14px;
}
#gptZone .gz-member-badge {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  height: 36px;
  padding: 0 14px;
  border: 1px solid rgba(211, 163, 119, .42);
  border-radius: 999px;
  background: rgba(211, 163, 119, .12);
  color: #e8c79f;
  font-size: 13px;
  font-weight: 600;
  white-space: nowrap;
}
#gptZone .gz-member-badge .gz-check-ico { width: 15px; height: 15px; }
#gptZone .gz-member .gz-member-link {
  color: rgba(255, 255, 255, .72);
  font-size: 13px;
  font-weight: 600;
  text-decoration: none;
  white-space: nowrap;
}
#gptZone .gz-member .gz-member-link:hover { color: #fff; }

/* ── 卡片右栏：零售档原样；代理档换成代理价块 ── */
#gptZone .ed-card .ed-agent-block { display: none; }
/* site.css 有 body.store-page .ed-card .product-action-row{display:flex !important}，只能 !important 压 */
#gptZone.is-agent .ed-card .ed-right > :not(.ed-agent-block) { display: none !important; }
#gptZone.is-agent .ed-card .ed-agent-block {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 4px;
}
#gptZone .ed-agent-block .ed-agent-label {
  font-size: 11px;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: .16em;
  color: #d3a377;
}
/* site.css: html.theme-dark .ed-price-num{color:#fff !important} */
#gptZone .ed-agent-block .ed-agent-price .ed-price-num { color: #d3a377 !important; }
#gptZone .ed-agent-block .ed-agent-ask {
  font-family: "Source Serif 4", "Tiempos Text", Georgia, "Noto Serif SC", serif;
  font-size: 24px;
  line-height: 1.25;
  color: #d3a377;
}
#gptZone .ed-agent-block .ed-agent-retail {
  font-size: 12px;
  line-height: 1.4;
  color: rgba(255, 255, 255, .5);
}
#gptZone .ed-agent-block .ed-agent-retail s { color: inherit; }
#gptZone .ed-agent-block .product-action-row { margin-top: 10px; }

/* 上锁：价格看得见，金色流光 + 锁图标；按钮开通代理 */
#gptZone .ed-agent-block .gz-lock-ico { width: 13px; height: 13px; flex: 0 0 auto; }
#gptZone .ed-agent-block.is-locked .ed-agent-price .ed-price-num {
  background: linear-gradient(100deg, #d3a377 0%, #d3a377 38%, #fff0da 50%, #d3a377 62%, #d3a377 100%);
  background-size: 260% 100%;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: gz-price-sheen 3.8s ease-in-out infinite;
}
@keyframes gz-price-sheen {
  0% { background-position: 100% 0; }
  60%, 100% { background-position: 0 0; }
}
/* .product-buy-btn.is-available 在 site.css 里是白底黑字 !important，这里同样 !important 换成金色 */
#gptZone .ed-agent-block.is-locked .product-buy-btn.ed-agent-apply {
  gap: 6px;
  border-color: #d3a377 !important;
  background: linear-gradient(135deg, #f3d8b0 0%, #d3a377 55%, #b8844f 100%) !important;
  color: #1a120a !important;
}
#gptZone .ed-agent-block.is-locked .ed-agent-apply .gz-lock-ico { width: 14px; height: 14px; }

/* 已开通代理：代理价 + 划线零售价（专区与 ChatGPT 页签共用，所以不加 #gptZone 前缀） */
body.store-page .ed-card .ed-agent-now {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 4px;
}
body.store-page .ed-card .ed-agent-now .ed-price-num { color: #d3a377 !important; }

/* 代理价两行（已开通 .ed-agent-now 与上锁 .ed-agent-block 共用，2026-10-01 精简）：
   ① 划线零售价 + 代理价  ② 小字「代理价 · 免手续费」（上锁带锁图标） */
body.store-page .ed-card .ed-agent-line { display: flex; align-items: baseline; justify-content: flex-end; gap: 10px; }
body.store-page .ed-card .ed-agent-was {
  font-family: var(--font-serif);
  font-size: 15px;
  line-height: 1;
  color: rgba(255, 255, 255, .4);
  text-decoration: line-through;
  text-decoration-thickness: 1px;
  white-space: nowrap;
}
body.store-page .ed-card .ed-agent-sub {
  display: inline-flex;
  align-items: center;
  font-size: 11.5px;
  font-weight: 600;
  line-height: 1.3;
  letter-spacing: .08em;
  color: #d3a377;
  white-space: nowrap;
}
body.store-page .ed-card .ed-agent-dot { margin: 0 6px; opacity: .55; }
body.store-page .ed-card .ed-agent-sub .gz-lock-ico { width: 12px; height: 12px; margin-right: 4px; }

/* ── 分割线：下面是其他项目（#allProductsSection 自带 34px 行距，下边距只补 6px）── */
#gptZone .gz-divider {
  display: flex;
  align-items: center;
  gap: 14px;
  margin: 40px 2px 6px;
}
#gptZone .gz-divider::after {
  content: "";
  flex: 1 1 auto;
  height: 1px;
  background: rgba(255, 255, 255, .14);
}
#gptZone .gz-divider-label {
  flex: 0 0 auto;
  font-size: 13px;
  font-weight: 600;
  line-height: 1;
  letter-spacing: .2em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, .7);
}

@media (max-width: 680px) {
  #gptZone .gz-head { flex-direction: column; align-items: stretch; gap: 14px; margin-bottom: 14px; }
  #gptZone .gz-seg { display: flex; }
  #gptZone .gz-seg .gz-seg-btn { flex: 1 1 0; height: 40px; padding: 0 10px; }
  #gptZone.is-agent .ed-card .ed-agent-block { align-items: stretch; }
  #gptZone .ed-agent-block .product-action-row { margin-top: 8px; }
  #gptZone .gz-divider { margin: 32px 2px 0; }
  #gptZone .gz-member { justify-content: space-between; }
  #gptZone .gz-unlock { grid-template-columns: auto 1fr; gap: 14px 16px; padding: 16px; }
  #gptZone .gz-unlock-lock { width: 48px; height: 48px; border-radius: 14px; }
  #gptZone .gz-unlock-lock svg { width: 26px; height: 26px; }
  #gptZone .gz-unlock-cta { grid-column: 1 / -1; flex-direction: row; align-items: center; justify-content: space-between; }
  #gptZone .gz-unlock-price { font-size: 26px; }
  #gptZone .gz-unlock .gz-unlock-btn { flex: 0 1 auto; height: 44px; }
  body.store-page .ed-card .ed-agent-now { align-items: flex-start; }
  body.store-page .ed-card .ed-agent-line { justify-content: flex-start; }
  body.store-page .ed-card .ed-agent-line .ed-agent-price { order: -1; }
}

@media (prefers-reduced-motion: reduce) {
  #gptZone .gz-unlock::after,
  #gptZone .gz-unlock-lock .gz-shackle,
  #gptZone .ed-agent-block.is-locked .ed-agent-price .ed-price-num { animation: none; }
}

/* ══ Hero 代理入口（2026-09-24 替换每日抽奖）：玻璃胶囊 + 流光描边 + 金色指引卡片，指向 /agent ══
   按钮是 <a>，all:unset 起手避开 site.css 的全局 a / button 规则；已开通代理 = .is-member（无价签） */
html body.store-page .hero-partner-btn,
html.theme-dark body.store-page .hero-partner-btn{
  all:unset; box-sizing:border-box; position:relative; display:inline-flex; align-items:center; gap:10px;
  height:52px; padding:0 20px 0 14px; border-radius:999px; cursor:pointer; isolation:isolate; overflow:visible;
  color:#fff !important; font-family:"PingFang SC","Noto Sans SC","Microsoft YaHei",Inter,"Helvetica Neue",Arial,sans-serif;
  font-size:15px; font-weight:600; letter-spacing:.01em; white-space:nowrap;
  background:rgba(255,255,255,.07); border:1px solid rgba(255,255,255,.22);
  backdrop-filter:blur(12px) saturate(1.6); -webkit-backdrop-filter:blur(12px) saturate(1.6);
  box-shadow:0 18px 40px -22px rgba(247,210,122,.55);
  transition:transform .28s cubic-bezier(.16,1,.3,1), box-shadow .28s ease, border-color .28s ease, background .28s ease;
  -webkit-tap-highlight-color:transparent;
}
html body.store-page .hero-partner-btn:hover,
html body.store-page .hero-partner-btn:focus-visible{
  transform:translateY(-2px); border-color:rgba(255,233,168,.55); background:rgba(255,255,255,.11);
  box-shadow:0 0 0 1px rgba(255,233,168,.18), 0 22px 44px -18px rgba(247,210,122,.75); outline:none;
}
html body.store-page .hero-partner-btn:active{ transform:translateY(0) scale(.985); }
html body.store-page .hero-partner-btn::before{
  content:""; position:absolute; inset:-1px; border-radius:inherit; padding:1px; z-index:-1; pointer-events:none;
  background:conic-gradient(from var(--hp-angle,0deg), transparent 0 62%, rgba(255,233,168,.95) 74%, rgba(103,232,249,.7) 82%, transparent 92%);
  -webkit-mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite:xor; mask-composite:exclude;
  animation:hpSpin 4.2s linear infinite; opacity:.9;
}
@property --hp-angle{ syntax:"<angle>"; inherits:false; initial-value:0deg; }
@keyframes hpSpin{ to{ --hp-angle:360deg; } }
html body.store-page .hero-partner-ico{
  display:inline-flex; align-items:center; justify-content:center; width:32px; height:32px; border-radius:50%;
  background:radial-gradient(circle at 35% 30%, rgba(255,255,255,.22), rgba(255,255,255,.04) 70%);
  animation:hpBob 3.2s ease-in-out infinite;
}
html body.store-page .hero-partner-ico svg{ width:20px; height:20px; display:block; }
@keyframes hpBob{ 0%,100%{ transform:translateY(0); } 50%{ transform:translateY(-3px); } }
html body.store-page .hero-partner-text{ position:relative; top:.5px; }
html body.store-page .hero-partner-tag{
  display:inline-flex; align-items:center; height:20px; padding:0 8px; border-radius:999px; margin-left:-2px;
  font-family:"Source Serif 4",Georgia,serif; font-size:12.5px; font-weight:700; letter-spacing:.01em; color:#1a1400;
  background:linear-gradient(135deg,#ffe9a8,#d9a441);
}
/* 指引：从价签引出一条细线，末端一张玻璃小卡片 */
html body.store-page .hero-partner-callout{ position:absolute; left:calc(100% - 30px); bottom:calc(100% - 14px); width:150px; height:70px; pointer-events:none; z-index:3; }
html body.store-page .hero-partner-callout-line{ position:absolute; left:0; bottom:0; width:140px; height:64px; overflow:visible; }
html body.store-page .hero-partner-callout-path{ stroke-dasharray:220; stroke-dashoffset:220; animation:hpDraw 1.1s cubic-bezier(.4,0,.2,1) 1.3s forwards; filter:drop-shadow(0 0 4px rgba(103,232,249,.45)); }
@keyframes hpDraw{ to{ stroke-dashoffset:0; } }
html body.store-page .hero-partner-callout-dot{ fill:#ffe9a8; opacity:0; animation:hpIn .4s ease 1.2s forwards; filter:drop-shadow(0 0 6px rgba(255,233,168,.9)); }
html body.store-page .hero-partner-callout-ring{ fill:none; stroke:#ffe9a8; stroke-width:1; opacity:0; transform-origin:6px 58px; animation:hpRing 2.2s ease-out 1.6s infinite; }
@keyframes hpIn{ to{ opacity:1; } }
@keyframes hpRing{ 0%{ opacity:.9; transform:scale(1); } 100%{ opacity:0; transform:scale(3.4); } }
html body.store-page .hero-partner-callout-text{
  position:absolute; left:138px; top:-14px; display:inline-flex; align-items:center; gap:8px; white-space:nowrap;
  padding:8px 14px 8px 11px; border-radius:12px;
  font-family:"PingFang SC","Noto Sans SC","Source Han Sans SC","Microsoft YaHei",sans-serif; font-size:13px; font-weight:500; letter-spacing:.04em; color:#fff;
  background:rgba(10,12,20,.66); backdrop-filter:blur(12px) saturate(1.5); -webkit-backdrop-filter:blur(12px) saturate(1.5);
  border:1px solid rgba(255,233,168,.42);
  box-shadow:0 14px 34px -14px rgba(0,0,0,.85), 0 0 24px -8px rgba(247,210,122,.45), inset 0 1px 0 rgba(255,255,255,.08);
  opacity:0; transform:translateX(-6px); animation:hpText .7s cubic-bezier(.16,1,.3,1) 2.1s forwards;
}
@keyframes hpText{ to{ opacity:1; transform:none; } }
html body.store-page .hero-partner-callout-text b{ font-weight:700; color:#ffe9a8; letter-spacing:.04em; }
html body.store-page .hero-partner-callout-text span{ font-weight:400; color:rgba(255,255,255,.82); }
html body.store-page .hero-partner-callout-text span::before{ content:""; display:inline-block; width:1px; height:11px; margin:0 8px 0 0; background:rgba(255,255,255,.28); vertical-align:-1px; }
html body.store-page .hero-partner-star{ font-style:normal; font-size:11px; color:#ffe9a8; text-shadow:0 0 8px rgba(255,233,168,.9); animation:hpTwinkle 2.4s ease-in-out infinite; }
@keyframes hpTwinkle{ 0%,100%{ opacity:.7; transform:scale(.9); } 50%{ opacity:1; transform:scale(1.15); } }
@media (max-width:1180px){
  html body.store-page .hero-partner-callout-text{ left:auto; right:-4px; top:-38px; }
}
@media (max-width:640px){
  html body.store-page .hero-partner-btn,
  html.theme-dark body.store-page .hero-partner-btn{ width:240px; justify-content:center; height:50px; }
  html body.store-page .hero-partner-callout{ left:50%; right:auto; top:calc(100% + 12px); bottom:auto; width:max-content; max-width:calc(100vw - 32px); height:auto; transform:translateX(-50%); display:flex; justify-content:center; }
  html body.store-page .hero-partner-callout-line{ display:none; }
  html body.store-page .hero-partner-callout-text{ position:static; left:auto; top:auto; transform:none; margin:0; flex-wrap:wrap; justify-content:center; row-gap:2px; white-space:normal; text-align:center; font-size:12.5px; padding:7px 12px 7px 10px; }
  html body.store-page .hero-cta-row.hero-cta-row-centered{ padding-bottom:58px !important; }
}
@media (prefers-reduced-motion:reduce){
  html body.store-page .hero-partner-btn::before,
  html body.store-page .hero-partner-ico,
  html body.store-page .hero-partner-star{ animation:none; }
  html body.store-page .hero-partner-callout-path{ stroke-dashoffset:0; animation:none; }
  html body.store-page .hero-partner-callout-dot,
  html body.store-page .hero-partner-callout-text{ opacity:1; animation:none; transform:none; }
  html body.store-page .hero-partner-callout-ring{ display:none; }
}