.page-products{
  --prod-accent:#FF4B2E;
  --prod-electric:#9B5CFF;
  --prod-amber:#FFC24B;
  --prod-green:#00E09E;
  --prod-silver:#A4B0C0;
  overflow-x:hidden;
  color:var(--color-text-primary);
  font-family:var(--font-body);
}

.page-products *,
.page-products *::before,
.page-products *::after{
  box-sizing:border-box;
}

.page-products a{
  color:inherit;
}

.page-products .container{
  max-width:var(--container-max);
  margin-inline:auto;
  padding-inline:1.25rem;
}

.page-products .section{
  padding-block:3.5rem 2rem;
}

.page-products .section__head{
  position:relative;
  display:flex;
  align-items:flex-start;
  gap:1.25rem;
  margin-bottom:1rem;
}

.page-products .section__title{
  font-family:var(--font-headings);
  font-size:var(--size-h2);
  font-weight:700;
  transform:skewX(-5deg);
  letter-spacing:.02em;
  line-height:1.1;
  margin:0;
}

.page-products .section__note{
  writing-mode:vertical-rl;
  font-size:12px;
  letter-spacing:.18em;
  color:var(--color-tech-silver);
  text-transform:uppercase;
  opacity:.85;
  margin-top:.2rem;
}

/* 面包屑 */
.page-products .breadcrumbs{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:.4rem;
  padding-block:1.4rem .6rem;
  font-size:14px;
  color:var(--color-text-secondary);
}

.page-products .breadcrumbs__item{
  text-decoration:none;
  transition:color .2s ease;
}

.page-products .breadcrumbs__item:hover,
.page-products .breadcrumbs__item:focus-visible{
  color:var(--color-accent-action);
}

.page-products .breadcrumbs__item[aria-current="page"]{
  color:var(--color-text-primary);
}

.page-products .breadcrumbs__item:not(:last-child)::after{
  content:"/";
  margin-left:.4rem;
  color:var(--color-tech-silver);
}

/* ===== Hero ===== */
.prod-hero{
  position:relative;
  padding-block:2.5rem 1rem;
}

.prod-hero::before{
  content:"";
  position:absolute;
  top:-8%;
  right:-18%;
  width:70vw;
  height:70vw;
  max-height:720px;
  max-width:720px;
  background:radial-gradient(circle,rgba(255,75,46,.18),transparent 65%);
  pointer-events:none;
}

.prod-hero::after{
  content:"";
  position:absolute;
  bottom:-5%;
  left:-16%;
  width:52vw;
  height:52vw;
  max-height:520px;
  max-width:520px;
  background:radial-gradient(circle,rgba(155,92,255,.14),transparent 60%);
  pointer-events:none;
}

.prod-hero__layout{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:1fr;
  gap:3rem;
  align-items:center;
}

.prod-hero__kicker{
  font-family:var(--font-headings);
  font-size:.82rem;
  font-weight:700;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:var(--color-accent-action);
  margin:0 0 .75rem;
}

.prod-hero__title{
  font-family:var(--font-headings);
  font-size:var(--size-h1);
  font-weight:700;
  line-height:1.05;
  transform:skewX(-5deg);
  margin:0;
  letter-spacing:.01em;
}

.prod-hero__title span{
  display:block;
  margin-top:.3rem;
  font-size:.5em;
  letter-spacing:.04em;
  color:var(--color-accent-electric);
}

.prod-hero__lead{
  color:var(--color-text-secondary);
  font-size:1.05rem;
  line-height:1.75;
  margin:1.25rem 0 0;
  max-width:52ch;
}

.prod-hero__actions{
  display:flex;
  flex-wrap:wrap;
  gap:.85rem;
  margin-top:1.8rem;
}

.prod-hero__actions .btn{
  text-decoration:none;
  padding:.7rem 1.4rem;
  border-radius:10px;
  font-weight:600;
  font-family:var(--font-headings);
  font-size:.95rem;
  letter-spacing:.04em;
  transition:transform .2s var(--ease),box-shadow .2s var(--ease),background .2s var(--ease),border-color .2s var(--ease);
}

.prod-hero__actions .btn--primary{
  background:var(--color-accent-action);
  color:#fff;
  border:1px solid var(--color-accent-action);
}

.prod-hero__actions .btn--primary:hover,
.prod-hero__actions .btn--primary:focus-visible{
  transform:translateY(-2px);
  box-shadow:0 10px 24px rgba(255,75,46,.28);
}

