/* ================= 赛事服务页 / page-products ================= */
.page-products{
  --svc-hair:rgba(184,199,196,.16);
  --svc-hair-strong:rgba(40,240,194,.28);
  --svc-gap:clamp(20px,3.6vw,40px);
  background:var(--ink);
}

/* ---------- Hero ---------- */
.page-products .svc-hero{
  position:relative;
  overflow:hidden;
  border-bottom:1px solid var(--line);
  background:
    radial-gradient(120% 92% at 10% 0%, rgba(40,240,194,.15), transparent 62%),
    radial-gradient(96% 84% at 96% 6%, rgba(95,216,255,.13), transparent 60%),
    var(--ink);
}
.page-products .svc-hero::before{
  content:"";
  position:absolute;
  inset:0;
  background-image:
    linear-gradient(to right, rgba(30,74,64,.42) 1px, transparent 1px),
    linear-gradient(to bottom, rgba(30,74,64,.42) 1px, transparent 1px);
  background-size:80px 80px;
  -webkit-mask-image:linear-gradient(to bottom, rgba(0,0,0,.85), rgba(0,0,0,.12));
  mask-image:linear-gradient(to bottom, rgba(0,0,0,.85), rgba(0,0,0,.12));
  pointer-events:none;
}
.page-products .svc-hero .page-shell{
  position:relative;
  z-index:1;
}

.page-products .svc-hero-inner{
  display:grid;
  gap:var(--svc-gap);
  margin-top:clamp(18px,3vw,32px);
}
@media (min-width:980px){
  .page-products .svc-hero-inner{
    grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);
    align-items:end;
  }
}

.page-products .svc-hero-copy h1{
  font-family:var(--font-display);
  font-weight:800;
  font-size:clamp(2rem,6vw,4rem);
  line-height:1.04;
  letter-spacing:-.01em;
  margin:10px 0 18px;
  color:var(--text);
  text-wrap:balance;
}
.page-products .svc-hero-copy .lede{
  margin:0;
  max-width:64ch;
  color:var(--muted);
  font-size:clamp(14.5px,1.7vw,16.5px);
  line-height:1.85;
}
.page-products .svc-actions{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:24px;
}

