.page-products{
  --sv-panel:linear-gradient(158deg,rgba(26,23,31,.96),rgba(11,10,13,.98));
  --sv-shadow:0 26px 60px -34px rgba(0,0,0,.95);
  --sv-glow:0 0 0 1px rgba(45,212,255,.45),0 18px 44px -28px rgba(45,212,255,.5);
}
.page-products .breadcrumb{padding-top:clamp(16px,3vw,32px);}
.page-products .breadcrumb ol{display:flex;flex-wrap:wrap;list-style:none;margin:0;padding:0;gap:6px;font-size:.8rem;letter-spacing:.06em;color:var(--text-dim);}
.page-products .breadcrumb li{display:flex;align-items:center;gap:6px;}
.page-products .breadcrumb li+li::before{content:"/";color:var(--gold);opacity:.7;}
.page-products .breadcrumb a{color:var(--text-soft);text-decoration:none;transition:color .25s var(--ease);}
.page-products .breadcrumb a:hover{color:var(--neon);}

.page-products .section{padding-block:clamp(46px,7vw,92px);}
.page-products .section-head{max-width:62ch;margin-bottom:clamp(24px,4vw,42px);}
.page-products .section-head h2{margin:.35em 0 .5em;font-family:var(--font-head);font-size:clamp(1.8rem,4.4vw,3rem);font-weight:800;letter-spacing:.01em;line-height:1.1;color:var(--cream);}
.page-products .section-head .lead{font-size:clamp(.98rem,1.4vw,1.06rem);color:var(--text-soft);line-height:1.85;}
.page-products .sv-more{margin-top:clamp(20px,3vw,32px);font-size:.94rem;color:var(--text-soft);}
.page-products .sv-more a{color:var(--gold-hi);text-decoration:none;border-bottom:1px solid var(--line);padding-bottom:2px;}
.page-products .sv-more a:hover{color:var(--neon);border-color:var(--neon);}

/* ---------- 首屏 ---------- */
.page-products .sv-hero{position:relative;padding:clamp(24px,5vw,48px) 0 clamp(28px,5vw,56px);}
.page-products .sv-hero::before{
  content:"";
  position:absolute;
  top:-24px;
  left:-4vw;
  right:0;
  height:min(72%,520px);
  border-radius:0 clamp(28px,6vw,64px) clamp(28px,6vw,64px) 0;
  background:
    radial-gradient(120% 150% at 6% -10%,rgba(122,12,30,.96),rgba(74,7,18,.55) 52%,rgba(74,7,18,0) 80%),
    linear-gradient(118deg,rgba(122,12,30,.92),rgba(74,7,18,.18) 72%);
  transform:skewY(-3.2deg);
  transform-origin:left top;
  z-index:0;
}
.page-products .sv-hero__grid{position:relative;z-index:1;display:grid;gap:clamp(22px,4vw,42px);padding:clamp(18px,3.4vw,40px);}
.page-products .sv-hero__copy h1{
  margin:.28em 0 0;
  font-family:var(--font-head);
  font-size:clamp(2.1rem,7.4vw,4.4rem);
  font-weight:900;
  line-height:1.02;
  letter-spacing:.005em;
  color:var(--cream);
  text-shadow:0 22px 48px rgba(0,0,0,.55);
}
.page-products .sv-hero__copy h1::after{
  content:"";
  display:block;
  width:clamp(80px,16vw,180px);
  height:5px;
  margin-top:clamp(14px,2.4vw,24px);
  border-radius:var(--r-pill);
  background:linear-gradient(90deg,var(--gold-hi),var(--gold) 55%,rgba(212,175,55,0));
}
.page-products .sv-hero__copy .lead{max-width:56ch;margin-top:clamp(14px,2.2vw,22px);font-size:clamp(1rem,1.5vw,1.12rem);line-height:1.85;color:rgba(255,247,230,.82);}
.page-products .sv-hero__actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:clamp(20px,3vw,30px);}
.page-products .sv-hero__panel{
  align-self:end;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
  padding:clamp(16px,2.6vw,22px);
  border:1px solid var(--line);
  border-radius:var(--r-lg);
  background:linear-gradient(160deg,rgba(11,10,13,.86),rgba(26,23,31,.72));
  backdrop-filter:blur(6px);
  box-shadow:var(--sv-shadow);
}
.page-products .sv-hero__panel .stat{padding:12px 10px;border-radius:var(--r-sm);background:rgba(255,247,230,.035);}
.page-products .sv-hero__panel .stat-value{display:block;font-family:var(--font-num);font-size:clamp(1.5rem,3vw,2.1rem);font-weight:800;line-height:1;color:var(--gold-hi);font-variant-numeric:tabular-nums;}
.page-products .sv-hero__panel .stat-label{display:block;margin-top:7px;font-size:.76rem;letter-spacing:.05em;color:var(--text-soft);}
.page-products .sv-hero__panel-note{grid-column:1/-1;margin:4px 0 0;padding-top:10px;border-top:1px solid var(--line-soft);font-size:.78rem;color:var(--text-dim);}