.prod-hero__actions .btn--ghost{
  background:transparent;
  color:var(--color-text-primary);
  border:1px solid rgba(164,176,192,.35);
}

.prod-hero__actions .btn--ghost:hover,
.prod-hero__actions .btn--ghost:focus-visible{
  border-color:var(--color-accent-electric);
  color:var(--color-accent-electric);
}

.prod-hero__meta{
  list-style:none;
  display:flex;
  flex-wrap:wrap;
  gap:.6rem 1.4rem;
  margin:1.9rem 0 0;
  padding:0;
  font-size:.85rem;
  color:var(--color-text-secondary);
}

.prod-hero__meta li{
  display:flex;
  align-items:center;
  gap:.45rem;
}

.prod-hero__meta .status-dot{
  width:7px;
  height:7px;
  border-radius:50%;
  background:var(--color-success);
  box-shadow:0 0 8px var(--color-success);
  flex:0 0 auto;
}

/* 手机模型 */
.prod-phone{
  position:relative;
  width:min(100%,300px);
  margin-inline:auto;
}

.prod-phone__radio{
  position:absolute;
  opacity:0;
  pointer-events:none;
  width:1px;
  height:1px;
}

.prod-phone__frame{
  position:relative;
  padding:.65rem .65rem .85rem;
  border-radius:2.2rem;
  border:2px solid rgba(164,176,192,.32);
  background:linear-gradient(155deg,#182741,#0b1526 72%);
  box-shadow:0 26px 54px rgba(0,0,0,.48),inset 0 0 0 1px rgba(255,255,255,.05);
}

.prod-phone__notch{
  position:absolute;
  top:1.15rem;
  left:50%;
  transform:translateX(-50%);
  width:5.5rem;
  height:1.1rem;
  border-radius:1rem;
  background:var(--color-primary-bg);
  z-index:3;
}

.prod-phone__viewer{
  position:relative;
  aspect-ratio:9/16;
  border-radius:1.5rem;
  overflow:hidden;
  background:var(--color-graph-bg);
}

.prod-phone__screens{
  display:flex;
  width:300%;
  height:100%;
  transition:transform .38s var(--ease);
}

.prod-phone__screen{
  width:calc(100% / 3);
  height:100%;
  flex:0 0 calc(100% / 3);
  position:relative;
}

.prod-phone__screen--schedule img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

.prod-phone__screen--highlight{
  background:linear-gradient(160deg,#221132,#0f1526 60%);
}

.prod-phone__screen--stats{
  background:linear-gradient(160deg,#102035,#0b1526 60%);
  display:flex;
  align-items:center;
  justify-content:center;
}

#phone-schedule:checked ~ .prod-phone__frame .prod-phone__screens{
  transform:translateX(0);
}

#phone-highlight:checked ~ .prod-phone__frame .prod-phone__screens{
  transform:translateX(-33.333%);
}

#phone-stats:checked ~ .prod-phone__frame .prod-phone__screens{
  transform:translateX(-66.666%);
}

.prod-phone__dock{
  display:flex;
  gap:.35rem;
  padding:.75rem .2rem 0;
}

.prod-phone__tab{
  flex:1;
  display:block;
  text-align:center;
  padding:.42rem 0 .3rem;
  font-size:.72rem;
  letter-spacing:.08em;
  color:var(--color-text-secondary);
  background:rgba(164,176,192,.07);
  border-radius:.5rem;
  cursor:pointer;
  user-select:none;
  transition:color .2s ease,background .2s ease,box-shadow .2s ease;
}

#phone-schedule:checked ~ .prod-phone__frame .prod-phone__tab[for="phone-schedule"],
#phone-highlight:checked ~ .prod-phone__frame .prod-phone__tab[for="phone-highlight"],
#phone-stats:checked ~ .prod-phone__frame .prod-phone__tab[for="phone-stats"]{
  color:var(--color-text-primary);
  background:rgba(255,75,46,.18);
  box-shadow:inset 0 -2px 0 var(--color-accent-action);
}

.prod-phone__radio:focus-visible ~ .prod-phone__frame{
  outline:2px solid var(--color-accent-electric);
  outline-offset:4px;
}

.prod-phone__caption{
  margin-top:1rem;
  text-align:center;
  font-size:.8rem;
  letter-spacing:.08em;
  color:var(--color-tech-silver);
  text-transform:uppercase;
}