/* 悬浮数据卡 */
.page-products .svc-hero-cards{
  display:grid;
  gap:14px;
  align-content:start;
}
@media (min-width:980px){
  .page-products .svc-hero-cards{ padding-bottom:6px; }
}
.page-products .svc-card{
  position:relative;
  border:2px solid var(--line);
  background:linear-gradient(158deg,var(--panel),var(--ink-deep));
  padding:18px 20px 20px;
  box-shadow:var(--shadow-hard);
}
.page-products .svc-card--float{
  border-color:var(--svc-hair-strong);
  background:linear-gradient(158deg,#123A2F,var(--ink-deep));
}
@media (min-width:980px){
  .page-products .svc-card--stack{ margin-left:clamp(0px,3vw,38px); }
}
.page-products .svc-dot{
  display:inline-block;
  width:9px;
  height:9px;
  margin-right:8px;
  border-radius:50%;
  background:var(--cyan);
  box-shadow:0 0 0 4px rgba(40,240,194,.16);
  animation:svcPulse 2.6s ease-in-out infinite;
  vertical-align:middle;
}
.page-products .svc-card-kicker{
  font-family:var(--font-mono);
  font-size:11px;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:var(--silver);
}
.page-products .svc-card-title{
  margin:10px 0 6px;
  font-family:var(--font-display);
  font-weight:800;
  font-size:1.24rem;
  letter-spacing:-.005em;
  color:var(--text);
}
.page-products .svc-card-note{
  margin:0;
  font-size:13px;
  line-height:1.7;
  color:var(--muted);
}
.page-products .svc-mini-views{
  list-style:none;
  margin:12px 0 0;
  padding:0;
  display:grid;
  gap:1px;
  background:var(--svc-hair);
}
.page-products .svc-mini-views li{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:9px 12px;
  background:var(--ink-deep);
}
.page-products .svc-mini-view{
  font-family:var(--font-mono);
  font-size:13px;
  color:var(--text);
}
.page-products .svc-mini-state{
  font-family:var(--font-mono);
  font-size:11px;
  letter-spacing:.1em;
  color:var(--cyan);
}
.page-products .svc-mini-views li:first-child .svc-mini-state{ color:var(--orange); }

/* 服务标签 */
.page-products .svc-tabs{
  display:flex;
  gap:8px;
  margin-top:clamp(22px,3.4vw,32px);
  padding-bottom:6px;
  overflow-x:auto;
  scrollbar-width:thin;
  -webkit-overflow-scrolling:touch;
}
.page-products .svc-tab{
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:10px 16px;
  border:1px solid var(--line);
  background:rgba(16,46,38,.66);
  color:var(--text);
  font-size:13px;
  letter-spacing:.02em;
  text-decoration:none;
  transition:border-color .18s ease, color .18s ease, transform .18s ease, background .18s ease;
}
.page-products .svc-tab:hover,
.page-products .svc-tab:focus-visible{
  border-color:var(--cyan);
  color:var(--cyan);
  transform:translateY(-2px);
}
.page-products .svc-tab.is-current{
  border-color:var(--cyan);
  color:var(--ink);
  background:var(--cyan);
  font-weight:600;
}
.page-products .svc-tab.is-current .svc-tab-idx{ color:rgba(5,16,13,.62); }
.page-products .svc-tab-idx{
  font-family:var(--font-mono);
  font-size:11px;
  letter-spacing:.06em;
  color:var(--muted);
}

/* Hero 主图 */
.page-products .svc-hero-media{
  margin:clamp(22px,3.4vw,34px) 0 0;
  border:2px solid var(--line);
  background:var(--ink-deep);
  box-shadow:var(--shadow-lift);
}
.page-products .svc-hero-media img{
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:16/9;
  object-fit:cover;
}
.page-products .svc-media-note{
  margin:0;
  padding:11px 16px;
  border-top:1px solid var(--line);
  font-size:12.5px;
  line-height:1.6;
  color:var(--muted);
  background:var(--ink-deep);
}

/* ---------- 通用区块 ---------- */
.page-products .svc-block--panel{
  background:linear-gradient(180deg, var(--ink-deep), rgba(10,31,25,.72));
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
}
.page-products .svc-block-head{
  max-width:860px;
  margin-bottom:clamp(24px,3.4vw,44px);
}
.page-products .svc-block-head h2{
  font-family:var(--font-display);
  font-weight:800;
  font-size:clamp(1.6rem,3.9vw,2.7rem);
  line-height:1.12;
  letter-spacing:-.01em;
  margin:10px 0 14px;
  color:var(--text);
  text-wrap:balance;
}
.page-products .svc-block-lede{
  margin:0;
  color:var(--muted);
  font-size:clamp(14.5px,1.6vw,16px);
  line-height:1.85;
  max-width:74ch;
}

.page-products .svc-split{
  display:grid;
  gap:var(--svc-gap);
}
@media (min-width:960px){
  .page-products .svc-split{
    grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);
    align-items:start;
  }
}

/* 功能条目 */
.page-products .svc-feature{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  gap:2px 16px;
  padding:20px 0;
  border-top:1px solid var(--svc-hair);
}
.page-products .svc-feature:last-child{
  border-bottom:1px solid var(--svc-hair);
}
.page-products .svc-feature-num{
  grid-row:span 2;
  padding-top:4px;
  font-family:var(--font-mono);
  font-size:12px;
  letter-spacing:.14em;
  color:var(--cyan);
}
.page-products .svc-feature h3{
  margin:0;
  font-family:var(--font-body);
  font-weight:600;
  font-size:1.02rem;
  line-height:1.5;
  color:var(--text);
}
.page-products .svc-feature p{
  margin:6px 0 0;
  color:var(--muted);
  font-size:14.5px;
  line-height:1.8;
}