/* ---------- 分类 ---------- */
.page-products .sv-catmap{margin:0 0 clamp(26px,4vw,44px);border-radius:var(--r-lg);overflow:hidden;border:1px solid var(--line-soft);}
.page-products .sv-catmap img{display:block;width:100%;height:auto;object-fit:cover;}
.page-products .sv-cats{display:grid;gap:clamp(20px,3vw,34px);}
.page-products .sv-index{padding:14px 16px;border-radius:var(--r-md);border:1px solid var(--line-soft);background:rgba(26,23,31,.55);}
.page-products .sv-index .side-note{margin:0 0 10px;font-family:var(--font-num);font-size:.72rem;letter-spacing:.22em;text-transform:uppercase;color:var(--gold);}
.page-products .sv-index__list{display:flex;gap:8px;list-style:none;margin:0;padding:2px 2px 6px;overflow-x:auto;scrollbar-width:thin;}
.page-products .sv-index__list li{flex:0 0 auto;}
.page-products .sv-index__list a{
  display:block;
  padding:9px 16px;
  border-radius:var(--r-pill);
  border:1px solid var(--line);
  font-size:.86rem;
  color:var(--text-soft);
  text-decoration:none;
  white-space:nowrap;
  transition:color .25s var(--ease),border-color .25s var(--ease),background-color .25s var(--ease);
}
.page-products .sv-index__list a:hover{color:var(--cream);border-color:var(--neon);background:rgba(45,212,255,.08);}
.page-products .sv-cards{display:grid;gap:clamp(14px,2vw,22px);grid-template-columns:minmax(0,1fr);}
.page-products .sv-cat{
  --tilt:0deg;
  position:relative;
  display:flex;
  flex-direction:column;
  gap:10px;
  padding:clamp(18px,2.6vw,26px);
  border:1px solid var(--line-soft);
  border-left:4px solid rgba(212,175,55,.55);
  border-radius:var(--r-md);
  background:var(--sv-panel);
  transform:rotate(var(--tilt));
  transition:transform .35s var(--ease),border-color .35s var(--ease),box-shadow .35s var(--ease);
}
.page-products .sv-cat:nth-child(odd){--tilt:-.5deg;}
.page-products .sv-cat:nth-child(even){--tilt:.5deg;}
.page-products .sv-cat:hover{transform:translateY(-5px);border-left-color:var(--gold-hi);box-shadow:var(--sv-glow);}
.page-products .sv-cat__no{font-family:var(--font-num);font-size:.86rem;font-weight:800;letter-spacing:.2em;color:var(--gold);}
.page-products .sv-cat .card-title{margin:0;font-family:var(--font-head);font-size:clamp(1.4rem,2.6vw,1.75rem);font-weight:800;color:var(--cream);}
.page-products .sv-cat__desc{margin:0;font-size:.94rem;line-height:1.8;color:var(--text-soft);}
.page-products .sv-cat__scene{margin:0;font-size:.86rem;color:var(--text-dim);}
.page-products .sv-cat__scene span{display:inline-block;margin-right:6px;padding:2px 9px;border-radius:var(--r-pill);background:rgba(122,12,30,.5);color:var(--gold-hi);font-size:.74rem;letter-spacing:.06em;}
.page-products .sv-cat__fields{display:flex;flex-wrap:wrap;gap:6px;margin:auto 0 0;padding:10px 0 0;border-top:1px solid var(--line-soft);list-style:none;}
.page-products .sv-cat__fields .pill{font-family:var(--font-num);font-size:.76rem;padding:5px 12px;border-radius:var(--r-pill);border:1px solid var(--line);color:var(--cream);background:rgba(255,247,230,.04);}