/* 手机内瀑布流 */
.phone-hl{
  position:absolute;
  inset:1.6rem .6rem .6rem;
  display:grid;
  grid-template-columns:1fr 1fr;
  grid-auto-rows:3.6rem;
  gap:.45rem;
}

.phone-hl__item{
  border-radius:.55rem;
  background:linear-gradient(145deg,rgba(255,75,46,.62),rgba(255,75,46,.18));
  position:relative;
  overflow:hidden;
}

.phone-hl__item::before{
  content:"";
  position:absolute;
  left:.45rem;
  bottom:.45rem;
  width:55%;
  height:.3rem;
  border-radius:.3rem;
  background:rgba(255,255,255,.45);
}

.phone-hl__item--1{
  grid-row:span 2;
  background:linear-gradient(145deg,rgba(155,92,255,.55),rgba(155,92,255,.16));
}

.phone-hl__item--2{
  background:linear-gradient(145deg,rgba(0,224,158,.5),rgba(0,224,158,.15));
}

.phone-hl__item--3{
  background:linear-gradient(145deg,rgba(255,194,75,.5),rgba(255,194,75,.15));
}

.phone-hl__item--4{
  background:linear-gradient(145deg,rgba(155,92,255,.5),rgba(155,92,255,.15));
}

.phone-hl__item--5{
  background:linear-gradient(145deg,rgba(255,75,46,.48),rgba(255,75,46,.14));
}

/* 手机内图表 */
.phone-stats{
  width:82%;
  height:auto;
  display:block;
}

/* 页面目录轨 */
.prod-rail{
  display:flex;
  flex-wrap:wrap;
  gap:.6rem;
  padding-block:.75rem;
  margin-top:2.8rem;
  margin-bottom:1.5rem;
  border-top:1px solid rgba(164,176,192,.12);
  border-bottom:1px solid rgba(164,176,192,.12);
}

.prod-rail__link{
  font-size:.82rem;
  color:var(--color-text-secondary);
  text-decoration:none;
  padding:.38rem .9rem;
  border-radius:999px;
  border:1px solid rgba(164,176,192,.18);
  transition:color .2s ease,border-color .2s ease,background .2s ease;
}

.prod-rail__link:hover,
.prod-rail__link:focus-visible{
  color:var(--color-accent-action);
  border-color:var(--color-accent-action);
  background:rgba(255,75,46,.08);
}

/* ===== 核心功能 ===== */
.prod-features{
  position:relative;
  background:linear-gradient(180deg,transparent,rgba(15,31,56,.6) 10%,rgba(15,31,56,.6) 90%,transparent);
}

.prod-features__head{
  margin-bottom:.6rem;
}

.prod-features__intro{
  color:var(--color-text-secondary);
  max-width:58ch;
  margin:0 0 1.4rem;
  font-size:.98rem;
}

.prod-features__list{
  display:flex;
  flex-direction:column;
}

.prod-feature{
  display:grid;
  grid-template-columns:auto 1fr;
  gap:1.1rem 1.4rem;
  padding-block:1.6rem;
  border-bottom:1px solid rgba(164,176,192,.14);
}

.prod-feature:first-child{
  padding-top:.4rem;
}

.prod-feature:last-child{
  border-bottom:0;
}

.prod-feature__num{
  font-family:var(--font-headings);
  font-size:var(--size-h2);
  font-weight:700;
  line-height:1;
  color:transparent;
  -webkit-text-stroke:1px var(--color-accent-action);
  opacity:.85;
  padding-top:.2rem;
}

.prod-feature__body h3{
  font-family:var(--font-headings);
  font-size:var(--size-h3);
  font-weight:700;
  transform:skewX(-3deg);
  margin:0 0 .45rem;
  letter-spacing:.02em;
}

.prod-feature__body p{
  color:var(--color-text-secondary);
  margin:0;
  max-width:60ch;
  font-size:.95rem;
  line-height:1.7;
}

.prod-features__visual{
  margin-top:2.2rem;
  border-radius:1.25rem;
  overflow:hidden;
  background:var(--color-graph-bg);
  border:1px solid rgba(164,176,192,.14);
  box-shadow:0 18px 42px rgba(0,0,0,.25);
}

.prod-features__visual img{
  display:block;
  width:100%;
  height:auto;
  object-fit:cover;
}

/* ===== 联赛入口 ===== */
.prod-leagues{
  position:relative;
}

