.page-products{
  --pd-ink:#3C4A5E;
  --pd-gap:clamp(20px,3vw,32px);
  padding-top:var(--yx-header-h);
  background:
    radial-gradient(88% 52% at 88% -4%, rgba(53,227,212,.13), transparent 62%),
    radial-gradient(70% 44% at 2% 10%, rgba(255,122,41,.07), transparent 60%),
    var(--yx-deep);
  color:var(--yx-read);
  font-family:var(--yx-font-body);
  overflow-x:clip;
}

.page-products img{max-width:100%;height:auto;display:block;}
.page-products :focus-visible{outline:2px solid var(--yx-cyan);outline-offset:3px;border-radius:6px;}

/* 面包屑 */
.page-products .pd-crumbs{padding:16px 0 4px;}
.page-products .yx-crumbs__list{
  display:flex;flex-wrap:wrap;gap:10px;margin:0;padding:0;list-style:none;
  font-size:13px;color:var(--yx-slate);
}
.page-products .yx-crumbs__list a{color:var(--yx-slate);text-decoration:none;transition:color .2s ease;}
.page-products .yx-crumbs__list a:hover{color:var(--yx-cyan);}
.page-products .yx-crumbs__list li[aria-current="page"]{color:var(--yx-cyan);}

/* 通用文字层级 */
.page-products .yx-eyebrow{
  margin:0;font-family:var(--yx-font-mono);font-size:12.5px;
  letter-spacing:.14em;text-transform:uppercase;color:var(--yx-cyan);
}
.page-products .yx-title{
  margin:12px 0 0;font-family:var(--yx-font-display);font-weight:800;
  letter-spacing:-.015em;font-size:clamp(24px,4.4vw,34px);line-height:1.2;color:var(--yx-white);
}
.page-products .yx-lede{margin:14px 0 0;font-size:16px;line-height:1.8;color:var(--yx-read);}
.page-products .pd-head{max-width:760px;}

/* 首屏 */
.page-products .pd-hero{padding:clamp(20px,4vw,44px) 0 clamp(40px,6vw,76px);}
.page-products .pd-hero__inner{display:grid;gap:clamp(30px,5vw,52px);align-items:start;}
.page-products .pd-hero__lead .yx-title{
  margin:14px 0 0;font-size:clamp(32px,6.4vw,52px);line-height:1.12;color:var(--yx-white);
}
.page-products .pd-hero__lead .yx-lede{
  margin:18px 0 0;font-size:clamp(16px,2.2vw,18px);max-width:60ch;
}
.page-products .pd-hero__sub{
  margin:14px 0 0;max-width:60ch;font-size:15px;line-height:1.8;color:var(--yx-slate);
}
.page-products .pd-hero__actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px;}
.page-products .pd-hero__stats{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;margin:30px 0 0;padding:0;list-style:none;
}
.page-products .pd-stat{
  padding:14px 16px;border-radius:var(--yx-r-md);
  background:rgba(20,41,74,.66);border:1px solid var(--yx-line-soft);
}
.page-products .pd-stat__num{
  display:block;font-family:var(--yx-font-mono);font-size:24px;font-weight:700;
  color:var(--yx-cyan);font-variant-numeric:tabular-nums;line-height:1.2;
}
.page-products .pd-stat__num i{font-style:normal;font-size:13px;margin-left:3px;color:var(--yx-read);}
.page-products .pd-stat__label{display:block;margin-top:6px;font-size:12.5px;line-height:1.6;color:var(--yx-slate);}

.page-products .pd-hero__side{display:grid;gap:18px;min-width:0;}
.page-products .pd-frame{
  border-radius:var(--yx-r-lg);overflow:hidden;
  border:1px solid var(--yx-line-soft);background:var(--yx-layer);
}
.page-products .pd-frame img{width:100%;height:auto;object-fit:cover;}
.page-products .pd-hero__panel{
  padding:20px;border-radius:var(--yx-r-lg);
  background:var(--yx-layer);border:1px solid var(--yx-line-soft);
}
.page-products .pd-hero__panel-title{
  margin:0;font-family:var(--yx-font-display);font-weight:800;
  font-size:18px;color:var(--yx-white);letter-spacing:.01em;
}
.page-products .pd-hero__panel-list{
  margin:12px 0 0;padding-left:18px;font-size:14.5px;line-height:1.8;color:var(--yx-read);
}
.page-products .pd-hero__panel-list li+li{margin-top:6px;}
.page-products .pd-save{margin-top:18px;}

