/* 资料与支持页面沿用首页深蓝受光和本地字体，覆盖范围限定在本批内容宿主，避免影响产品和首页。 */
#page-content.placeholder-view.resource-view{background:radial-gradient(ellipse 740px 650px at 92% 420px,#3265a848,transparent 76%),radial-gradient(ellipse 560px 480px at 3% 980px,#244c7d2e,transparent 80%),linear-gradient(145deg,#081d3c,#05142d 48%,#000618);color:#f3f7fc}
.resource-view .ph-page{max-width:1360px;overflow:visible;padding-inline:clamp(24px,4.5cqw,68px)}
/* 列表页在标题右侧放置低透明度几何面，背景只绘制在本页隔离层，不接收事件或占用布局空间。 */
.resource-view .ph-page::before{content:"";display:block;position:absolute;z-index:-1;pointer-events:none;inset:0 0 auto auto;width:60%;height:640px;background:linear-gradient(145deg,#87b8ec23,#4e7db714 62%,transparent);clip-path:polygon(39% 0,100% 0,82% 100%,0 72%)}
/* 支持页采用偏右的斜向带面，柔光连接搜索与主题入口；正文问答仍保持稳定暗底。 */
.resource-view .res-support::before{width:68%;height:680px;clip-path:polygon(62% 0,100% 0,100% 88%,0 38%);background:linear-gradient(150deg,#87b8ec23,#4e7db710 70%,transparent)}
/* 文章的装饰限于标题边缘并降低亮度，避免长篇正文和表格承受大块背景变化。 */
#page-content.resource-view[data-resource-page="article"]{background:radial-gradient(ellipse 680px 500px at 96% 240px,#315c9233,transparent 78%),linear-gradient(145deg,#081d3c,#05142d 42%,#000618)}
.resource-view .res-article-page::before{width:43%;height:470px;background:linear-gradient(145deg,#87b8ec17,#4e7db70a 70%,transparent);clip-path:polygon(30% 0,100% 0,100% 100%,0 62%)}
.resource-view h1{font-size:clamp(42px,4.6cqw,64px);line-height:1.13;letter-spacing:-.045em;overflow-wrap:break-word}
.resource-view h2{font-size:clamp(30px,3cqw,42px);line-height:1.2}
.resource-view button,.resource-view input{font:inherit;box-sizing:border-box}
.resource-view button{cursor:pointer}
.resource-view button:disabled{cursor:default;opacity:.4}
.resource-view button:focus-visible,.resource-view input:focus-visible,.resource-view summary:focus-visible{outline:2px solid #b4d4ff;outline-offset:4px}
.resource-view .ph-section-label{font-size:14px;line-height:1.6}
.resource-view .ph-lead{font-size:18px;max-width:60ch;line-height:1.8}
.resource-view .ph-callout{margin-top:12px}
/* 两个入口共用水平内边距和边框厚度，使文字左缘对齐；次链接的透明边框只占位，不增加可见按钮外框。 */
.resource-view .res-library .ph-callout-actions{--knowledge-action-inset:22px;align-items:flex-start;justify-self:start;width:fit-content;max-width:100%;text-align:left}
.resource-view .res-library .ph-callout-actions>a{justify-content:flex-start;max-width:100%;padding-inline:var(--knowledge-action-inset);box-sizing:border-box}
.resource-view .res-library .ph-callout-actions>a:not(.ph-button){border:1px solid transparent}

/* 知识中心以阅读目录为主线，精选文章用横向开篇和书页视觉建立内容气质，避免重复首页的设备轮播。 */
.resource-view .res-library-hero{padding:34px 0 52px}
.resource-view .res-library-hero h1{max-width:18ch;margin-bottom:26px}
.resource-view .res-feature{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:64px;align-items:center;padding:40px 56px;margin-bottom:72px;border:1px solid #a9c9ef40;background:linear-gradient(110deg,#102e55e0,#153c6ce0 68%,#193f72);overflow:hidden}
.resource-view .res-feature>div:first-child{position:relative;z-index:1;max-width:54ch}
.resource-view .res-feature h2{margin-bottom:18px;font-size:36px;line-height:1.25}
.resource-view .res-feature p:not(.ph-section-label){font-size:17px;line-height:1.8;margin-bottom:26px;color:#cad9ed}
.resource-view .res-cover{position:relative;isolation:isolate;display:flex;flex-direction:column;justify-content:space-between;width:120px;min-height:152px;padding:16px 14px;color:#e4edfa;background:linear-gradient(145deg,#264e7e,#102949);border:1px solid #9dc4f055;border-left:5px solid #86abd66b;box-shadow:5px 6px 0 #0011294d;overflow:hidden;box-sizing:border-box}
.resource-view .res-cover::after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(125deg,transparent 40%,#abc9ee12 40.3%,#abc9ee05 70%,transparent 70.3%);pointer-events:none}
.resource-view .res-cover>span{font-size:15px;line-height:1.4;overflow-wrap:normal}
.resource-view .res-cover small{font-size:14px;line-height:1.35;color:#b7cce5}
.resource-view .res-cover-lines{display:flex;flex-direction:column;gap:7px;padding:14px 0}
.resource-view .res-cover-lines i{height:1px;background:#a7c7ed66;width:84%}
.resource-view .res-cover-lines i:nth-child(2){width:66%}
.resource-view .res-cover-lines i:nth-child(3){width:76%}
.resource-view .res-cover-large{width:100%;max-width:250px;min-height:280px;padding:26px 24px;justify-self:end;background:linear-gradient(145deg,#5d87b5,#294f7f 52%,#18375f);border-left:8px solid #acd0f49e;box-shadow:10px 12px 0 #0011293d}
.resource-view .res-cover-large>span{font-size:28px;line-height:1.3}
.resource-view .res-cover-large small{color:#d3e1f0}
.resource-view .res-cover-large .res-cover-lines{gap:15px}

/* 分级分类保留统一左边界，子类通过缩进和细竖线连接到主类，长分类名自然换行且数量不挤压名称。 */
.resource-view .res-library-body{position:relative;isolation:isolate;display:grid;grid-template-columns:270px minmax(0,1fr);gap:54px;padding-bottom:68px}
/* 柔光随整个目录区的实际高度铺开，筛选与翻页后仍覆盖文章区域，避免只在页首有光而中部回到纯暗底。 */
.resource-view .res-library-body::before{content:"";position:absolute;z-index:-1;pointer-events:none;inset:-24px 0 0;background:radial-gradient(ellipse 78% 90% at 66% 45%,#3974a65c,transparent 78%),radial-gradient(ellipse 62% 75% at 0% 58%,#2c60893d,transparent 82%),linear-gradient(155deg,#173f6626,transparent 22%,#14345229 82%,transparent)}
/* 列表后方的大面积淡几何面连接左侧分类与右侧条目，不形成单条卡片边框，也不拦截文字和按钮。 */
.resource-view .res-library-body::after{content:"";position:absolute;z-index:-1;pointer-events:none;inset:0 0 0 auto;width:83%;background:linear-gradient(155deg,#85b8eb1a,#598ec010 68%,transparent);clip-path:polygon(28% 0,100% 8%,83% 100%,0 78%)}
.resource-view .res-filters{min-width:0}
.resource-view .res-filters h2{font-size:20px;line-height:1.4;letter-spacing:-.02em;margin:0 0 24px}
.resource-view .res-type-options{display:flex;flex-direction:column;gap:3px}
.resource-view .res-type-options button{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:12px;width:100%;min-height:46px;padding:12px 14px;border:1px solid transparent;background:transparent;text-align:left;color:#bfcfe3;font-size:15px;line-height:1.5;border-radius:4px}
.resource-view .res-type-options button>span:first-child{min-width:0;overflow-wrap:break-word}
.resource-view .res-type-options button>span:last-child{padding-top:1px;color:#9eb8d8;font-size:14px;line-height:1.5;font-variant-numeric:tabular-nums}
.resource-view .res-type-options .res-kind-parent:not(:first-child){margin-top:9px}
.resource-view .res-type-options .res-kind-child{width:calc(100% - 18px);margin-left:18px;border-left:1px solid #9bbcea40;border-radius:0 4px 4px 0;padding-left:15px}
.resource-view .res-type-options button:hover{background:#adcfff0c;color:#f3f7fc}
.resource-view .res-type-options button[aria-pressed="true"]{background:#284f7b73;border-color:#a9c9ef65;color:#fff}
.resource-view .res-type-options button[aria-pressed="true"]>span:last-child{color:#cfe1f9}
.resource-view .res-type-options button[data-active-branch="true"]{color:#f0f6ff;background:#213e631f}
.resource-view .res-filters>p{padding:25px 14px 0;font-size:14px;line-height:1.85;color:#a8bdd7}
.resource-view .res-library-content{min-width:0}

/* 搜索和结果提示共享稳定控件尺寸，输入时只刷新结果，视觉上保留明确的检索区域与当前数量。 */
.resource-view .res-search{margin:0;min-width:0}
.resource-view .res-search label{display:block;margin-bottom:10px;font-size:15px;line-height:1.5;color:#d0dded}
.resource-view .res-search>div{display:flex;border:1px solid #9ebbe44d;border-radius:6px;background:#0b2343;overflow:hidden}
.resource-view .res-search input{display:block;flex:1;min-width:0;width:100%;min-height:54px;padding:13px 18px;border:0;border-radius:0;background:transparent;color:#f3f7fc;font-size:16px;line-height:1.5}
.resource-view .res-search input::placeholder{color:#9db4d0;opacity:1}
.resource-view .res-search input:focus-visible{outline-offset:-3px}
.resource-view .res-search button{flex:0 0 auto;padding:12px 22px;min-height:54px;border:0;border-left:1px solid #9ebbe430;color:#e3edfa;background:#244b79;font-size:15px;font-weight:500}
.resource-view .res-search button:hover{background:#315e92}
.resource-view .res-search button:focus-visible{outline-offset:-4px}
.resource-view .res-result-line{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:64px;padding:12px 0;color:#a8bdd7;font-size:14px;line-height:1.6;border-bottom:1px solid #adcff32c}
.resource-view .res-result-line button{font-size:14px;min-height:40px;padding:6px 0;border:0;color:#bcd6f7;background:transparent;text-decoration:underline;text-underline-offset:4px}
.resource-view .res-result-line button:hover{color:#fff}

/* 文章采用连续资料行，封面、分类、标题和阅读入口分别对齐；主标题和说明保留足够阅读宽度。 */
.resource-view .res-list{display:flex;flex-direction:column}
.resource-view .res-row{display:grid;grid-template-columns:120px minmax(0,1fr) auto;align-items:center;gap:26px;padding:30px 0;border-bottom:1px solid #adcff32c}
.resource-view .res-row>div:not(.res-cover){min-width:0}
.resource-view .res-row .ph-section-label{margin-bottom:7px;color:#a8c8ed}
.resource-view .res-row h3{font-size:23px;letter-spacing:-.03em;margin-bottom:10px;line-height:1.35}
.resource-view .res-row h3 .ph-link{display:block;font-size:inherit;line-height:inherit;color:#f0f5fc}
.resource-view .res-row h3 .ph-link:hover{color:#b9d7ff;text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:1px}
.resource-view .res-row p:not(.ph-section-label){font-size:16px;line-height:1.75;color:#b8cbe1}
.resource-view .res-meta{display:block;font-size:14px;line-height:1.6;color:#93abc9;margin-top:14px}
.resource-view .res-read{align-self:end;display:inline-flex;align-items:center;min-height:44px;font-size:14px;line-height:1.5;color:#b9d7ff;white-space:nowrap;text-decoration:underline;text-underline-offset:5px}
.resource-view .res-read:hover{color:#fff}
.resource-view .res-pagination{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:28px;font-size:14px;color:#abc0db}
.resource-view .res-pagination button{min-height:44px;min-width:96px;padding:10px 16px;background:#0d294d;border:1px solid #a7c7ed4d;border-radius:4px;color:#dbe8f7;font-size:15px}
.resource-view .res-pagination button:hover:not(:disabled){background:#244b79;border-color:#a7c7ed8c}
.resource-view .res-empty{padding:44px 28px 48px;background:#102e553d;border-bottom:1px solid #adcff32c}
.resource-view .res-empty h3{font-size:25px;margin-bottom:14px}
.resource-view .res-empty p{font-size:16px;line-height:1.8;margin-bottom:24px}
.resource-view .res-empty button{min-height:46px;padding:12px 18px;border:1px solid #a7c7ed60;border-radius:5px;background:#163860;color:#e2edfa;font-size:15px}

/* 文章正文按长文阅读而非展示舞台组织：正文宽度有界，目录单独占列，标题与插图保留稳定的垂直节奏。 */
.resource-view .res-article-hero{max-width:970px;padding:24px 0 52px}
.resource-view .res-article-hero>.ph-link{margin-bottom:32px}
.resource-view .res-article-hero .ph-section-label{margin-bottom:15px}
.resource-view .res-article-hero h1{max-width:22ch;margin-bottom:25px}
.resource-view .res-article-hero .ph-lead{max-width:66ch}
.resource-view .res-article-meta{display:flex;flex-wrap:wrap;gap:10px 32px;padding-top:25px;font-size:14px;color:#a8bdd7}
.resource-view .res-reading{display:grid;grid-template-columns:220px minmax(0,740px);gap:70px;align-items:start;border-top:1px solid #adcff32c;padding:46px 0 68px}
.resource-view .res-toc{position:sticky;top:112px;display:flex;flex-direction:column;border-left:1px solid #a7c7ed40;padding-left:22px}
.resource-view .res-toc h2{font-size:17px;line-height:1.5;letter-spacing:-.015em;margin-bottom:16px}
.resource-view .res-toc a{display:flex;align-items:center;min-height:43px;font-size:15px;line-height:1.5;padding:7px 0;color:#abc0db}
.resource-view .res-toc a:hover{color:#f3f7fc}
.resource-view .res-prose{min-width:0;font-size:18px;line-height:1.85;color:#c4d4e8}
.resource-view .res-prose>section{scroll-margin-top:112px;margin-top:48px}
.resource-view .res-prose>section:first-child{margin-top:0}
.resource-view .res-prose h2{font-size:30px;letter-spacing:-.03em;margin-bottom:22px;line-height:1.3}
.resource-view .res-prose p{font-size:18px;line-height:1.85;color:#c4d4e8;margin:0 0 20px}
.resource-view .res-prose ul{padding-left:24px;margin:0 0 28px}
.resource-view .res-prose li{padding-left:7px;margin-bottom:12px;color:#c4d4e8}
.resource-view .res-prose li::marker{color:#8bb5e5}
.resource-view .res-key-message{padding:25px 28px;margin-top:30px;background:#1c477845;border-left:2px solid #a8c9f0}
.resource-view .res-key-message strong{display:block;font-weight:500;color:#edf4fd;font-size:18px;margin-bottom:12px}
.resource-view .res-key-message p{margin:0;font-size:17px}
.resource-view .res-figure{margin:28px 0 0}
.resource-view .res-figure svg{display:block;width:100%;height:auto;background:linear-gradient(120deg,#153657,#102642);border:1px solid #9fc6ef3d;padding:20px 12px;box-sizing:border-box}
.resource-view .res-figure figcaption{font-size:14px;line-height:1.7;color:#a8bdd7;padding-top:12px}
.resource-view .res-table-wrap{max-width:100%;overflow:auto;margin-top:28px;border:1px solid #adcff32c}
.resource-view .res-table-wrap table{width:100%;min-width:520px;border-collapse:collapse;text-align:left;font-size:15px;line-height:1.7}
.resource-view .res-table-wrap caption{text-align:left;padding:15px 18px;background:#0c2342;color:#b8cce4;font-size:14px}
.resource-view .res-table-wrap th,.resource-view .res-table-wrap td{padding:16px 18px;border-top:1px solid #adcff32c;vertical-align:top}
.resource-view .res-table-wrap th{font-weight:500;color:#e6eef9}
.resource-view .res-table-wrap thead{background:#193a6180}
.resource-view .res-table-wrap td{color:#b8cce4}
.resource-view .res-reference-note{padding:20px 24px;border:1px solid #adcff32c;font-size:15px;line-height:1.8;color:#a9bfd9}
.resource-view .res-related .res-row{grid-template-columns:120px minmax(0,1fr) auto}
.resource-view .res-related .res-row:first-of-type{border-top:1px solid #adcff32c}

/* 支持页先提供问题搜索和主题，再呈现可展开问答，资料空位没有下载图标或虚假可点击反馈。 */
.resource-view .res-support-hero{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:70px;align-items:end;padding:34px 0 56px}
.resource-view .res-support-hero h1{margin-bottom:25px}
.resource-view .res-support-hero .res-search{padding-bottom:8px}
.resource-view .res-support-topics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-bottom:70px}
.resource-view .res-support-topics button{display:flex;flex-direction:column;align-items:stretch;gap:18px;min-height:215px;padding:28px;background:linear-gradient(140deg,#1438619c,#0a203d);border:1px solid #a5c5ed3d;border-radius:4px;color:#f3f7fc;text-align:left;transition:background-color .18s ease,border-color .18s ease}
.resource-view .res-support-topics button>span:first-child{font-size:23px;letter-spacing:-.03em;line-height:1.4}
.resource-view .res-support-topics small{font-size:15px;line-height:1.7;color:#b3c8e1}
.resource-view .res-topic-action{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:auto;font-size:14px;color:#b9d7ff}
.resource-view .res-topic-action>span{font-size:22px;line-height:1}
.resource-view .res-support-topics button:hover{border-color:#a7c7ed80;background-color:#234975}
.resource-view .res-support-topics button[aria-pressed="true"]{border-color:#b7d3fa;background:linear-gradient(135deg,#2b5482,#123056)}
.resource-view .res-support-body{display:grid;grid-template-columns:minmax(0,.65fr) minmax(0,1.35fr);gap:80px;padding:55px 0 70px;border-top:1px solid #adcff32c;scroll-margin-top:112px}
.resource-view .res-support-body>aside h2{margin-bottom:24px}
.resource-view .res-support-body>aside>p:not(.ph-section-label){font-size:16px;line-height:1.85;margin-bottom:20px;max-width:34ch}
.resource-view .res-text-button{padding:0;border:0;background:transparent;text-align:left;text-decoration:underline;text-underline-offset:5px}
.resource-view .res-support-body .res-result-line{min-height:42px;padding-top:0}
.resource-view .res-faq{border-bottom:1px solid #adcff32c}
.resource-view .res-faq summary{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;min-height:76px;padding:22px 0;color:#e3edf9;font-size:18px;line-height:1.6;cursor:pointer;list-style:none}
.resource-view .res-faq summary::-webkit-details-marker{display:none}
.resource-view .res-faq summary>span{display:inline-flex;align-items:center;justify-content:center;flex:0 0 24px;color:#b4d1f4;font-size:22px;line-height:1.3;transition:transform .16s ease}
.resource-view .res-faq[open] summary>span{transform:rotate(45deg)}
.resource-view .res-faq summary:hover{color:#fff}
.resource-view .res-faq>div{padding:0 42px 25px 0}
.resource-view .res-faq>div p{font-size:16px;line-height:1.85;color:#b8cbe1;margin-bottom:10px}
.resource-view .res-support-resources{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:80px}
.resource-view .res-support-resources h2{margin-bottom:24px}
.resource-view .res-support-resources>div>p:not(.ph-section-label){font-size:16px;line-height:1.85;max-width:48ch;margin-bottom:18px}
.resource-view .res-document-slots{display:flex;flex-direction:column;gap:16px;justify-content:center}
.resource-view .res-document-slots>div{display:flex;flex-direction:column;align-items:flex-start;gap:11px;padding:25px 28px;border:1px solid #adcff32c;background:#163b6226}
.resource-view .res-document-slots>div>span{font-size:19px;color:#dce8f7;line-height:1.5}
.resource-view .res-document-slots small{font-size:14px;line-height:1.5;color:#9fb9d8}

/* 中屏先减少辅助封面与列间距，把长分类和文章正文的可用宽度留出来，不压缩字号。 */
@container website (max-width:1100px){
  .resource-view .res-feature{grid-template-columns:minmax(0,1fr) 220px;gap:36px;padding:34px 36px}
  .resource-view .res-cover-large{min-height:255px}
  .resource-view .res-library-body{grid-template-columns:242px minmax(0,1fr);gap:34px}
  .resource-view .res-row{grid-template-columns:96px minmax(0,1fr);gap:12px 22px}
  .resource-view .res-row>.res-cover{width:96px;min-height:142px;grid-row:1/3;padding:13px 10px}
  .resource-view .res-row>.res-read{grid-column:2;justify-self:start}
  .resource-view .res-reading{grid-template-columns:185px minmax(0,1fr);gap:40px}
  .resource-view .res-support-hero{gap:36px}
  .resource-view .res-support-topics{gap:18px}
  .resource-view .res-support-topics button{padding:24px}
  .resource-view .res-support-body,.resource-view .res-support-resources{gap:40px}
}

/* 平板转为纵向阅读，完整分类树仍然按父子顺序显示，目录取消驻留以免遮挡文章。 */
@container website (max-width:800px){
  .resource-view .res-library-hero{padding:24px 0 36px}
  .resource-view .res-library-hero h1{font-size:48px}
  .resource-view .res-feature{grid-template-columns:minmax(0,1fr) 180px;padding:30px;gap:28px;margin-bottom:46px}
  .resource-view .res-feature h2{font-size:30px}
  .resource-view .res-cover-large{min-height:230px;padding:22px 18px}
  .resource-view .res-cover-large>span{font-size:24px}
  .resource-view .res-library-body{grid-template-columns:1fr;gap:35px;padding-bottom:46px}
  .resource-view .res-filters h2{margin-bottom:17px}
  .resource-view .res-type-options{max-width:100%;padding:12px;background:#0c284748;border:1px solid #adcff32c}
  .resource-view .res-type-options button{min-height:44px}
  .resource-view .res-type-options .res-kind-parent:not(:first-child){margin-top:3px}
  .resource-view .res-filters>p{padding:16px 0 0;max-width:70ch}
  .resource-view .res-row,.resource-view .res-related .res-row{grid-template-columns:120px minmax(0,1fr);gap:12px 24px}
  .resource-view .res-row>.res-cover{width:120px;min-height:152px}
  .resource-view .res-article-hero{padding:24px 0 34px}
  .resource-view .res-reading{grid-template-columns:1fr;gap:36px;padding:32px 0 46px}
  .resource-view .res-toc{position:static;padding:0 0 24px;border-left:0;border-bottom:1px solid #adcff32c;display:block}
  .resource-view .res-toc h2{margin-bottom:12px}
  .resource-view .res-toc a{display:inline-flex;margin-right:24px}
  .resource-view .res-prose>section{margin-top:38px}
  .resource-view .res-support-hero{grid-template-columns:1fr;gap:28px;padding:24px 0 35px}
  .resource-view .res-support-topics{gap:14px;margin-bottom:45px}
  .resource-view .res-support-topics button{padding:20px 18px;min-height:225px}
  .resource-view .res-support-topics button>span:first-child{font-size:20px}
  .resource-view .res-support-body,.resource-view .res-support-resources{grid-template-columns:1fr;gap:30px;padding-block:40px 46px}
  .resource-view .res-support-body>aside>p:not(.ph-section-label){max-width:62ch}
}

/* 手机保留真实字号与触控尺寸，长文表格仅在自身区域横移，文档封面缩小后仍显示完整的占位标识。 */
@container website (max-width:560px){
  .resource-view .ph-page{padding-inline:22px}
  .resource-view h1,.resource-view .res-library-hero h1{font-size:39px;line-height:1.16}
  .resource-view .ph-lead{font-size:17px}
  .resource-view .res-library-hero h1{max-width:100%;margin-bottom:22px}
  .resource-view .res-feature{grid-template-columns:1fr;padding:26px 24px;gap:26px}
  .resource-view .res-feature h2{font-size:29px}
  .resource-view .res-feature p:not(.ph-section-label){font-size:16px}
  .resource-view .res-cover-large{justify-self:start;width:100%;max-width:none;min-height:190px;padding:22px 24px}
  .resource-view .res-cover-large>span{font-size:25px}
  .resource-view .res-cover-large .res-cover-lines{max-width:200px;gap:10px;padding:18px 0}
  .resource-view .res-type-options{padding:9px}
  .resource-view .res-type-options button{padding-inline:10px;gap:10px}
  .resource-view .res-type-options .res-kind-child{margin-left:14px;width:calc(100% - 14px);padding-left:12px}
  .resource-view .res-search input{padding-inline:13px;font-size:16px}
  .resource-view .res-search button{padding-inline:15px}
  .resource-view .res-row,.resource-view .res-related .res-row{grid-template-columns:1fr;gap:20px;padding:28px 0}
  .resource-view .res-row>.res-cover{grid-row:auto;width:100%;min-height:110px;display:grid;grid-template-columns:minmax(0,1fr) 120px;gap:12px 16px;padding:18px 20px;border-left-width:5px}
  .resource-view .res-row>.res-cover>span{font-size:20px;align-self:start;max-width:18ch}
  .resource-view .res-row>.res-cover small{grid-column:1;font-size:14px;align-self:end}
  .resource-view .res-row>.res-cover .res-cover-lines{grid-column:2;grid-row:1/3;justify-content:center;padding:0}
  .resource-view .res-row>.res-read{grid-column:1;min-height:40px}
  .resource-view .res-row h3{font-size:24px}
  .resource-view .res-pagination{gap:12px}
  .resource-view .res-pagination button{min-width:80px;padding-inline:12px;font-size:14px}
  .resource-view .res-pagination>span{font-size:14px;text-align:center}
  .resource-view .res-empty{padding:32px 22px}
  .resource-view .res-article-meta{flex-direction:column;gap:8px}
  .resource-view .res-article-hero>.ph-link{margin-bottom:22px}
  .resource-view .res-toc a{font-size:15px;min-height:44px;margin-right:22px}
  .resource-view .res-prose,.resource-view .res-prose p{font-size:17px;line-height:1.85}
  .resource-view .res-prose h2{font-size:28px}
  .resource-view .res-key-message{padding:22px}
  .resource-view .res-key-message p{font-size:16px}
  .resource-view .res-figure svg{padding:24px 0;min-height:150px}
  .resource-view .res-reference-note{padding:20px;font-size:14px}
  .resource-view .res-support-topics{grid-template-columns:1fr;gap:14px}
  .resource-view .res-support-topics button{min-height:164px;padding:23px;gap:12px}
  .resource-view .res-support-topics button>span:first-child{font-size:23px}
  .resource-view .res-topic-action{margin-top:8px}
  .resource-view .res-faq summary{font-size:17px;gap:18px;padding-block:20px}
  .resource-view .res-faq>div{padding-right:0}
  .resource-view .res-document-slots>div{padding:23px}
}

/* 降低动态偏好只关闭轻微状态过渡，选中边缘和键盘焦点仍保持可辨认。 */
@media(prefers-reduced-motion:reduce){.resource-view .res-support-topics button,.resource-view .res-faq summary>span{transition:none}}

/* 知识中心采用真实稿件和图片，蓝色空间贯穿列表与长文，不把所有文章变成同样的占位书页。 */
#page-content.resource-view[data-resource-page="knowledge"],#page-content.resource-view[data-resource-page="article"]{background:radial-gradient(ellipse 900px 760px at 98% 360px,#1a469843,transparent 80%),linear-gradient(155deg,#0b254f,#071d3b 55%,#06172e)}
.resource-view .res-knowledge-ready::before{width:72%;height:680px;background:linear-gradient(145deg,#578cd327,#244b7914);clip-path:polygon(45% 0,100% 0,100% 100%,0 67%)}
/* 页首只保留知识中心介绍；主题入口统一交给下方分类，使用单列收回原主题栏的布局空间。 */
.resource-view .res-knowledge-ready .res-library-hero{display:grid;grid-template-columns:1fr;gap:0;align-items:end;padding:34px 0 48px}
.resource-view .res-knowledge-ready .res-library-hero h1{font-size:clamp(42px,5cqw,68px);letter-spacing:-.05em;max-width:none;margin-bottom:23px}
.resource-view .res-knowledge-ready .res-library-hero .ph-lead{font-size:17px;line-height:1.85;max-width:57ch}

/* 首图使用原始产品图的完整比例，图中文字和设备不被裁切；精选与普通封面复用同一真实资源。 */
.resource-view .res-photo-cover{display:block;width:100%;height:auto;min-height:0;padding:0;box-shadow:none;border:1px solid #abcaf345;border-left-width:1px;background:#102f51;overflow:hidden;border-radius:3px}
.resource-view .res-photo-cover::after{display:none}
.resource-view .res-photo-cover img{display:block;width:100%;height:auto;object-fit:contain}
.resource-view .res-photo-cover.res-cover-large{max-width:none;justify-self:stretch}
.resource-view .res-feature-photo{grid-template-columns:minmax(0,.92fr) minmax(0,1.2fr);gap:42px;padding:32px;margin-bottom:56px;background:linear-gradient(120deg,#1d497bba,#143b6880);border-color:#abcaf343}
.resource-view .res-feature-photo>div:first-child{max-width:none}
.resource-view .res-feature-photo>div:last-child{min-width:0}
.resource-view .res-feature-photo h2{font-size:31px;line-height:1.35;letter-spacing:-.035em;margin-bottom:17px}
.resource-view .res-feature-photo p:not(.ph-section-label){font-size:16px;line-height:1.8;margin-bottom:17px}
.resource-view .res-feature-photo .button{margin-top:22px}
.resource-view .res-title-context{display:block;font-size:14px;font-weight:400;line-height:1.65;letter-spacing:0;color:#a9c2df;margin-bottom:8px}
.resource-view .res-title-main{display:block}
.resource-view .res-meta{display:flex;flex-wrap:wrap;gap:8px 18px;align-items:center;font-size:14px;line-height:1.6;color:#a6bfde;margin-top:13px}
.resource-view .res-meta>span:first-child,.resource-view .res-article-meta>span:first-child{color:#c5dbfb}

/* 分类与列表继续自然阅读，照片尺寸统一承托原图，标题分层保留完整原文，不用单行省略隐藏信息。 */
.resource-view .res-knowledge-ready .res-library-body{grid-template-columns:245px minmax(0,1fr);gap:44px}
.resource-view .res-knowledge-ready .res-library-body::before{background:radial-gradient(ellipse 90% 100% at 74% 40%,#356c9f35,transparent 80%),linear-gradient(145deg,#143f6b24,#10365b12)}
.resource-view .res-knowledge-ready .res-row,.resource-view .res-article-ready .res-related .res-row{grid-template-columns:170px minmax(0,1fr);gap:20px 25px;align-items:start;padding:30px 0}
.resource-view .res-knowledge-ready .res-row>.res-photo-cover,.resource-view .res-article-ready .res-related .res-row>.res-photo-cover{width:170px;min-height:0;grid-row:1/3;padding:0}
.resource-view .res-knowledge-ready .res-row>.res-read,.resource-view .res-article-ready .res-related .res-row>.res-read{grid-column:2;justify-self:start;align-self:start}
.resource-view .res-knowledge-ready .res-row h3,.resource-view .res-article-ready .res-related h3{font-size:22px;line-height:1.45}
.resource-view .res-knowledge-ready .res-row h3 .res-title-context,.resource-view .res-article-ready .res-related h3 .res-title-context{font-size:14px;line-height:1.6}
.resource-view .res-knowledge-ready .res-row p:not(.ph-section-label),.resource-view .res-article-ready .res-related p:not(.ph-section-label){font-size:15px;line-height:1.85}
.resource-view .res-knowledge-ready .res-filters>p{font-size:14px;line-height:1.9;padding-inline:0}
.resource-view .res-knowledge-ready .res-library-content{scroll-margin-top:112px}

/* 长标题与正文各有阅读宽度，原稿段落不压缩字号；配图位于正文中部和末尾，图注说明来源图的内容。 */
.resource-view .res-article-ready .res-article-hero{max-width:1060px;padding:24px 0 42px}
.resource-view .res-article-ready .res-article-hero h1{font-size:clamp(34px,3.65cqw,49px);line-height:1.3;letter-spacing:-.035em;max-width:34ch;margin-bottom:24px}
.resource-view .res-article-ready h1 .res-title-context{font-size:16px;line-height:1.75;max-width:70ch;margin-bottom:20px}
.resource-view .res-article-ready .res-article-hero .ph-lead{font-size:17px;line-height:1.85;max-width:72ch}
.resource-view .res-article-ready .res-article-meta{padding-top:20px;gap:10px 24px}
.resource-view .res-article-ready .res-reading{grid-template-columns:210px minmax(0,1fr);gap:48px;padding:40px 0 50px}
.resource-view .res-article-ready .res-prose{font-size:17px;max-width:72ch}
.resource-view .res-article-ready .res-prose h2{font-size:27px;line-height:1.4;margin-bottom:20px}
.resource-view .res-article-ready .res-prose p{font-size:17px;line-height:1.95;color:#cbd9ea}
.resource-view .res-article-ready .res-prose>section{padding-top:27px;border-top:1px solid #a7c7ed28;margin-top:30px}
.resource-view .res-article-ready .res-prose>section:first-child{border-top:0;padding-top:0;margin-top:0}
.resource-view .res-article-ready .res-toc{padding-left:18px}
.resource-view .res-article-ready .res-toc nav{display:flex;flex-direction:column}
.resource-view .res-article-ready .res-toc a{font-size:14px;line-height:1.7}
.resource-view .res-source-image{margin:30px 0 34px;scroll-margin-top:112px}
.resource-view .res-source-image img{display:block;width:100%;height:auto;border:1px solid #accdf247;border-radius:3px;background:#123452;box-sizing:border-box}
.resource-view .res-source-image figcaption{font-size:14px;line-height:1.8;padding:11px 0 0;color:#abc6e8}
.resource-view .res-source-image>a{display:block}
.resource-view .res-source-image figcaption{display:flex;justify-content:space-between;gap:10px 24px;flex-wrap:wrap}
.resource-view .res-source-image figcaption a{color:#bad5fa;text-decoration:underline;text-underline-offset:4px;min-height:32px}
.resource-view .res-article-ready .res-related{padding-block:42px}

/* 平板先保持标题和图文可读宽度，封面仍完整显示，分类和正文不随窗口变窄挤成细列。 */
@container website (max-width:1000px){
  .resource-view .res-knowledge-ready .res-library-hero{grid-template-columns:1fr;gap:0}
  .resource-view .res-feature-photo{grid-template-columns:.9fr 1.1fr;gap:28px;padding:25px}
  .resource-view .res-feature-photo h2{font-size:27px}
  .resource-view .res-knowledge-ready .res-library-body{grid-template-columns:215px minmax(0,1fr);gap:30px}
  .resource-view .res-knowledge-ready .res-row{grid-template-columns:130px minmax(0,1fr);gap:16px 20px}
  .resource-view .res-knowledge-ready .res-row>.res-photo-cover{width:130px}
  .resource-view .res-article-ready .res-reading{grid-template-columns:180px minmax(0,1fr);gap:32px}
}

/* 手机把分类和文章改为纵向编排，封面不裁切，全文按自然滚动阅读，不增加逐屏滚轮或实时模糊。 */
@container website (max-width:800px){
  .resource-view .res-knowledge-ready .res-library-hero{grid-template-columns:1fr;gap:0;padding-bottom:32px}
  .resource-view .res-knowledge-ready .res-library-hero h1{font-size:46px}
  .resource-view .res-feature-photo{grid-template-columns:1fr;gap:25px;padding:24px}
  .resource-view .res-feature-photo>.res-photo-cover{max-width:540px;justify-self:center}
  .resource-view .res-knowledge-ready .res-library-body{grid-template-columns:1fr;gap:28px}
  .resource-view .res-knowledge-ready .res-row{grid-template-columns:150px minmax(0,1fr)}
  .resource-view .res-knowledge-ready .res-row>.res-photo-cover{width:150px}
  .resource-view .res-article-ready .res-reading{grid-template-columns:1fr;gap:25px;padding-top:28px}
  .resource-view .res-article-ready .res-toc{padding:0 0 22px}
  .resource-view .res-article-ready .res-toc nav{display:flex;flex-direction:row;flex-wrap:wrap;gap:8px 20px}
  .resource-view .res-article-ready .res-toc a{margin:0}
  .resource-view .res-article-ready .res-prose h2{font-size:25px}
}

/* 窄屏标题与正文至少保持既定阅读字号，列表封面转为独立完整照片，不让长原标题挤在小图旁。 */
@container website (max-width:560px){
  .resource-view .res-knowledge-ready .res-library-hero h1{font-size:39px}
  .resource-view .res-feature-photo{padding:18px;gap:21px}
  .resource-view .res-feature-photo h2{font-size:25px}
  .resource-view .res-feature-photo .res-title-context{font-size:14px}
  .resource-view .res-knowledge-ready .res-row,.resource-view .res-article-ready .res-related .res-row{grid-template-columns:1fr;gap:19px}
  .resource-view .res-knowledge-ready .res-row>.res-photo-cover,.resource-view .res-article-ready .res-related .res-row>.res-photo-cover{width:100%;max-width:440px;grid-row:auto}
  .resource-view .res-knowledge-ready .res-row>.res-read,.resource-view .res-article-ready .res-related .res-row>.res-read{grid-column:1}
  .resource-view .res-knowledge-ready .res-row h3,.resource-view .res-article-ready .res-related h3{font-size:23px}
  .resource-view .res-article-ready .res-article-hero h1{font-size:31px;line-height:1.35}
  .resource-view .res-article-ready h1 .res-title-context{font-size:14px;line-height:1.7}
  .resource-view .res-article-ready .res-prose p{font-size:17px;line-height:1.9}
}

/* 短篇技术文章采用单列阅读，两侧淡蓝光面贯穿正文，背景静态绘制，不使用图片遮罩、模糊或滚动动画。 */
#page-content.resource-view[data-resource-page="article"]{background:radial-gradient(ellipse 780px 1150px at 1% 42%,#2d659941,transparent 80%),radial-gradient(ellipse 850px 1350px at 99% 67%,#1a469842,transparent 80%),linear-gradient(150deg,#0b254f,#081e3c 48%,#0a2444)}
.resource-view .res-article-ready::before{inset:0 0 0 auto;width:76%;height:100%;background:linear-gradient(155deg,#79a9e418,#2c568013 52%,#396ead18);clip-path:polygon(50% 0,100% 0,100% 100%,0 75%,23% 39%);opacity:1}
.resource-view .res-article-ready::after{content:"";position:absolute;z-index:-1;pointer-events:none;inset:17% auto 7% 0;width:51%;background:linear-gradient(150deg,#4679b318,transparent 65%);clip-path:polygon(0 0,100% 45%,66% 100%,0 100%)}

/* 标题与正文文字共享居中基线，七百六十像素文本区之外仅保留安静留白，不能再出现空置的目录列。 */
.resource-view .res-article-ready .res-article-hero{max-width:760px;margin-inline:auto;padding:24px 0 36px}
.resource-view .res-article-ready .res-article-hero h1{font-size:clamp(32px,3.1cqw,40px);max-width:none;line-height:1.35}
.resource-view .res-article-ready .res-reading{display:block;width:min(100%,820px);margin-inline:auto;padding:34px 29px 40px;box-sizing:border-box;background:linear-gradient(145deg,#1c477866,#12335196);border:1px solid #a7c7ed2e;border-radius:4px}
.resource-view .res-article-ready .res-prose{max-width:none;width:100%}
.resource-view .res-article-ready .res-prose>section{border-top-color:#a7c7ed2e}
.resource-view .res-article-ready .res-related,.resource-view .res-article-ready>.ph-callout{max-width:820px;margin-inline:auto}
.resource-view .res-article-ready .res-related{margin-top:42px}

/* 手机取消目录后直接接续正文，阅读底面少占横向空间，原图及十七像素正文继续完整显示。 */
@container website (max-width:800px){
  .resource-view .res-article-ready .res-article-hero{padding-bottom:28px}
  .resource-view .res-article-ready .res-reading{padding:28px 23px 32px}
}
@container website (max-width:560px){
  .resource-view .res-article-ready .res-article-hero h1{font-size:31px;line-height:1.35}
  .resource-view .res-article-ready .res-reading{padding:24px 16px 28px}
  .resource-view .res-article-ready .res-prose h2{font-size:24px;line-height:1.4}
  .resource-view .res-article-ready::before{width:82%;height:100%;opacity:.65}
  .resource-view .res-article-ready::after{width:60%;opacity:.55}
}

/* 手机缩短页首装饰，长文进一步降低强度，几何面始终留在内容宽度以内。 */
@container website (max-width:800px){.resource-view .ph-page::before{width:74%;height:410px;opacity:.65}.resource-view .res-article-page::before{width:64%;height:350px;opacity:.55}}