.prod-leagues__head{
  margin-bottom:.6rem;
}

.prod-leagues__intro{
  color:var(--color-text-secondary);
  max-width:58ch;
  margin:0 0 1.6rem;
  font-size:.98rem;
}

.prod-leagues__grid{
  display:grid;
  grid-template-columns:1fr;
  gap:1.1rem;
}

.prod-league-card{
  display:block;
  position:relative;
  padding:1.8rem 1.6rem 1.5rem;
  border-radius:1.1rem;
  background:linear-gradient(145deg,rgba(15,31,56,.94),rgba(15,31,56,.4));
  border:1px solid rgba(164,176,192,.16);
  text-decoration:none;
  color:var(--color-text-primary);
  overflow:hidden;
  transition:transform .25s var(--ease),box-shadow .25s var(--ease),border-color .25s var(--ease);
}

.prod-league-card::before{
  content:"";
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:3px;
  background:var(--card-accent,var(--prod-accent));
  opacity:.85;
}

.prod-league-card::after{
  content:"";
  position:absolute;
  top:-30%;
  right:-18%;
  width:10rem;
  height:10rem;
  border-radius:50%;
  background:var(--card-accent,var(--prod-accent));
  opacity:.1;
  filter:blur(30px);
  pointer-events:none;
  transition:opacity .3s ease,transform .3s var(--ease);
}

.prod-league-card:hover,
.prod-league-card:focus-visible{
  transform:translateY(-4px);
  box-shadow:0 16px 32px rgba(0,0,0,.35),0 0 0 1px rgba(255,255,255,.03);
  border-color:rgba(164,176,192,.34);
}

.prod-league-card:hover::after,
.prod-league-card:focus-visible::after{
  opacity:.22;
  transform:scale(1.15);
}

.prod-league-card__code{
  display:inline-block;
  font-family:var(--font-headings);
  font-size:.72rem;
  font-weight:700;
  letter-spacing:.14em;
  color:var(--card-accent,var(--prod-accent));
  background:rgba(164,176,192,.08);
  border-radius:.4rem;
  padding:.28rem .6rem;
  margin-bottom:1rem;
}

.prod-league-card h3{
  font-family:var(--font-headings);
  font-size:var(--size-h3);
  font-weight:700;
  transform:skewX(-4deg);
  margin:0 0 .45rem;
  letter-spacing:.02em;
}

.prod-league-card p{
  color:var(--color-text-secondary);
  font-size:.9rem;
  line-height:1.65;
  margin:0 0 1.1rem;
  max-width:30ch;
}

.prod-league-card__link{
  display:inline-flex;
  align-items:center;
  gap:.4rem;
  font-size:.84rem;
  font-weight:600;
  color:var(--card-accent,var(--prod-accent));
}

.prod-league-card__link::after{
  content:"→";
  transition:transform .2s var(--ease);
}

.prod-league-card:hover .prod-league-card__link::after,
.prod-league-card:focus-visible .prod-league-card__link::after{
  transform:translateX(4px);
}

/* ===== 三栏结构 ===== */
.prod-columns{
  position:relative;
  background:
    radial-gradient(ellipse at 90% 10%,rgba(155,92,255,.09),transparent 55%),
    linear-gradient(180deg,transparent,rgba(15,31,56,.42) 15%,rgba(15,31,56,.42) 85%,transparent);
}

.prod-columns__head{
  margin-bottom:.6rem;
}

.prod-columns__intro{
  color:var(--color-text-secondary);
  max-width:58ch;
  margin:0 0 1.8rem;
  font-size:.98rem;
}

.prod-columns__grid{
  display:grid;
  grid-template-columns:1fr;
  gap:2rem;
  align-items:start;
}

.prod-columns__note{
  color:var(--color-text-secondary);
  font-size:.94rem;
  line-height:1.75;
  padding:1.4rem;
  border-radius:1rem;
  background:rgba(10,20,40,.5);
  border:1px solid rgba(164,176,192,.12);
}

.prod-columns__note p{
  margin:0 0 1.2rem;
}

.prod-columns__legend{
  margin:0;
  display:flex;
  flex-direction:column;
  gap:.7rem;
}

.prod-columns__legend div{
  display:flex;
  align-items:baseline;
  gap:.6rem;
}

.prod-columns__legend dt{
  display:flex;
  align-items:center;
  gap:.45rem;
  color:var(--color-text-primary);
  font-weight:600;
  font-size:.9rem;
}