/* 侧栏面板 */
.page-products .svc-side{
  border:2px solid var(--line);
  background:linear-gradient(160deg,var(--panel),var(--ink-deep));
  padding:22px 22px 20px;
  box-shadow:var(--shadow-hard);
}
.page-products .svc-side-title{
  margin:0 0 14px;
  font-family:var(--font-display);
  font-weight:800;
  font-size:1.1rem;
  letter-spacing:.01em;
  color:var(--text);
}
.page-products .svc-specs{
  margin:0;
  display:grid;
}
.page-products .svc-spec{
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  gap:14px;
  padding:10px 0;
  border-bottom:1px dashed var(--svc-hair);
}
.page-products .svc-spec:last-child{ border-bottom:0; }
.page-products .svc-spec dt{
  color:var(--muted);
  font-size:13px;
}
.page-products .svc-spec dd{
  margin:0;
  font-family:var(--font-mono);
  font-size:13px;
  font-variant-numeric:tabular-nums;
  color:var(--text);
  text-align:right;
}
.page-products .svc-side-note{
  margin:14px 0 0;
  font-size:13px;
  line-height:1.75;
  color:var(--muted);
  border-left:2px solid var(--svc-hair-strong);
  padding-left:12px;
}

/* ---------- 正式版对阵表 ---------- */
.page-products .svc-table-wrap{
  border:2px solid var(--line);
  background:var(--panel);
  overflow-x:auto;
  box-shadow:var(--shadow-hard);
}
.page-products .svc-table{
  width:100%;
  min-width:620px;
  border-collapse:collapse;
  font-size:14px;
}
.page-products .svc-table thead th{
  padding:14px 18px;
  text-align:left;
  font-family:var(--font-mono);
  font-size:11px;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:var(--silver);
  background:rgba(5,16,13,.52);
  border-bottom:1px solid var(--line);
  white-space:nowrap;
}
.page-products .svc-table tbody th{
  padding:16px 18px;
  text-align:left;
  font-family:var(--font-display);
  font-weight:700;
  font-size:1.02rem;
  letter-spacing:.01em;
  color:var(--cyan);
  white-space:nowrap;
  vertical-align:top;
}
.page-products .svc-table tbody td{
  padding:16px 18px;
  color:var(--muted);
  line-height:1.7;
  border-left:1px solid var(--svc-hair);
  vertical-align:top;
}
.page-products .svc-table tbody tr{ border-top:1px solid var(--svc-hair); }
.page-products .svc-table tbody tr:nth-child(even){ background:rgba(95,216,255,.05); }
.page-products .svc-table tbody tr:hover{ background:rgba(40,240,194,.09); }
.page-products .svc-table tbody tr:hover td{ color:var(--text); }

.page-products .svc-formal-foot{
  display:grid;
  gap:var(--svc-gap);
  margin-top:var(--svc-gap);
}
@media (min-width:900px){
  .page-products .svc-formal-foot{
    grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);
    align-items:start;
  }
}
.page-products .svc-figure{
  margin:0;
  border:2px solid var(--line);
  background:var(--ink-deep);
  box-shadow:var(--shadow-hard);
}
.page-products .svc-figure img{
  display:block;
  width:100%;
  height:auto;
  object-fit:cover;
}
.page-products .svc-facts{
  display:grid;
  gap:1px;
  background:var(--svc-hair);
  border:2px solid var(--line);
  box-shadow:var(--shadow-hard);
}
.page-products .svc-fact{
  display:flex;
  align-items:baseline;
  gap:14px;
  padding:16px 18px;
  background:var(--ink-deep);
}
.page-products .svc-fact-num{
  flex:0 0 auto;
  font-family:var(--font-display);
  font-weight:800;
  font-size:1.9rem;
  line-height:1;
  letter-spacing:-.01em;
  color:var(--cyan);
  font-variant-numeric:tabular-nums;
}
.page-products .svc-fact-label{
  font-size:13px;
  line-height:1.65;
  color:var(--muted);
}

