.page-products{
  --pc-line-strong:rgba(11,42,74,.2);
  --pc-text-soft:rgba(16,42,46,.74);
  --pc-text-dark-soft:rgba(247,250,248,.76);
  background:var(--c-mist);
  color:var(--c-ink);
  font-family:var(--font-body);
  overflow-x:clip;
}

.page-products .pc-crumbs{
  max-width:var(--w-content);
  margin-inline:auto;
  padding:clamp(16px,2.6vw,26px) var(--pad-x) 0;
}
.page-products .pc-crumbs .breadcrumb{
  display:flex;
  flex-wrap:wrap;
  gap:.5em;
  font-family:var(--font-mono);
  font-size:.75rem;
  letter-spacing:.06em;
  color:var(--c-deep-mid);
}
.page-products .pc-crumbs .breadcrumb a{
  color:var(--c-celadon-deep);
  text-decoration:none;
  border-bottom:1px solid transparent;
  transition:border-color .2s var(--ease);
}
.page-products .pc-crumbs .breadcrumb a:hover{
  border-bottom-color:currentColor;
}

.page-products .pc-eyebrow{
  display:inline-block;
  margin:0;
  font-family:var(--font-mono);
  font-size:.75rem;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:var(--c-amber);
  padding-bottom:.4rem;
  border-bottom:1px solid rgba(232,162,58,.45);
}