.prod-columns__legend dd{
  margin:0;
  font-size:.82rem;
  color:var(--color-text-secondary);
}

.prod-columns__legend .status-dot{
  width:7px;
  height:7px;
  border-radius:50%;
  background:var(--color-accent-action);
  flex:0 0 auto;
}

.prod-columns__legend div:nth-child(2) .status-dot{
  background:var(--prod-amber);
}

.prod-columns__legend div:nth-child(3) .status-dot{
  background:var(--prod-electric);
}

.prod-columns__body{
  display:flex;
  flex-direction:column;
  gap:2.6rem;
}

.prod-col{
  border-radius:1.25rem;
  padding:1.4rem;
  background:linear-gradient(160deg,rgba(15,31,56,.88),rgba(10,20,40,.68));
  border:1px solid rgba(164,176,192,.13);
  box-shadow:0 14px 36px rgba(0,0,0,.22);
}

.prod-col__header{
  margin-bottom:1.3rem;
}

.prod-col__header .tag{
  display:inline-block;
  font-size:.72rem;
  font-weight:700;
  letter-spacing:.1em;
  text-transform:uppercase;
  padding:.3rem .7rem;
  border-radius:.4rem;
  background:rgba(255,75,46,.16);
  color:var(--color-accent-action);
  margin-bottom:.7rem;
}

.prod-col__header .tag--hot{
  background:rgba(255,194,75,.14);
  color:var(--color-warning);
}

.prod-col__header .tag--tech{
  background:rgba(155,92,255,.15);
  color:var(--color-accent-electric);
}

.prod-col__header h3{
  font-family:var(--font-headings);
  font-size:var(--size-h3);
  font-weight:700;
  transform:skewX(-3deg);
  margin:0 0 .3rem;
  letter-spacing:.02em;
}

.prod-col__header p{
  color:var(--color-text-secondary);
  font-size:.9rem;
  line-height:1.7;
  margin:0;
  max-width:56ch;
}

/* 赛程时间轴 */
.fixture-timeline{
  position:relative;
  display:flex;
  flex-direction:column;
  margin-left:.35rem;
  padding-left:1.4rem;
  border-left:2px solid rgba(164,176,192,.16);
}

.fixture-timeline__row{
  position:relative;
  display:grid;
  grid-template-columns:auto 1fr auto;
  gap:.35rem .9rem;
  align-items:center;
  padding:.95rem .4rem;
  border-bottom:1px solid rgba(164,176,192,.08);
}

.fixture-timeline__row:last-child{
  border-bottom:0;
}

.fixture-timeline__row::before{
  content:"";
  position:absolute;
  left:-1.78rem;
  top:50%;
  width:.66rem;
  height:.66rem;
  border-radius:50%;
  border:2px solid var(--color-primary-bg);
  background:var(--color-accent-action);
  transform:translateY(-50%);
  box-shadow:0 0 0 1px rgba(255,75,46,.4);
}

.fixture-timeline__row:nth-child(2)::before{
  background:var(--prod-amber);
  box-shadow:0 0 0 1px rgba(255,194,75,.4);
}

.fixture-timeline__row:nth-child(3)::before{
  background:var(--prod-electric);
  box-shadow:0 0 0 1px rgba(155,92,255,.4);
}

.fixture-timeline__row:nth-child(4)::before{
  background:var(--prod-green);
  box-shadow:0 0 0 1px rgba(0,224,158,.4);
}

.fixture-timeline__league{
  font-family:var(--font-headings);
  font-weight:700;
  font-size:.9rem;
  letter-spacing:.04em;
  color:var(--color-text-primary);
}

.fixture-timeline__round{
  font-size:.78rem;
  color:var(--color-text-secondary);
  grid-column:2;
}

.fixture-timeline__match{
  font-size:.88rem;
  color:var(--color-text-primary);
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.fixture-timeline__time{
  font-family:var(--font-headings);
  font-size:.84rem;
  font-weight:700;
  color:var(--color-accent-action);
  text-align:right;
  letter-spacing:.04em;
}

/* 集锦瀑布流 */
.highlight-masonry{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:.65rem;
}

.highlight-masonry__item{
  min-height:5.2rem;
  border-radius:.8rem;
  background:linear-gradient(145deg,rgba(155,92,255,.18),rgba(10,20,40,.55));
  border:1px solid rgba(164,176,192,.1);
  display:flex;
  align-items:flex-end;
  padding:.6rem;
  font-size:.76rem;
  color:var(--color-text-secondary);
  letter-spacing:.03em;
  overflow:hidden;
}

.highlight-masonry__item--main{
  grid-row:span 2;
  min-height:0;
  padding:0;
  display:block;
  border:0;
}

.highlight-masonry__item--main img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  transition:transform .3s var(--ease);
}