/* 区块 */
.page-products .pd-section{padding:clamp(44px,7vw,88px) 0;}
.page-products .pd-section--layer{background:var(--yx-layer);}
.page-products .pd-section--cream{background:var(--yx-cream);color:var(--yx-deep);}
.page-products .pd-section--cream .yx-title{color:var(--yx-deep);}
.page-products .pd-section--cream .yx-lede{color:var(--pd-ink);}
.page-products .pd-section--cream .yx-eyebrow{color:var(--yx-clay);}

/* 首屏四块 */
.page-products .pd-screen{
  list-style:none;margin:clamp(26px,4vw,40px) 0 0;padding:0;
  display:grid;gap:1px;background:var(--yx-line-soft);
  border:1px solid var(--yx-line-soft);border-radius:var(--yx-r-lg);overflow:hidden;
}
.page-products .pd-screen__item{background:var(--yx-deep);padding:22px 20px;}
.page-products .pd-screen__idx{
  font-family:var(--yx-font-mono);font-size:13px;letter-spacing:.1em;color:var(--yx-cyan);
}
.page-products .pd-screen__title{
  margin:10px 0 0;font-family:var(--yx-font-display);font-weight:800;
  font-size:18px;color:var(--yx-white);
}
.page-products .pd-screen__item p{margin:8px 0 0;font-size:14.5px;line-height:1.8;color:var(--yx-slate);}

/* 标签切换 */
.page-products .pd-tabs{min-width:0;}
.page-products .pd-tablist{
  display:flex;gap:10px;overflow-x:auto;padding:4px 2px 12px;
  margin-top:clamp(22px,3.5vw,32px);scrollbar-width:thin;-webkit-overflow-scrolling:touch;
}
.page-products .yx-tabs__btn{
  flex:0 0 auto;position:relative;padding:10px 20px;border-radius:var(--yx-pill);
  border:1px solid var(--yx-line);background:transparent;color:var(--yx-read);
  font-family:inherit;font-size:14.5px;line-height:1.4;cursor:pointer;
  transition:border-color .2s ease,color .2s ease,background .2s ease;
}
.page-products .yx-tabs__btn:hover{border-color:var(--yx-cyan);color:var(--yx-cyan);}
.page-products .yx-tabs__btn[aria-selected="true"]{
  background:var(--yx-cyan-soft);border-color:transparent;color:var(--yx-cyan);
}
.page-products .yx-tabs__btn[aria-selected="true"]::after{
  content:"";position:absolute;left:20px;right:20px;bottom:5px;height:2px;
  border-radius:2px;background:var(--yx-cyan);
}
.page-products .pd-sys .pd-tablist{margin-top:22px;}
.page-products .pd-sysbtn[aria-selected="true"]{
  background:transparent;color:var(--yx-orange);box-shadow:inset 0 0 0 1px var(--yx-orange);
}
.page-products .pd-sysbtn[aria-selected="true"]::after{background:var(--yx-orange);}

.page-products .pd-panels{margin-top:6px;}
.page-products .pd-panel{
  padding:20px;border-radius:var(--yx-r-md);
  background:rgba(11,27,51,.56);border:1px solid var(--yx-line-soft);
  font-size:15.5px;line-height:1.85;color:var(--yx-read);
}
.page-products .pd-panel+.pd-panel{margin-top:14px;}
.page-products .pd-panel[hidden]{display:none;}
.page-products .pd-panel h3{
  margin:0;font-family:var(--yx-font-display);font-weight:800;
  font-size:17px;color:var(--yx-cyan);
}
.page-products .pd-panel p{margin:10px 0 0;}
.page-products .pd-panel__fit{margin-top:12px;font-size:14.5px;color:var(--yx-slate);}
.page-products .pd-panel__fit strong{color:var(--yx-read);}