/* ---------- 投注区间阶梯 ---------- */
.page-products .sv-tiers__layout{display:grid;gap:clamp(22px,3vw,38px);}
.page-products .sv-ladder{display:grid;gap:12px;}
.page-products .sv-ladder__item{
  border:1px solid var(--line-soft);
  border-radius:var(--r-md);
  background:linear-gradient(140deg,rgba(26,23,31,.9),rgba(11,10,13,.92));
  overflow:hidden;
  transition:border-color .3s var(--ease),transform .3s var(--ease);
}
.page-products .sv-ladder__item:hover{border-color:var(--line);transform:translateX(4px);}
.page-products .sv-ladder__item summary{
  display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:center;
  gap:12px;
  padding:16px 18px;
  cursor:pointer;
  list-style:none;
}
.page-products .sv-ladder__item summary::-webkit-details-marker{display:none;}
.page-products .sv-ladder__item summary::after{
  content:"+";
  font-family:var(--font-num);
  font-size:1.2rem;
  font-weight:700;
  color:var(--gold);
  transition:transform .3s var(--ease),color .3s var(--ease);
}
.page-products .sv-ladder__item[open] summary::after{transform:rotate(45deg);color:var(--neon);}
.page-products .sv-ladder__no{font-family:var(--font-num);font-size:.82rem;font-weight:800;letter-spacing:.16em;color:var(--gold);}
.page-products .sv-ladder__name{font-family:var(--font-head);font-size:clamp(1.1rem,2.3vw,1.45rem);font-weight:800;color:var(--cream);}
.page-products .sv-ladder__hint{grid-column:2/3;font-size:.82rem;color:var(--text-dim);}
.page-products .sv-ladder__body{padding:0 18px 18px;border-top:1px solid var(--line-soft);}
.page-products .sv-ladder__body p{margin:14px 0 0;font-size:.92rem;line-height:1.8;color:var(--text-soft);}
.page-products .sv-ladder__tip{margin-top:10px;padding:10px 14px;border-left:3px solid var(--neon);border-radius:0 var(--r-sm) var(--r-sm) 0;background:rgba(45,212,255,.06);font-size:.86rem;color:var(--cream);}
.page-products .sv-tiers__figure{margin:0;border-radius:var(--r-lg);overflow:hidden;border:1px solid var(--line-soft);background:rgba(11,10,13,.6);}
.page-products .sv-tiers__figure img{display:block;width:100%;height:auto;object-fit:cover;}

/* ---------- 派彩流程 ---------- */
.page-products .sv-payout{background:linear-gradient(180deg,rgba(74,7,18,.34),rgba(11,10,13,0) 70%);}
.page-products .sv-flow{display:grid;gap:14px;list-style:none;margin:0 0 clamp(26px,4vw,44px);padding:0;counter-reset:svflow;}
.page-products .sv-flow__step{
  position:relative;
  padding:20px 20px 20px 24px;
  border:1px solid var(--line-soft);
  border-radius:var(--r-md);
  background:linear-gradient(150deg,rgba(26,23,31,.9),rgba(11,10,13,.94));
}
.page-products .sv-flow__step::before{
  content:"";
  position:absolute;
  left:0;
  top:18px;
  bottom:18px;
  width:4px;
  border-radius:var(--r-pill);
  background:linear-gradient(180deg,var(--gold-hi),rgba(212,175,55,.15));
}
.page-products .sv-flow__step h3{margin:10px 0 6px;font-family:var(--font-head);font-size:1.25rem;font-weight:800;color:var(--cream);}
.page-products .sv-flow__step p{margin:0;font-size:.9rem;line-height:1.8;color:var(--text-soft);}
.page-products .sv-flow__tag{display:inline-block;padding:4px 12px;border-radius:var(--r-pill);border:1px solid var(--line);font-family:var(--font-num);font-size:.74rem;letter-spacing:.1em;color:var(--gold-hi);background:rgba(122,12,30,.45);}
.page-products .sv-flow__step:last-child .sv-flow__tag{border-color:rgba(45,212,255,.5);color:var(--neon);background:rgba(45,212,255,.08);}
.page-products .sv-payout__figure{margin:0;border-radius:var(--r-lg);overflow:hidden;border:1px solid var(--line-soft);}
.page-products .sv-payout__figure img{display:block;width:100%;height:auto;object-fit:cover;}