.highlight-masonry__item--main:hover img{
  transform:scale(1.03);
}

/* 数据面板 */
.data-panel{
  background:var(--color-graph-bg);
  border-radius:1rem;
  padding:1rem .75rem .8rem;
  border:1px solid rgba(164,176,192,.12);
}

.data-panel__svg{
  width:100%;
  height:auto;
  display:block;
}

.data-panel__grid line{
  stroke:rgba(164,176,192,.14);
  stroke-width:1;
}

.data-panel__labels text{
  fill:var(--color-text-secondary);
  font-size:13px;
  font-family:var(--font-headings);
}

.data-panel__legend{
  display:flex;
  flex-wrap:wrap;
  gap:.6rem 1.2rem;
  margin-top:.75rem;
  font-size:.78rem;
  color:var(--color-text-secondary);
}

.data-panel__legend span{
  display:inline-flex;
  align-items:center;
  gap:.4rem;
}

.data-panel__swatch{
  width:.7rem;
  height:.7rem;
  border-radius:.2rem;
  display:inline-block;
}

.data-panel__swatch--bar{
  background:var(--color-accent-action);
}

.data-panel__swatch--line{
  background:transparent;
  border-top:2px dashed var(--color-tech-silver);
  height:0;
}

.data-panel__img{
  width:100%;
  height:auto;
  border-radius:1rem;
  margin-top:1.2rem;
  border:1px solid rgba(164,176,192,.12);
  object-fit:cover;
  display:block;
}

/* ===== 下载区块 ===== */
.prod-download{
  padding-bottom:4rem;
}

.prod-download__card{
  display:grid;
  grid-template-columns:1fr;
  gap:2rem;
  background:linear-gradient(150deg,rgba(15,31,56,.96),rgba(8,16,32,.85));
  border-radius:1.5rem;
  padding:1.8rem 1.5rem;
  border:1px solid rgba(164,176,192,.16);
  position:relative;
  overflow:hidden;
}

.prod-download__card::before{
  content:"";
  position:absolute;
  top:-20%;
  left:-12%;
  width:16rem;
  height:16rem;
  border-radius:50%;
  background:radial-gradient(circle,rgba(255,75,46,.14),transparent 70%);
  pointer-events:none;
}

.prod-download__card::after{
  content:"";
  position:absolute;
  bottom:-25%;
  right:-10%;
  width:14rem;
  height:14rem;
  border-radius:50%;
  background:radial-gradient(circle,rgba(155,92,255,.13),transparent 70%);
  pointer-events:none;
}

.prod-download__info{
  position:relative;
  z-index:1;
}

.prod-download__info .section__head{
  margin-bottom:.7rem;
}

.prod-download__info > p{
  color:var(--color-text-secondary);
  font-size:.95rem;
  line-height:1.75;
  margin:0 0 1.4rem;
  max-width:46ch;
}

.prod-download__meta{
  display:flex;
  flex-direction:column;
  gap:.65rem;
  margin:0 0 1.6rem;
  padding:1rem 1.1rem;
  border-radius:.8rem;
  background:rgba(10,20,40,.5);
}

.prod-download__meta div{
  display:flex;
  gap:1rem;
  align-items:baseline;
}

.prod-download__meta dt{
  font-size:.82rem;
  color:var(--color-text-secondary);
  min-width:5rem;
}

.prod-download__meta dd{
  margin:0;
  font-weight:600;
  font-family:var(--font-headings);
  letter-spacing:.03em;
}

.prod-download__meta dd a{
  color:var(--color-accent-electric);
  text-decoration:none;
}

.prod-download__meta dd a:hover,
.prod-download__meta dd a:focus-visible{
  text-decoration:underline;
}

.prod-download__actions{
  display:flex;
  flex-wrap:wrap;
  gap:.8rem;
}

.prod-download__actions .btn{
  text-decoration:none;
  padding:.65rem 1.3rem;
  border-radius:.6rem;
  font-weight:600;
  font-family:var(--font-headings);
  font-size:.9rem;
  letter-spacing:.04em;
  transition:transform .2s var(--ease),box-shadow .2s var(--ease),border-color .2s var(--ease);
}