/* ---------- 赛程中心 ---------- */
.page-products .svc-views{
  display:grid;
  gap:14px;
}
@media (min-width:760px){
  .page-products .svc-views{ grid-template-columns:repeat(3,minmax(0,1fr)); }
}
.page-products .svc-view{
  position:relative;
  padding:20px 20px 22px;
  border:2px solid var(--line);
  background:rgba(16,46,38,.62);
  transition:border-color .18s ease, transform .18s ease;
}
.page-products .svc-view:hover{
  border-color:var(--svc-hair-strong);
  transform:translateY(-3px);
}
.page-products .svc-view--active{
  border-color:var(--cyan);
  background:linear-gradient(170deg, rgba(40,240,194,.14), rgba(16,46,38,.6));
}
.page-products .svc-view-tag{
  display:inline-block;
  padding:4px 10px;
  border:1px solid var(--line);
  font-family:var(--font-mono);
  font-size:11px;
  letter-spacing:.1em;
  color:var(--silver);
}
.page-products .svc-view--active .svc-view-tag{
  border-color:var(--orange);
  color:var(--orange);
  background:rgba(255,91,46,.1);
}
.page-products .svc-view h3{
  margin:14px 0 8px;
  font-family:var(--font-display);
  font-weight:800;
  font-size:1.14rem;
  letter-spacing:.005em;
  color:var(--text);
}
.page-products .svc-view p{
  margin:0;
  font-size:14px;
  line-height:1.75;
  color:var(--muted);
}

.page-products .svc-schedule-foot{
  display:grid;
  gap:var(--svc-gap);
  margin-top:var(--svc-gap);
}
@media (min-width:900px){
  .page-products .svc-schedule-foot{
    grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);
    align-items:start;
  }
}
.page-products .svc-filter-panel{
  border:2px solid var(--line);
  background:var(--panel);
  padding:22px;
  box-shadow:var(--shadow-hard);
}
.page-products .svc-filter-group{ margin-bottom:16px; }
.page-products .svc-filter-label{
  display:block;
  margin-bottom:8px;
  font-family:var(--font-mono);
  font-size:11px;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:var(--silver);
}
.page-products .svc-chips{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}
.page-products .svc-chip{
  padding:7px 13px;
  border:1px solid var(--line);
  font-size:12.5px;
  color:var(--muted);
  background:rgba(5,16,13,.42);
}
.page-products .svc-chip.is-on{
  border-color:var(--cyan);
  color:var(--ink);
  background:var(--cyan);
  font-weight:600;
}

/* ---------- 会员中心 ---------- */
.page-products .svc-figure--wide{
  margin-bottom:var(--svc-gap);
}
.page-products .svc-figure--wide img{
  aspect-ratio:3/2;
}
.page-products .svc-archive{
  display:grid;
  gap:16px;
}
@media (min-width:900px){
  .page-products .svc-archive{ grid-template-columns:repeat(3,minmax(0,1fr)); }
}
.page-products .svc-archive-card{
  display:flex;
  flex-direction:column;
  border:2px solid var(--line);
  background:rgba(16,46,38,.72);
  padding:22px 20px;
  box-shadow:var(--shadow-hard);
}
.page-products .svc-archive-tag{
  align-self:flex-start;
  padding:4px 10px;
  font-family:var(--font-mono);
  font-size:11px;
  letter-spacing:.1em;
  color:var(--ink);
  font-weight:600;
}
.page-products .svc-archive-tag--cyan{ background:var(--cyan); }
.page-products .svc-archive-tag--orange{ background:var(--orange); }
.page-products .svc-archive-tag--amber{ background:var(--amber); }
.page-products .svc-archive-card h3{
  margin:14px 0 8px;
  font-family:var(--font-display);
  font-weight:800;
  font-size:1.16rem;
  line-height:1.28;
  color:var(--text);
}
.page-products .svc-archive-card > p{
  margin:0;
  font-size:14px;
  line-height:1.78;
  color:var(--muted);
}
.page-products .svc-archive-details{
  margin-top:auto;
  padding-top:16px;
  border-top:1px dashed var(--svc-hair);
}
.page-products .svc-archive-details summary{
  list-style:none;
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  font-size:12.5px;
  letter-spacing:.04em;
  color:var(--blue);
}
.page-products .svc-archive-details summary::-webkit-details-marker{ display:none; }
.page-products .svc-archive-details summary::after{
  content:"+";
  font-family:var(--font-mono);
  color:var(--cyan);
}
.page-products .svc-archive-details[open] summary::after{ content:"–"; }
.page-products .svc-archive-body p{
  margin:10px 0 0;
  font-size:13.5px;
  line-height:1.75;
  color:var(--muted);
}
.page-products .svc-archive-foot{
  margin-top:var(--svc-gap);
  padding:18px 20px;
  border-left:3px solid var(--cyan);
  background:rgba(5,16,13,.45);
}
.page-products .svc-archive-note{
  margin:0 0 10px;
  font-size:14px;
  line-height:1.85;
  color:var(--muted);
  max-width:82ch;
}
.page-products .svc-inline-link{
  display:inline-block;
  font-size:13.5px;
  letter-spacing:.02em;
  color:var(--cyan);
  text-decoration:none;
  border-bottom:1px solid var(--svc-hair-strong);
  padding-bottom:2px;
}
.page-products .svc-inline-link:hover,
.page-products .svc-inline-link:focus-visible{
  color:var(--blue);
  border-bottom-color:var(--blue);
}