/* ---------- 首屏 ---------- */
.page-products .pc-hero{
  position:relative;
  overflow:hidden;
  padding-block:clamp(34px,5.5vw,72px) clamp(46px,7vw,84px);
  background:
    radial-gradient(88% 70% at 80% 4%, rgba(47,127,120,.42), transparent 62%),
    linear-gradient(158deg,#0B2A4A 0%,#122F44 54%,#102A2E 100%);
  color:var(--c-mist);
}
.page-products .pc-hero::before{
  content:"";
  position:absolute;
  inset:0;
  background-image:
    linear-gradient(rgba(247,250,248,.055) 1px,transparent 1px),
    linear-gradient(90deg,rgba(247,250,248,.055) 1px,transparent 1px);
  background-size:80px 80px;
  -webkit-mask-image:radial-gradient(74% 66% at 46% 14%,#000 0%,transparent 76%);
  mask-image:radial-gradient(74% 66% at 46% 14%,#000 0%,transparent 76%);
  pointer-events:none;
}
.page-products .pc-hero > *{
  position:relative;
  z-index:1;
}
.page-products .pc-hero__grid{
  display:grid;
  gap:clamp(26px,4vw,42px);
}
.page-products .pc-hero h1{
  margin:clamp(12px,1.8vw,18px) 0 0;
  font-family:var(--font-head);
  font-weight:800;
  font-size:clamp(2rem,5.2vw,3.9rem);
  line-height:1.08;
  letter-spacing:-.025em;
  text-wrap:balance;
}
.page-products .pc-hero .lede{
  margin:clamp(16px,2.4vw,24px) 0 0;
  max-width:34em;
  font-size:clamp(1rem,1.15vw,1.1rem);
  line-height:1.85;
  color:rgba(247,250,248,.82);
}
.page-products .pc-hero__actions{
  display:flex;
  flex-wrap:wrap;
  gap:clamp(10px,1.6vw,16px);
  margin-top:clamp(22px,3vw,32px);
}
.page-products .pc-hero__actions .btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:.8rem 1.4rem;
  border-radius:999px;
  font-size:.9375rem;
  font-weight:600;
  text-decoration:none;
  border:1px solid transparent;
  transition:transform .2s var(--ease),background .2s var(--ease),border-color .2s var(--ease);
}
.page-products .pc-hero__actions .btn--primary{
  background:var(--c-amber);
  border-color:var(--c-amber);
  color:#2B1A02;
}
.page-products .pc-hero__actions .btn--ghost{
  background:transparent;
  border-color:rgba(247,250,248,.42);
  color:var(--c-mist);
}
.page-products .pc-hero__actions .btn:hover{
  transform:translateY(-2px);
}
.page-products .pc-hero__actions .btn--ghost:hover{
  border-color:var(--c-amber);
  color:var(--c-amber);
}
.page-products .pc-hero__facts{
  list-style:none;
  margin:clamp(22px,3vw,32px) 0 0;
  padding:0;
  display:flex;
  flex-wrap:wrap;
  gap:clamp(16px,3vw,34px);
  font-size:.8125rem;
  line-height:1.6;
  color:rgba(247,250,248,.66);
}
.page-products .pc-hero__facts span{
  display:block;
  font-family:var(--font-mono);
  font-size:1.4rem;
  letter-spacing:-.02em;
  color:var(--c-amber);
  margin-bottom:.15rem;
}
.page-products .pc-hero__console{
  border:1px solid rgba(247,250,248,.2);
  border-radius:20px;
  background:rgba(247,250,248,.08);
  -webkit-backdrop-filter:blur(12px);
  backdrop-filter:blur(12px);
  padding:clamp(16px,2.4vw,24px);
  box-shadow:0 24px 60px -40px rgba(0,0,0,.9);
}
.page-products .pc-console__head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:1rem;
  padding-bottom:.75rem;
  border-bottom:1px solid rgba(247,250,248,.16);
  font-size:.75rem;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:rgba(247,250,248,.6);
}
.page-products .pc-console__dot{
  width:8px;
  height:8px;
  border-radius:50%;
  background:var(--c-amber);
  box-shadow:0 0 0 4px rgba(232,162,58,.18);
  flex:none;
}
.page-products .pc-node-list{
  list-style:none;
  margin:0;
  padding:0;
}
.page-products .pc-node{
  display:grid;
  grid-template-columns:2.3rem minmax(0,1fr);
  gap:.7rem;
  padding:clamp(10px,1.6vw,14px) 0;
  border-bottom:1px dashed rgba(247,250,248,.14);
}
.page-products .pc-node:last-child{
  border-bottom:0;
  padding-bottom:0;
}
.page-products .pc-node__id{
  font-size:.75rem;
  letter-spacing:.08em;
  color:var(--c-amber);
  padding-top:.25rem;
}
.page-products .pc-node p{
  margin:0;
  font-size:.9375rem;
  line-height:1.72;
  color:rgba(247,250,248,.76);
}
.page-products .pc-node strong{
  display:block;
  margin-bottom:.15rem;
  font-size:1rem;
  font-weight:700;
  color:var(--c-mist);
}
.page-products .pc-hero__figure{
  margin:clamp(28px,4.4vw,52px) 0 0;
  aspect-ratio:12 / 7;
  border-radius:var(--cut);
  overflow:hidden;
  border:1px solid rgba(247,250,248,.16);
}

/* ---------- 章节头 ---------- */
.page-products .pc-caps,
.page-products .pc-dual,
.page-products .pc-scenes{
  background:var(--c-mist);
}
.page-products .pc-section__head{
  max-width:46rem;
  margin-bottom:clamp(24px,3.6vw,44px);
}
.page-products .pc-section__head .pc-eyebrow{
  color:var(--c-celadon-deep);
  border-bottom-color:rgba(47,127,120,.4);
}
.page-products .pc-section__head h2{
  margin:.9rem 0 0;
  font-family:var(--font-head);
  font-weight:800;
  font-size:clamp(1.5rem,3vw,2.4rem);
  line-height:1.24;
  letter-spacing:-.02em;
  color:var(--c-deep);
}
.page-products .pc-section__lede{
  margin:.9rem 0 0;
  font-size:1rem;
  line-height:1.85;
  color:var(--pc-text-soft);
}
.page-products .pc-section__head--dark .pc-eyebrow{
  color:var(--c-amber);
  border-bottom-color:rgba(232,162,58,.45);
}
.page-products .pc-section__head--dark h2{
  color:var(--c-mist);
}
.page-products .pc-section__head--dark .pc-section__lede{
  color:var(--pc-text-dark-soft);
}

/* ---------- 能力面板 ---------- */
.page-products .pc-bento{
  display:grid;
  gap:var(--gap);
}
.page-products .pc-ability{
  border:1px solid var(--pc-line-strong);
  border-radius:var(--cut);
  background:var(--c-mist);
  box-shadow:var(--shadow-panel);
  overflow:hidden;
}
.page-products .pc-ability:nth-child(1){
  background:var(--c-sand);
}
.page-products .pc-ability:nth-child(2),
.page-products .pc-ability:nth-child(3){
  background:#fff;
}
.page-products .pc-ability:nth-child(4){
  background:linear-gradient(150deg,rgba(47,127,120,.15),rgba(47,127,120,.03));
}
.page-products .pc-ability summary{
  display:flex;
  align-items:center;
  gap:.75rem;
  padding:clamp(16px,2.2vw,22px) clamp(16px,2.2vw,24px);
  cursor:pointer;
  list-style:none;
  font-family:var(--font-head);
}
.page-products .pc-ability summary::-webkit-details-marker{
  display:none;
}
.page-products .pc-ability summary::after{
  content:"+";
  margin-left:auto;
  font-family:var(--font-mono);
  font-size:1.15rem;
  line-height:1;
  color:var(--c-celadon);
}
.page-products .pc-ability[open] summary::after{
  content:"\2212";
  color:var(--c-amber-deep);
}
.page-products .pc-ability summary:focus-visible{
  outline:2px solid var(--c-celadon);
  outline-offset:-3px;
}
.page-products .pc-ability__id{
  flex:none;
  font-size:.75rem;
  letter-spacing:.08em;
  color:var(--c-celadon-deep);
  border:1px solid rgba(47,127,120,.35);
  border-radius:999px;
  padding:.18rem .55rem;
}
.page-products .pc-ability__title{
  font-size:clamp(1.05rem,1.6vw,1.3rem);
  font-weight:700;
  letter-spacing:-.01em;
  color:var(--c-deep);
}
.page-products .pc-ability__body{
  padding:clamp(14px,2vw,20px) clamp(16px,2.2vw,24px) clamp(18px,2.4vw,26px);
  border-top:1px dashed rgba(11,42,74,.16);
}
.page-products .pc-ability__body p{
  margin:0;
  font-size:.9375rem;
  line-height:1.82;
  color:var(--pc-text-soft);
}
.page-products .pc-ability__list{
  margin:clamp(12px,1.6vw,16px) 0 0;
  padding:0;
  list-style:none;
  display:grid;
  gap:.55rem;
}
.page-products .pc-ability__list li{
  position:relative;
  padding-left:1.1rem;
  font-size:.875rem;
  line-height:1.72;
  color:rgba(16,42,46,.7);
}
.page-products .pc-ability__list li::before{
  content:"";
  position:absolute;
  left:0;
  top:.62em;
  width:6px;
  height:6px;
  border-radius:50%;
  background:var(--c-celadon);
}

/* ---------- 会员中心下载 ---------- */
.page-products .pc-download{
  background:
    radial-gradient(70% 60% at 10% 0%, rgba(47,127,120,.3), transparent 62%),
    linear-gradient(180deg,#0B2A4A 0%,#102A2E 100%);
  color:var(--c-mist);
}
.page-products .pc-download__grid{
  display:grid;
  gap:clamp(18px,2.6vw,30px);
}
.page-products .pc-download__console{
  border:1px solid rgba(247,250,248,.18);
  border-radius:var(--cut);
  background:rgba(16,42,46,.55);
  -webkit-backdrop-filter:blur(8px);
  backdrop-filter:blur(8px);
  overflow:hidden;
}
.page-products .pc-console__bar{
  display:flex;
  flex-wrap:wrap;
  gap:.6rem;
  align-items:center;
  justify-content:space-between;
  padding:.85rem clamp(14px,2vw,20px);
  border-bottom:1px solid rgba(247,250,248,.14);
  background:rgba(247,250,248,.05);
  font-size:.72rem;
  letter-spacing:.1em;
  text-transform:uppercase;
  color:rgba(247,250,248,.6);
}
.page-products .pc-clients{
  list-style:none;
  margin:0;
  padding:0;
}
.page-products .pc-client{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  gap:clamp(.6rem,1.6vw,.9rem);
  padding:clamp(12px,1.8vw,16px) clamp(14px,2vw,20px);
  border-bottom:1px solid rgba(247,250,248,.09);
}
.page-products .pc-client:last-child{
  border-bottom:0;
}
.page-products .pc-client__glyph{
  display:grid;
  place-items:center;
  width:2.2rem;
  height:2.2rem;
  flex:none;
  border-radius:10px;
  background:rgba(47,127,120,.18);
  border:1px solid rgba(47,127,120,.36);
  color:#9FD8CE;
}
.page-products .pc-client__meta{
  display:flex;
  flex-wrap:wrap;
  align-items:baseline;
  gap:.1rem .6rem;
  min-width:0;
}
.page-products .pc-client__name{
  font-weight:600;
  font-size:.9375rem;
  color:var(--c-mist);
}
.page-products .pc-client__ver{
  font-size:.8125rem;
  color:rgba(247,250,248,.6);
}
.page-products .pc-tag{
  flex:none;
  font-family:var(--font-mono);
  font-size:.6875rem;
  letter-spacing:.06em;
  padding:.28rem .6rem;
  border-radius:999px;
  border:1px solid currentColor;
  white-space:nowrap;
}
.page-products .pc-tag--sync{
  color:#8FD8C6;
  background:rgba(47,127,120,.22);
}
.page-products .pc-tag--pending{
  color:#F0A9B0;
  background:rgba(122,46,58,.28);
}
.page-products .pc-tag--export{
  color:#C6B9EC;
  background:rgba(75,63,114,.34);
}
.page-products .pc-download__figure{
  margin:0;
  aspect-ratio:5 / 3;
  border-radius:var(--cut);
  overflow:hidden;
  border:1px solid rgba(247,250,248,.16);
}
.page-products .pc-rules{
  margin-top:clamp(20px,3vw,34px);
  display:grid;
  gap:1px;
  background:rgba(247,250,248,.14);
  border:1px solid rgba(247,250,248,.14);
  border-radius:var(--cut-sm);
  overflow:hidden;
}
.page-products .pc-rule{
  background:rgba(16,42,46,.72);
  padding:clamp(14px,2vw,20px);
}
.page-products .pc-rule__label{
  margin:0 0 .45rem;
  font-size:.72rem;
  letter-spacing:.12em;
  color:var(--c-amber);
}
.page-products .pc-rule p:last-child{
  margin:0;
  font-size:.875rem;
  line-height:1.72;
  color:rgba(247,250,248,.74);
}

/* ---------- 双端帮助 ---------- */
.page-products .pc-dual__grid{
  display:grid;
  gap:clamp(24px,4vw,52px);
  align-items:center;
}
.page-products .pc-dual__figure{
  margin:0;
  order:2;
  aspect-ratio:9 / 7;
  border-radius:var(--cut);
  overflow:hidden;
  border:1px solid var(--c-line);
  box-shadow:var(--shadow-panel);
}
.page-products .pc-dual__body h2{
  margin:.85rem 0 0;
  font-family:var(--font-head);
  font-weight:800;
  font-size:clamp(1.5rem,2.9vw,2.3rem);
  line-height:1.26;
  letter-spacing:-.02em;
  color:var(--c-deep);
}
.page-products .pc-dual__body > p{
  margin:1rem 0 0;
  max-width:36em;
  font-size:1rem;
  line-height:1.85;
  color:var(--pc-text-soft);
}
.page-products .pc-dual__list{
  margin:clamp(16px,2.4vw,24px) 0 0;
  padding:0 0 0 clamp(14px,2vw,20px);
  list-style:none;
  display:grid;
  gap:.75rem;
  border-left:2px dashed rgba(47,127,120,.42);
}
.page-products .pc-dual__list li{
  font-size:.9375rem;
  line-height:1.72;
  color:rgba(16,42,46,.78);
}
.page-products .pc-dual__list span{
  display:inline-block;
  min-width:2.5rem;
  font-size:.6875rem;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:var(--c-celadon-deep);
}
.page-products .pc-dual__body .btn{
  display:inline-flex;
  align-items:center;
  margin-top:clamp(18px,2.6vw,26px);
  padding:.78rem 1.35rem;
  border-radius:999px;
  font-size:.9375rem;
  font-weight:600;
  text-decoration:none;
  border:1px solid var(--c-deep);
  background:var(--c-deep);
  color:var(--c-mist);
  transition:background .2s var(--ease),border-color .2s var(--ease);
}
.page-products .pc-dual__body .btn:hover{
  background:var(--c-celadon-deep);
  border-color:var(--c-celadon-deep);
}

/* ---------- 订阅与导出 ---------- */
.page-products .pc-sub{
  background:var(--c-sand);
}
.page-products .pc-sub__grid{
  display:grid;
  gap:clamp(20px,3vw,34px);
}
.page-products .pc-matrix{
  overflow-x:auto;
  -webkit-overflow-scrolling:touch;
  border:1px solid var(--c-line);
  border-radius:var(--cut-sm);
  background:var(--c-mist);
}
.page-products .pc-table{
  width:100%;
  min-width:520px;
  border-collapse:collapse;
  font-size:.9375rem;
}
.page-products .pc-table caption{
  caption-side:top;
  text-align:left;
  padding:clamp(12px,1.8vw,16px);
  font-size:.72rem;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:var(--c-celadon-deep);
  border-bottom:1px solid var(--c-line);
}
.page-products .pc-table th,
.page-products .pc-table td{
  text-align:left;
  padding:.85rem .9rem;
  border-bottom:1px solid var(--c-line-soft);
}
.page-products .pc-table thead th{
  font-family:var(--font-mono);
  font-size:.72rem;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:var(--c-deep-mid);
  border-bottom:1px solid var(--pc-line-strong);
  white-space:nowrap;
}
.page-products .pc-table tbody th{
  font-weight:600;
  color:var(--c-deep);
  white-space:nowrap;
}
.page-products .pc-table tbody td{
  color:rgba(16,42,46,.74);
}
.page-products .pc-table tbody tr:last-child th,
.page-products .pc-table tbody tr:last-child td{
  border-bottom:0;
}
.page-products .pc-export{
  border-radius:var(--cut);
  padding:clamp(18px,2.6vw,28px);
  background:linear-gradient(155deg,var(--c-deep),var(--c-deep-soft));
  color:var(--c-mist);
  box-shadow:var(--shadow-panel);
}
.page-products .pc-export h3{
  margin:0;
  font-family:var(--font-head);
  font-size:clamp(1.1rem,1.7vw,1.35rem);
  color:var(--c-mist);
}
.page-products .pc-export > p{
  margin:.7rem 0 0;
  font-size:.9375rem;
  line-height:1.82;
  color:rgba(247,250,248,.78);
}
.page-products .pc-export__formats{
  list-style:none;
  margin:clamp(14px,2vw,18px) 0 0;
  padding:0;
  display:grid;
  gap:.75rem;
}
.page-products .pc-export__formats li{
  display:grid;
  grid-template-columns:3.2rem minmax(0,1fr);
  gap:.7rem;
  align-items:baseline;
  padding-bottom:.75rem;
  border-bottom:1px dashed rgba(247,250,248,.16);
  font-size:.875rem;
  line-height:1.72;
  color:rgba(247,250,248,.76);
}
.page-products .pc-export__formats li:last-child{
  border-bottom:0;
  padding-bottom:0;
}
.page-products .pc-export__code{
  font-size:.75rem;
  letter-spacing:.1em;
  color:var(--c-amber);
}
.page-products .pc-export .btn{
  display:inline-flex;
  align-items:center;
  margin-top:clamp(16px,2.2vw,22px);
  padding:.78rem 1.35rem;
  border-radius:999px;
  border:1px solid var(--c-amber);
  background:var(--c-amber);
  color:#2B1A02;
  font-size:.9375rem;
  font-weight:600;
  text-decoration:none;
  transition:transform .2s var(--ease),background .2s var(--ease);
}
.page-products .pc-export .btn:hover{
  transform:translateY(-2px);
  background:#F2B45A;
}
.page-products .pc-sub__figure{
  margin:clamp(24px,3.4vw,40px) 0 0;
  aspect-ratio:3 / 2;
  border-radius:var(--cut);
  overflow:hidden;
  border:1px solid var(--c-line);
}

/* ---------- 适用场景 ---------- */
.page-products .pc-scenes__grid{
  display:grid;
  gap:clamp(24px,3.4vw,40px);
}
.page-products .pc-scene-list{
  list-style:none;
  margin:0;
  padding:0;
}
.page-products .pc-scene{
  display:grid;
  grid-template-columns:2.4rem minmax(0,1fr);
  gap:clamp(.8rem,1.6vw,1.2rem);
  padding:clamp(16px,2.4vw,24px) 0;
  border-top:1px solid var(--c-line);
}
.page-products .pc-scene:last-child{
  border-bottom:1px solid var(--c-line);
}
.page-products .pc-scene__id{
  display:grid;
  place-items:center;
  width:2.4rem;
  height:2.4rem;
  border-radius:999px;
  background:var(--c-celadon);
  color:var(--c-mist);
  font-size:.72rem;
  letter-spacing:.06em;
  align-self:start;
}
.page-products .pc-scene:nth-child(2) .pc-scene__id{
  background:var(--c-indigo);
}
.page-products .pc-scene:nth-child(3) .pc-scene__id{
  background:var(--c-wine);
}
.page-products .pc-scene h3{
  margin:0;
  font-family:var(--font-head);
  font-size:clamp(1.05rem,1.6vw,1.25rem);
  color:var(--c-deep);
}
.page-products .pc-scene p{
  margin:.5rem 0 0;
  max-width:34em;
  font-size:.9375rem;
  line-height:1.82;
  color:var(--pc-text-soft);
}
.page-products .pc-scene .pc-scene__combo{
  margin-top:.7rem;
  padding-left:.7rem;
  font-size:.72rem;
  letter-spacing:.05em;
  color:var(--c-celadon-deep);
  border-left:2px solid rgba(47,127,120,.42);
}
.page-products .pc-scenes__figure{
  margin:0;
  aspect-ratio:11 / 6;
  border-radius:var(--cut);
  overflow:hidden;
  border:1px solid var(--c-line);
}

/* ---------- 上线流程 ---------- */
.page-products .pc-flow{
  background:linear-gradient(180deg,#0F3244 0%,#0B2A4A 100%);
  color:var(--c-mist);
}
.page-products .pc-steps{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  gap:clamp(14px,2vw,20px);
}
.page-products .pc-step{
  position:relative;
  padding:clamp(14px,2vw,20px);
  border:1px solid rgba(247,250,248,.16);
  border-radius:var(--cut-sm);
  background:rgba(247,250,248,.045);
}
.page-products .pc-step__num{
  display:inline-block;
  margin-bottom:.5rem;
  font-size:.7rem;
  letter-spacing:.14em;
  color:var(--c-amber);
}
.page-products .pc-step h3{
  margin:0;
  font-family:var(--font-head);
  font-size:1rem;
  color:var(--c-mist);
}
.page-products .pc-step p{
  margin:.45rem 0 0;
  font-size:.875rem;
  line-height:1.72;
  color:rgba(247,250,248,.72);
}

/* ---------- 收尾 ---------- */
.page-products .pc-cta{
  background:var(--c-mist);
  padding-block:clamp(40px,6vw,72px);
}
.page-products .pc-cta__panel{
  display:grid;
  gap:clamp(18px,2.6vw,28px);
  padding:clamp(22px,3.6vw,44px);
  border:1px solid var(--c-line);
  border-radius:var(--cut);
  background:linear-gradient(140deg,#FFFFFF 0%,var(--c-sand) 100%);
  box-shadow:var(--shadow-panel);
}
.page-products .pc-cta__text h2{
  margin:0;
  font-family:var(--font-head);
  font-weight:800;
  font-size:clamp(1.4rem,2.6vw,2rem);
  line-height:1.28;
  letter-spacing:-.02em;
  color:var(--c-deep);
}
.page-products .pc-cta__text p{
  margin:.7rem 0 0;
  font-size:.9375rem;
  line-height:1.82;
  color:var(--pc-text-soft);
}
.page-products .pc-cta__links{
  display:grid;
  gap:.55rem;
}
.page-products .pc-cta__links a{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:1rem;
  padding:.85rem 1rem;
  border:1px solid var(--c-line);
  border-radius:var(--cut-sm);
  background:rgba(247,250,248,.75);
  color:var(--c-deep);
  font-size:.9375rem;
  font-weight:600;
  text-decoration:none;
  transition:background .2s var(--ease),border-color .2s var(--ease),transform .2s var(--ease);
}
.page-products .pc-cta__links a::after{
  content:"\2192";
  font-family:var(--font-mono);
  color:var(--c-celadon);
}
.page-products .pc-cta__links a:hover{
  background:#fff;
  border-color:rgba(232,162,58,.62);
  transform:translateX(3px);
}

/* ---------- 响应式 ---------- */
@media (min-width:720px){
  .page-products .pc-rules{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .page-products .pc-steps{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media (min-width:900px){
  .page-products .pc-hero__grid{
    grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);
    align-items:start;
    gap:clamp(30px,4vw,64px);
  }
  .page-products .pc-hero__console{
    margin-top:clamp(8px,3vw,40px);
  }
  .page-products .pc-bento{
    grid-template-columns:repeat(12,minmax(0,1fr));
    align-items:start;
  }
  .page-products .pc-bento > :nth-child(1){grid-column:span 7;}
  .page-products .pc-bento > :nth-child(2){grid-column:span 5;}
  .page-products .pc-bento > :nth-child(3){grid-column:span 5;}
  .page-products .pc-bento > :nth-child(4){grid-column:span 7;}
  .page-products .pc-download__grid{
    grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);
    align-items:start;
  }
  .page-products .pc-dual__grid{
    grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);
  }
  .page-products .pc-dual__figure{
    order:0;
    transform:translateX(-14px);
  }
  .page-products .pc-sub__grid{
    grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);
    align-items:start;
  }
  .page-products .pc-cta__panel{
    grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);
    align-items:center;
  }
}

@media (min-width:960px){
  .page-products .pc-scenes__grid{
    grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);
    align-items:start;
  }
  .page-products .pc-scenes__figure{
    margin-top:clamp(16px,2vw,26px);
  }
}

@media (min-width:1040px){
  .page-products .pc-rules{
    grid-template-columns:repeat(4,minmax(0,1fr));
  }
  .page-products .pc-steps{
    grid-template-columns:repeat(5,minmax(0,1fr));
  }
  .page-products .pc-step::after{
    content:"";
    position:absolute;
    top:2.2rem;
    right:-1.1rem;
    width:2.2rem;
    height:1px;
    background:repeating-linear-gradient(90deg,rgba(232,162,58,.7) 0 5px,transparent 5px 10px);
  }
  .page-products .pc-step:last-child::after{
    display:none;
  }
}

@media (max-width:420px){
  .page-products .pc-client{
    grid-template-columns:auto minmax(0,1fr);
  }
  .page-products .pc-client .pc-tag{
    grid-column:2;
    justify-self:start;
  }
}

@media (prefers-reduced-motion:reduce){
  .page-products .pc-hero__actions .btn,
  .page-products .pc-cta__links a,
  .page-products .pc-export .btn,
  .page-products .pc-dual__body .btn,
  .page-products .pc-crumbs .breadcrumb a{
    transition:none;
  }
  .page-products .pc-cta__links a:hover,
  .page-products .pc-hero__actions .btn:hover,
  .page-products .pc-export .btn:hover{
    transform:none;
  }
}