.prod-download__actions .btn--primary{
  background:var(--color-accent-action);
  color:#fff;
  border:1px solid var(--color-accent-action);
}

.prod-download__actions .btn--primary:hover,
.prod-download__actions .btn--primary:focus-visible{
  transform:translateY(-2px);
  box-shadow:0 10px 22px rgba(255,75,46,.26);
}

.prod-download__actions .btn--ghost{
  background:transparent;
  color:var(--color-text-primary);
  border:1px solid rgba(164,176,192,.35);
}

.prod-download__actions .btn--ghost:hover,
.prod-download__actions .btn--ghost:focus-visible{
  border-color:var(--color-accent-electric);
  color:var(--color-accent-electric);
}

.prod-download__visual{
  position:relative;
  z-index:1;
  border-radius:1rem;
  overflow:hidden;
  border:1px solid rgba(164,176,192,.12);
  background:var(--color-graph-bg);
}

.prod-download__visual img{
  width:100%;
  height:auto;
  object-fit:cover;
  display:block;
}

.prod-download__updates{
  margin:1.4rem 0 0;
  font-size:.85rem;
  line-height:1.7;
  color:var(--color-text-secondary);
  padding:1rem 1.2rem;
  border-radius:.8rem;
  background:rgba(15,31,56,.55);
  border-left:3px solid var(--color-accent-electric);
}

.prod-download__updates strong{
  color:var(--color-text-primary);
}

/* ===== 桌面端增强 ===== */
@media (min-width:640px){
  .product .container,
  .page-products .container{
    padding-inline:1.75rem;
  }

  .prod-hero__layout{
    grid-template-columns:1.05fr .95fr;
    gap:2.5rem;
  }

  .prod-phone{
    width:min(100%,310px);
    margin-inline:auto;
  }

  .prod-features__list{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:0 2rem;
  }

  .prod-feature{
    border-bottom:1px solid rgba(164,176,192,.14);
  }

  .prod-feature:nth-child(2){
    border-bottom:1px solid rgba(164,176,192,.14);
  }

  .prod-leagues__grid{
    grid-template-columns:1fr 1fr;
  }

  .prod-columns__grid{
    grid-template-columns:1fr;
  }

  .prod-download__card{
    padding:2.2rem 2rem;
  }

  .highlight-masonry__item{
    min-height:6.4rem;
  }
}

@media (min-width:900px){
  .page-products .section{
    padding-block:5rem 2.5rem;
  }

  .prod-hero{
    padding-block:4rem 1.5rem;
  }

  .prod-hero__lead{
    font-size:1.1rem;
  }

  .prod-phone{
    width:min(100%,320px);
  }

  .prod-rail{
    justify-content:center;
    gap:1rem;
  }

  .prod-features__list{
    grid-template-columns:1fr 1fr 1fr;
    gap:0 2.4rem;
  }

  .prod-feature{
    grid-template-columns:1fr;
    gap:.8rem;
    border-bottom:0;
    border-left:1px solid rgba(164,176,192,.12);
    padding-left:1.6rem;
    padding-block:1.2rem;
  }

  .prod-feature:first-child{
    padding-top:1.2rem;
  }

  .prod-feature__num{
    font-size:var(--size-display);
    -webkit-text-stroke:1px var(--color-accent-action);
  }

  .prod-feature__body h3{
    font-size:1.4rem;
  }

  .prod-features__visual{
    margin-top:2.8rem;
  }

  .prod-leagues__grid{
    grid-template-columns:repeat(4,1fr);
    gap:1.2rem;
  }

  .prod-league-card{
    padding:1.7rem 1.3rem 1.4rem;
  }

  .prod-columns__grid{
    grid-template-columns:300px 1fr;
    gap:2.5rem;
  }

  .prod-columns__note{
    position:sticky;
    top:1.5rem;
    padding:1.6rem;
  }

  .prod-col{
    padding:1.8rem;
  }

  .prod-download__card{
    grid-template-columns:1.05fr .95fr;
    gap:2.5rem;
    padding:2.6rem 2.4rem;
  }

  .prod-download__visual{
    align-self:stretch;
  }

  .prod-download__visual img{
    height:100%;
    object-fit:cover;
    max-height:340px;
  }
}

.page-products {
  --card-accent: transparent;
}