/* ---------- 快速访问 V2.0 ---------- */
.page-products .svc-quick-grid{
  display:grid;
  gap:var(--svc-gap);
}
@media (min-width:960px){
  .page-products .svc-quick-grid{
    grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);
    align-items:start;
  }
}
.page-products .svc-quick-main{
  border:2px solid var(--line);
  background:linear-gradient(165deg,var(--panel),var(--ink-deep));
  padding:clamp(16px,2.6vw,26px);
  box-shadow:var(--shadow-lift);
}
.page-products .svc-wire{
  display:block;
  width:100%;
  height:auto;
  color:var(--line);
}
.page-products .svc-wire-frame,
.page-products .svc-wire-bar,
.page-products .svc-wire-field,
.page-products .svc-wire-box,
.page-products .svc-wire-dot,
.page-products .svc-wire-track,
.page-products .svc-wire-track-on{
  stroke:var(--line);
  stroke-width:2;
  fill:none;
}
.page-products .svc-wire-bar{ fill:rgba(30,74,64,.32); }
.page-products .svc-wire-dot{ fill:var(--silver); stroke:none; }
.page-products .svc-wire-field{ fill:rgba(30,74,64,.28); }
.page-products .svc-wire-box{ fill:rgba(16,46,38,.55); }
.page-products .svc-wire-box--on{
  stroke:var(--cyan);
  fill:rgba(40,240,194,.12);
}
.page-products .svc-wire-track{ fill:rgba(30,74,64,.42); stroke:none; }
.page-products .svc-wire-track-on{ fill:var(--cyan); stroke:none; }
.page-products .svc-wire text{
  fill:var(--text);
  font-family:var(--font-display);
  font-size:17px;
  font-weight:700;
  letter-spacing:.02em;
}
.page-products .svc-wire .svc-wire-small{
  fill:var(--muted);
  font-family:var(--font-mono);
  font-size:12px;
  font-weight:400;
  letter-spacing:.04em;
}
.page-products .svc-versions{
  list-style:none;
  margin:20px 0 0;
  padding:0;
  display:grid;
  gap:1px;
  background:var(--svc-hair);
}
.page-products .svc-versions li{
  display:flex;
  align-items:baseline;
  gap:14px;
  padding:11px 14px;
  background:var(--ink-deep);
}
.page-products .svc-versions li.is-now{
  background:rgba(40,240,194,.1);
  box-shadow:inset 3px 0 0 var(--cyan);
}
.page-products .svc-ver{
  flex:0 0 auto;
  font-family:var(--font-mono);
  font-size:12.5px;
  font-weight:600;
  color:var(--cyan);
  font-variant-numeric:tabular-nums;
}
.page-products .svc-ver-txt{
  font-size:13.5px;
  line-height:1.65;
  color:var(--muted);
}
.page-products .svc-quick-media{
  margin:0;
  border:2px solid var(--line);
  background:var(--ink-deep);
  box-shadow:var(--shadow-hard);
}
.page-products .svc-quick-media img{
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:2/3;
  object-fit:cover;
}