/* ---------- 记录查询 ---------- */
.page-products .sv-records__layout{display:grid;gap:clamp(22px,3vw,38px);}
.page-products .sv-dims{display:grid;gap:12px;list-style:none;margin:0;padding:0;}
.page-products .sv-dim{
  padding:18px 20px;
  border:1px solid var(--line-soft);
  border-radius:var(--r-md);
  background:rgba(26,23,31,.5);
  transition:border-color .3s var(--ease),background-color .3s var(--ease);
}
.page-products .sv-dim:hover{border-color:rgba(45,212,255,.45);background:rgba(26,23,31,.78);}
.page-products .sv-dim__dot{display:inline-block;width:9px;height:9px;border-radius:50%;background:var(--neon);box-shadow:0 0 12px rgba(45,212,255,.9);}
.page-products .sv-dim h3{margin:10px 0 6px;font-family:var(--font-head);font-size:1.2rem;font-weight:800;color:var(--cream);}
.page-products .sv-dim p{margin:0;font-size:.9rem;line-height:1.8;color:var(--text-soft);}
.page-products .sv-records__figure{margin:0;border-radius:var(--r-lg);overflow:hidden;border:1px solid var(--line-soft);}
.page-products .sv-records__figure img{display:block;width:100%;height:auto;object-fit:cover;}

/* ---------- 场景与版本 ---------- */
.page-products .sv-scenes__grid{display:grid;gap:clamp(14px,2vw,22px);}
.page-products .sv-scene{
  display:flex;
  flex-direction:column;
  gap:10px;
  padding:clamp(18px,2.6vw,26px);
  border-radius:var(--r-md);
  border:1px solid var(--line-soft);
  background:var(--sv-panel);
}
.page-products .sv-scene--a{border-top:3px solid var(--gold);}
.page-products .sv-scene--b{border-top:3px solid var(--red);}
.page-products .sv-scene--c{border-top:3px solid var(--neon);}
.page-products .sv-scene__no{font-family:var(--font-num);font-size:.8rem;font-weight:800;letter-spacing:.22em;color:var(--gold);}
.page-products .sv-scene h3{margin:0;font-family:var(--font-head);font-size:clamp(1.2rem,2.4vw,1.5rem);font-weight:800;color:var(--cream);}
.page-products .sv-scene p{margin:0;font-size:.92rem;line-height:1.82;color:var(--text-soft);}
.page-products .sv-link{margin-top:auto;padding-top:12px;font-size:.88rem;color:var(--gold-hi);text-decoration:none;border-bottom:1px solid transparent;transition:color .25s var(--ease),border-color .25s var(--ease);align-self:flex-start;}
.page-products .sv-link:hover{color:var(--neon);border-color:var(--neon);}
.page-products .sv-scenes__figure{margin:clamp(24px,4vw,40px) 0 0;border-radius:var(--r-lg);overflow:hidden;border:1px solid var(--line-soft);}
.page-products .sv-scenes__figure img{display:block;width:100%;height:auto;object-fit:cover;}
.page-products .sv-update{margin-top:clamp(24px,4vw,40px);padding:clamp(18px,3vw,28px);border-radius:var(--r-lg);border:1px dashed var(--line);background:rgba(74,7,18,.22);}
.page-products .sv-update h3{margin:0 0 14px;font-family:var(--font-head);font-size:1.3rem;font-weight:800;color:var(--cream);}
.page-products .sv-update__list{display:grid;gap:12px;list-style:none;margin:0;padding:0;}
.page-products .sv-update__list li{font-size:.92rem;line-height:1.8;color:var(--text-soft);}
.page-products .sv-update__list a{color:var(--gold-hi);text-decoration:none;border-bottom:1px solid var(--line);}
.page-products .sv-update__list a:hover{color:var(--neon);border-color:var(--neon);}
.page-products .sv-update__k{display:inline-block;min-width:56px;margin-right:10px;font-family:var(--font-num);font-size:.74rem;letter-spacing:.16em;color:var(--gold);}