/* 对照表 */
.page-products .pd-tablewrap{
  margin-top:clamp(24px,4vw,36px);overflow-x:auto;
  border:1px solid var(--yx-line-soft);border-radius:var(--yx-r-md);
  background:rgba(11,27,51,.5);
}
.page-products .pd-table{width:100%;min-width:620px;border-collapse:collapse;font-size:14.5px;}
.page-products .pd-table caption{
  caption-side:top;text-align:left;padding:16px 18px 10px;
  font-family:var(--yx-font-mono);font-size:13px;letter-spacing:.08em;color:var(--yx-slate);
}
.page-products .pd-table th,
.page-products .pd-table td{
  padding:14px 18px;text-align:left;vertical-align:top;
  border-bottom:1px solid var(--yx-line-soft);
}
.page-products .pd-table thead th{
  font-family:var(--yx-font-display);font-weight:800;font-size:14px;
  letter-spacing:.02em;color:var(--yx-white);background:rgba(20,41,74,.9);
}
.page-products .pd-table tbody th{font-weight:500;color:var(--yx-read);}
.page-products .pd-table tbody td{color:var(--yx-slate);}
.page-products .pd-table tbody tr:nth-child(even){background:rgba(122,135,152,.08);}
.page-products .pd-table tbody tr:last-child th,
.page-products .pd-table tbody tr:last-child td{border-bottom:0;}
.page-products .pd-check{color:var(--yx-cyan);font-weight:700;margin-right:5px;}
.page-products .pd-dash{color:var(--yx-line);}

.page-products .pd-details{margin-top:22px;padding-top:18px;border-top:1px solid var(--yx-line-soft);}
.page-products .pd-details summary{
  cursor:pointer;font-family:var(--yx-font-display);font-weight:800;
  font-size:15px;color:var(--yx-cyan);list-style:none;
}
.page-products .pd-details summary::-webkit-details-marker{display:none;}
.page-products .pd-details summary::before{content:"＋ ";font-family:var(--yx-font-mono);}
.page-products .pd-details[open] summary::before{content:"－ ";}
.page-products .pd-details ul{margin:14px 0 0;padding-left:20px;font-size:14.5px;line-height:1.85;color:var(--yx-slate);}
.page-products .pd-details li+li{margin-top:8px;}

/* 下载与安装 */
.page-products .pd-download{display:grid;gap:clamp(26px,4vw,40px);}
.page-products .pd-download__main{min-width:0;}
.page-products .pd-download__aside{
  padding:22px;border-radius:var(--yx-r-lg);
  background:rgba(20,41,74,.82);border:1px solid rgba(53,227,212,.24);
}
.page-products .pd-aside__title{
  margin:0;font-family:var(--yx-font-display);font-weight:800;
  font-size:17px;color:var(--yx-white);
}
.page-products .pd-spec{margin:16px 0 0;display:grid;gap:12px;}
.page-products .pd-spec>div{
  display:flex;justify-content:space-between;gap:14px;
  padding-bottom:10px;border-bottom:1px dashed var(--yx-line-soft);
}
.page-products .pd-spec>div:last-child{border-bottom:0;padding-bottom:0;}
.page-products .pd-spec dt{font-size:13.5px;color:var(--yx-slate);}
.page-products .pd-spec dd{
  margin:0;font-family:var(--yx-font-mono);font-size:14px;
  color:var(--yx-cyan);text-align:right;font-variant-numeric:tabular-nums;
}
.page-products .pd-aside__note{margin:16px 0 0;font-size:13.5px;line-height:1.75;color:var(--yx-slate);}

.page-products .pd-steps{
  list-style:none;margin:24px 0 0;padding:0;counter-reset:pdstep;
  display:grid;gap:14px;
}
.page-products .pd-steps li{
  position:relative;padding-left:40px;font-size:14.8px;line-height:1.8;color:var(--yx-read);
}
.page-products .pd-steps li::before{
  counter-increment:pdstep;content:counter(pdstep);
  position:absolute;left:0;top:2px;width:26px;height:26px;border-radius:50%;
  display:grid;place-items:center;font-family:var(--yx-font-mono);font-size:12.5px;
  color:var(--yx-cyan);border:1px solid rgba(53,227,212,.5);
}
.page-products .pd-steps strong{color:var(--yx-white);font-weight:700;}