/* ---------- 四步流程 ---------- */
.page-products .svc-steps{
  background:var(--light);
  color:var(--light-ink);
  border-top:1px solid var(--line);
}
.page-products .svc-steps-head{
  max-width:760px;
  margin-bottom:clamp(24px,3.4vw,40px);
}
.page-products .svc-steps-head .eyebrow{
  color:#0E6B54;
}
.page-products .svc-steps-head h2{
  font-family:var(--font-display);
  font-weight:800;
  font-size:clamp(1.6rem,3.9vw,2.6rem);
  line-height:1.12;
  letter-spacing:-.01em;
  margin:10px 0 12px;
  color:var(--light-ink);
  text-wrap:balance;
}
.page-products .svc-steps-head p{
  margin:0;
  font-size:15px;
  line-height:1.85;
  color:#3A5750;
  max-width:70ch;
}
.page-products .svc-track{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  gap:14px;
  counter-reset:svcstep;
}
@media (min-width:820px){
  .page-products .svc-track{
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:0;
  }
}
.page-products .svc-step{
  position:relative;
  padding:20px 20px 24px;
  border:2px solid #0A1512;
  background:#FFFFFF;
  box-shadow:6px 6px 0 rgba(10,21,18,.14);
  transition:transform .2s ease, box-shadow .2s ease, background .2s ease;
}
@media (min-width:820px){
  .page-products .svc-step:not(:first-child){ margin-left:-2px; }
  .page-products .svc-step:hover,
  .page-products .svc-step:focus-within{
    transform:translateY(-5px);
    box-shadow:10px 10px 0 rgba(10,21,18,.2);
    background:#F5FFFB;
    z-index:3;
  }
}
.page-products .svc-step-num{
  display:block;
  font-family:var(--font-display);
  font-weight:800;
  font-size:2.4rem;
  line-height:.9;
  letter-spacing:-.02em;
  color:#BDD5CE;
  font-variant-numeric:tabular-nums;
}
.page-products .svc-step h3{
  margin:12px 0 8px;
  font-family:var(--font-display);
  font-weight:800;
  font-size:1.2rem;
  letter-spacing:.01em;
  color:var(--light-ink);
}
.page-products .svc-step p{
  margin:0;
  font-size:13.5px;
  line-height:1.75;
  color:#3E5B54;
}
@media (min-width:820px){
  .page-products .svc-step:not(:last-child)::after{
    content:"";
    position:absolute;
    right:-9px;
    top:50%;
    width:16px;
    height:16px;
    background:var(--cyan);
    border-top:2px solid #0A1512;
    border-right:2px solid #0A1512;
    transform:translateY(-50%) rotate(45deg);
    z-index:4;
  }
}

