/* 技术支持页采用中轴构图；所有规则限定于本页，复用原结构与交互，避免影响关于页及文章阅读。 */
#page-content.resource-view[data-resource-page="support"]{background:radial-gradient(ellipse 900px 680px at 50% 300px,#1a46985c,transparent 78%),radial-gradient(ellipse 950px 1200px at 50% 1300px,#123c742e,transparent 82%),linear-gradient(160deg,#041a43,#061328 60%,#000618)}
.resource-view .res-support::before{inset:0 0 auto;width:100%;height:720px;clip-path:none;background:radial-gradient(ellipse 55% 65% at 50% 38%,#3975c21a,transparent 85%)}

/* 隐去四处与大标题重复的栏目小字，同时移除其占位和外边距；保留原节点供双语绑定，搜索标签和操作提示不受影响。 */
.resource-view .res-support .res-support-hero>div>.ph-section-label,
.resource-view .res-support .res-support-body>aside>.ph-section-label,
.resource-view .res-support .res-support-resources>div>.ph-section-label,
.resource-view .res-support .ph-callout>div>.ph-section-label{display:none}

/* 标题、简介和搜索沿同一中轴排列；限制简介与搜索宽度，使视线从主题自然进入检索。 */
.resource-view .res-support .res-support-hero{grid-template-columns:minmax(0,1fr);justify-items:center;gap:32px;padding:34px 0 38px;text-align:center}
.resource-view .res-support .res-support-hero>div{width:100%;min-width:0}
.resource-view .res-support .res-support-hero h1{margin:0 auto 20px;max-width:850px;text-wrap:balance}
.resource-view .res-support .res-support-hero .ph-lead{max-width:660px;margin-inline:auto;text-wrap:balance}
.resource-view .res-support .res-support-hero .res-search{width:100%;max-width:640px;padding:0;text-align:left}
.resource-view .res-support .res-search>div{background:#0b2343b3;border-color:#a5c5ed66;box-shadow:0 12px 32px #00061826}

/* 三个入口与正文共用宽度，减少卡片留白；仍保留完整说明、选中边缘及原有键盘焦点。 */
.resource-view .res-support .res-support-topics{max-width:960px;margin:0 auto 60px;gap:18px}
.resource-view .res-support .res-support-topics button{min-height:180px;padding:22px 24px;gap:12px;background:linear-gradient(145deg,#163d6c80,#0a234344)}
.resource-view .res-support .res-support-topics button>span:first-child{font-size:21px}
.resource-view .res-support .res-support-topics button[aria-pressed="true"]{background:linear-gradient(145deg,#28568c,#123056);border-color:#b7d3fa}
.resource-view .res-support .res-support-topics button:hover{border-color:#b7d3fa99;background-color:#234975}
.resource-view .res-support .res-topic-action{padding-top:4px}

/* 问答标题移至列表上方，整体集中为单列；正文继续左对齐，避免长问题与展开答案变成居中段落。 */
.resource-view .res-support .res-support-body{max-width:960px;margin-inline:auto;grid-template-columns:minmax(0,1fr);gap:26px;padding:54px 0 64px}
.resource-view .res-support .res-support-body>aside{text-align:center}
.resource-view .res-support .res-support-body>aside h2{margin-bottom:16px}
.resource-view .res-support .res-support-body>aside>p:not(.ph-section-label){max-width:620px;margin:0 auto 14px;text-wrap:balance}
.resource-view .res-support .res-text-button{min-height:44px;padding:8px 12px;text-align:center}
.resource-view .res-support .res-support-body>div{min-width:0}
.resource-view .res-support .res-result-line{min-height:40px}
.resource-view .res-support .res-faq summary{min-height:76px;padding:23px 4px;box-sizing:border-box}
.resource-view .res-support .res-faq>div{padding:0 42px 24px 4px}

/* 资料区的介绍置于两张等宽资源卡上方，卡片入口底边对齐，让下一步操作容易比较和定位。 */
.resource-view .res-support .res-support-resources{max-width:960px;margin-inline:auto;grid-template-columns:minmax(0,1fr);gap:28px;padding-block:54px 60px;text-align:center}
.resource-view .res-support .res-support-resources h2{margin-bottom:18px}
.resource-view .res-support .res-support-resources>div>p:not(.ph-section-label){max-width:660px;margin:0 auto 16px;text-wrap:balance}
.resource-view .res-support .res-document-slots{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;text-align:left}
.resource-view .res-support .res-document-slots>div{padding:26px;min-width:0}
.resource-view .res-support .res-document-slots .ph-link{margin-top:auto;min-height:44px;display:inline-flex;align-items:center}

/* 底部咨询在中轴收束，主次入口并排且可换行；不引入悬浮、持续动画或额外遮罩。 */
.resource-view .res-support .ph-callout{max-width:960px;margin:0 auto;grid-template-columns:minmax(0,1fr);justify-items:center;gap:26px;padding:54px 0 64px;text-align:center}
.resource-view .res-support .ph-callout h2{margin-bottom:18px}
.resource-view .res-support .ph-callout p:not(.ph-section-label){max-width:660px;margin-inline:auto;text-wrap:balance}
.resource-view .res-support .ph-callout-actions{flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:center;gap:18px 28px;padding:0}

/* 窄平板和手机改用紧凑纵向入口，避免三列把说明挤成细长文本；所有内容继续自然滚动。 */
@container website (max-width:700px){
  .resource-view .res-support .res-support-hero{padding:24px 0 30px;gap:26px}
  .resource-view .res-support .res-support-topics{grid-template-columns:minmax(0,1fr);gap:12px;margin-bottom:40px}
  .resource-view .res-support .res-support-topics button{min-height:0;padding:20px 22px;gap:8px}
  .resource-view .res-support .res-topic-action{padding-top:2px}
  .resource-view .res-support .res-support-body{gap:20px;padding:38px 0 44px}
  .resource-view .res-support .res-support-resources{padding-block:38px 44px;gap:24px}
  .resource-view .res-support .res-document-slots{grid-template-columns:minmax(0,1fr);gap:14px}
  .resource-view .res-support .res-document-slots>div{padding:22px}
  .resource-view .res-support .ph-callout{padding:38px 0 48px;gap:22px}
  .resource-view .res-support .res-faq summary{gap:16px;padding-block:20px}
  .resource-view .res-support .res-faq>div{padding-right:16px}
}