/* 移动端数据 */
.page-products .pd-mobile{
  display:grid;gap:clamp(20px,3vw,30px);margin-top:clamp(26px,4vw,40px);
}
.page-products .pd-frame--cream{
  border-radius:var(--yx-r-lg);overflow:hidden;
  background:var(--yx-white);border:1px solid rgba(11,27,51,.12);
}
.page-products .pd-frame--cream img{width:100%;height:auto;object-fit:cover;}
.page-products .pd-mobile__card h3{
  margin:16px 0 0;font-family:var(--yx-font-display);font-weight:800;
  font-size:18px;color:var(--yx-deep);
}
.page-products .pd-mobile__card p{margin:8px 0 0;font-size:15px;line-height:1.85;color:var(--pd-ink);}

/* 跨端同步 */
.page-products .pd-sync{display:grid;gap:clamp(26px,4vw,44px);align-items:start;}
.page-products .pd-sync__text{min-width:0;}
.page-products .pd-sync__text>p{margin:16px 0 0;font-size:16px;line-height:1.85;color:var(--yx-read);}
.page-products .pd-sync .pd-steps{margin-top:22px;}

/* 订阅规则 */
.page-products .pd-subs{
  display:grid;gap:clamp(20px,3vw,32px);align-items:center;
  margin-top:clamp(24px,4vw,36px);
}
.page-products .pd-chips{list-style:none;display:flex;flex-wrap:wrap;gap:10px;margin:0;padding:0;}
.page-products .pd-subs__note{
  margin:22px 0 0;max-width:70ch;font-size:14.5px;line-height:1.85;color:var(--yx-slate);
}

/* 后续入口 */
.page-products .pd-next{
  list-style:none;margin:clamp(22px,3.5vw,34px) 0 0;padding:0;
  display:grid;gap:1px;background:rgba(11,27,51,.16);
  border-radius:var(--yx-r-lg);overflow:hidden;
}
.page-products .pd-next a{
  display:block;padding:18px 20px;background:var(--yx-cream);
  text-decoration:none;color:var(--yx-deep);
  transition:background .2s ease,transform .2s ease;
}
.page-products .pd-next a:hover{background:var(--yx-white);transform:translateY(-2px);}
.page-products .pd-next span{display:block;font-family:var(--yx-font-display);font-weight:800;font-size:17px;}
.page-products .pd-next em{display:block;margin-top:6px;font-style:normal;font-size:14px;line-height:1.7;color:var(--pd-ink);}

/* 出场 */
.page-products [data-reveal].is-visible{animation:pd-rise .55s ease both;}
@keyframes pd-rise{
  from{opacity:.001;transform:translateY(12px);}
  to{opacity:1;transform:none;}
}

/* 响应式 */
@media (min-width:640px){
  .page-products .pd-screen{grid-template-columns:repeat(2,minmax(0,1fr));}
  .page-products .pd-hero__stats{grid-template-columns:repeat(4,minmax(0,1fr));}
  .page-products .pd-mobile{grid-template-columns:repeat(2,minmax(0,1fr));}
}

@media (min-width:900px){
  .page-products .pd-download{grid-template-columns:minmax(0,7fr) minmax(0,5fr);}
  .page-products .pd-download__aside{position:sticky;top:calc(var(--yx-header-h) + 24px);}
  .page-products .pd-sync{grid-template-columns:minmax(0,6fr) minmax(0,6fr);}
  .page-products .pd-subs{grid-template-columns:minmax(0,5fr) minmax(0,7fr);}
  .page-products .pd-hero__side{position:sticky;top:calc(var(--yx-header-h) + 20px);}
  .page-products .pd-next{grid-template-columns:repeat(2,minmax(0,1fr));}
  .page-products .pd-next li:last-child:nth-child(odd){grid-column:1 / -1;}
}

@media (min-width:960px){
  .page-products .pd-hero__inner{grid-template-columns:minmax(0,7fr) minmax(0,5fr);}
}

@media (prefers-reduced-motion: reduce){
  .page-products [data-reveal].is-visible{animation:none;}
  .page-products .pd-next a:hover{transform:none;}
}