/* ---------- 适用场景 ---------- */
.page-products .svc-scenes{
  display:grid;
  gap:14px;
}
@media (min-width:700px){
  .page-products .svc-scenes{ grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (min-width:1120px){
  .page-products .svc-scenes{ grid-template-columns:repeat(4,minmax(0,1fr)); }
}
.page-products .svc-scene{
  position:relative;
  padding:22px 20px;
  border:1px solid var(--line);
  border-top:3px solid var(--line);
  background:rgba(16,46,38,.46);
  transition:border-top-color .2s ease, transform .2s ease;
}
.page-products .svc-scene:hover{
  border-top-color:var(--cyan);
  transform:translateY(-3px);
}
.page-products .svc-scene-idx{
  font-family:var(--font-mono);
  font-size:11px;
  letter-spacing:.16em;
  color:var(--amber);
}
.page-products .svc-scene h3{
  margin:10px 0 8px;
  font-family:var(--font-display);
  font-weight:800;
  font-size:1.16rem;
  color:var(--text);
}
.page-products .svc-scene p{
  margin:0;
  font-size:14px;
  line-height:1.78;
  color:var(--muted);
}
.page-products .svc-scene a{
  color:var(--cyan);
  text-decoration:none;
  border-bottom:1px solid var(--svc-hair-strong);
}
.page-products .svc-scene a:hover,
.page-products .svc-scene a:focus-visible{
  color:var(--blue);
  border-bottom-color:var(--blue);
}

/* ---------- 常见问题 ---------- */
.page-products .svc-faq{
  margin-top:clamp(32px,5vw,64px);
}
.page-products .svc-faq-title{
  font-family:var(--font-display);
  font-weight:800;
  font-size:clamp(1.3rem,2.8vw,1.8rem);
  letter-spacing:-.005em;
  margin:0 0 18px;
  color:var(--text);
}
.page-products .svc-faq-item{
  border:1px solid var(--line);
  background:rgba(5,16,13,.4);
}
.page-products .svc-faq-item + .svc-faq-item{ margin-top:10px; }
.page-products .svc-faq-item summary{
  list-style:none;
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:16px 18px;
  font-size:14.5px;
  font-weight:600;
  line-height:1.6;
  color:var(--text);
}
.page-products .svc-faq-item summary::-webkit-details-marker{ display:none; }
.page-products .svc-faq-item summary::after{
  content:"+";
  flex:0 0 auto;
  font-family:var(--font-mono);
  font-size:16px;
  color:var(--cyan);
}
.page-products .svc-faq-item[open] summary::after{ content:"–"; }
.page-products .svc-faq-item[open] summary{ border-bottom:1px solid var(--svc-hair); }
.page-products .svc-faq-body{
  padding:14px 18px 18px;
}
.page-products .svc-faq-body p{
  margin:0;
  font-size:14px;
  line-height:1.85;
  color:var(--muted);
}
.page-products .svc-faq .svc-inline-link{ margin-top:16px; }

/* ---------- 结尾行动区 ---------- */
.page-products .svc-cta{
  display:grid;
  gap:20px;
  padding:clamp(24px,4vw,44px);
  border:2px solid var(--cyan);
  background:
    linear-gradient(132deg, rgba(40,240,194,.14), rgba(5,16,13,0) 62%),
    linear-gradient(220deg, rgba(255,91,46,.12), rgba(5,16,13,0) 58%),
    var(--ink-deep);
  box-shadow:var(--shadow-lift);
}
@media (min-width:820px){
  .page-products .svc-cta{
    grid-template-columns:minmax(0,1.6fr) auto;
    align-items:center;
  }
}
.page-products .svc-cta h2{
  font-family:var(--font-display);
  font-weight:800;
  font-size:clamp(1.4rem,3vw,2.1rem);
  letter-spacing:-.01em;
  margin:0 0 10px;
  color:var(--text);
}
.page-products .svc-cta p{
  margin:0;
  font-size:14.5px;
  line-height:1.85;
  color:var(--muted);
  max-width:62ch;
}
.page-products .svc-cta-actions{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
}

/* ---------- 动效 ---------- */
@keyframes svcPulse{
  0%, 100%{ box-shadow:0 0 0 4px rgba(40,240,194,.16); }
  50%{ box-shadow:0 0 0 8px rgba(40,240,194,.04); }
}

@media (prefers-reduced-motion: reduce){
  .page-products .svc-dot{ animation:none; }
  .page-products .svc-tab,
  .page-products .svc-view,
  .page-products .svc-scene,
  .page-products .svc-step{
    transition:none;
  }
  .page-products .svc-tab:hover,
  .page-products .svc-tab:focus-visible,
  .page-products .svc-view:hover,
  .page-products .svc-scene:hover,
  .page-products .svc-step:hover,
  .page-products .svc-step:focus-within{
    transform:none;
  }
}

/* 焦点可见性 */
.page-products .svc-tab:focus-visible,
.page-products .svc-inline-link:focus-visible,
.page-products .svc-scene a:focus-visible,
.page-products .svc-faq-item summary:focus-visible,
.page-products .svc-archive-details summary:focus-visible{
  outline:2px solid var(--cyan);
  outline-offset:3px;
}
<<<END>>>