/* ---------- 行动区 ---------- */
.page-products .sv-cta__box{
  display:grid;
  gap:clamp(18px,3vw,30px);
  padding:clamp(24px,4vw,44px);
  border-radius:var(--r-lg);
  border:1px solid var(--line);
  background:
    radial-gradient(120% 160% at 100% 0%,rgba(122,12,30,.75),rgba(74,7,18,.25) 62%,rgba(11,10,13,0) 88%),
    linear-gradient(150deg,rgba(26,23,31,.95),rgba(11,10,13,.98));
  box-shadow:var(--sv-shadow);
}
.page-products .sv-cta__copy h2{margin:0 0 12px;font-family:var(--font-head);font-size:clamp(1.6rem,3.6vw,2.4rem);font-weight:800;line-height:1.12;color:var(--cream);}
.page-products .sv-cta__copy p{margin:0;max-width:56ch;font-size:.96rem;line-height:1.82;color:var(--text-soft);}
.page-products .sv-cta__actions{display:flex;flex-wrap:wrap;gap:12px;align-self:end;}

/* ---------- 响应式 ---------- */
@media (min-width:640px){
  .page-products .sv-cards{grid-template-columns:repeat(2,minmax(0,1fr));}
  .page-products .sv-dims{grid-template-columns:repeat(2,minmax(0,1fr));}
  .page-products .sv-scenes__grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}

@media (min-width:1000px){
  .page-products .sv-hero__grid{grid-template-columns:minmax(0,1.4fr) minmax(300px,.72fr);align-items:end;}
  .page-products .sv-cats{grid-template-columns:192px minmax(0,1fr);}
  .page-products .sv-index{position:sticky;top:118px;}
  .page-products .sv-index__list{flex-direction:column;overflow:visible;padding:0;}
  .page-products .sv-index__list a{padding:9px 14px;text-align:left;}
  .page-products .sv-cards{grid-template-columns:repeat(3,minmax(0,1fr));}
  .page-products .sv-tiers__layout{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:start;}
  .page-products .sv-tiers__figure{position:sticky;top:118px;}
  .page-products .sv-flow{grid-template-columns:repeat(4,minmax(0,1fr));gap:0;}
  .page-products .sv-flow__step{border-radius:0;border-right:none;padding:24px 20px;}
  .page-products .sv-flow__step:first-child{border-radius:var(--r-md) 0 0 var(--r-md);}
  .page-products .sv-flow__step:last-child{border-radius:0 var(--r-md) var(--r-md) 0;border-right:1px solid var(--line-soft);}
  .page-products .sv-flow__step::before{left:0;top:auto;bottom:0;width:100%;height:3px;background:linear-gradient(90deg,var(--gold-hi),rgba(212,175,55,.12));}
  .page-products .sv-flow__step:last-child::before{background:linear-gradient(90deg,rgba(212,175,55,.5),var(--neon));}
  .page-products .sv-records__layout{grid-template-columns:minmax(0,1fr) minmax(0,.86fr);align-items:start;}
  .page-products .sv-scenes__grid{grid-template-columns:repeat(3,minmax(0,1fr));}
  .page-products .sv-scene--b{transform:translateY(-16px);}
  .page-products .sv-cta__box{grid-template-columns:minmax(0,1.3fr) auto;align-items:end;}
  .page-products .sv-ladder__item:nth-child(1){margin-right:22%;}
  .page-products .sv-ladder__item:nth-child(2){margin-right:16.5%;}
  .page-products .sv-ladder__item:nth-child(3){margin-right:11%;}
  .page-products .sv-ladder__item:nth-child(4){margin-right:5.5%;}
}

@media (min-width:1280px){
  .page-products .sv-ladder__item:nth-child(1){margin-right:26%;}
  .page-products .sv-ladder__item:nth-child(2){margin-right:19.5%;}
  .page-products .sv-ladder__item:nth-child(3){margin-right:13%;}
  .page-products .sv-ladder__item:nth-child(4){margin-right:6.5%;}
}

@media (prefers-reduced-motion:reduce){
  .page-products .sv-hero::before{transform:none;}
  .page-products .sv-cat,
  .page-products .sv-cat:hover,
  .page-products .sv-scene--b,
  .page-products .sv-ladder__item:hover{transform:none;}
}