/* 通用页面使用独立宿主限定作用范围，沿用首页本地字体、深蓝暗面及局部蓝光，不增加实时模糊或循环动画。 */
#page-content.placeholder-view.utility-view{color:#f3f7fc;background:radial-gradient(ellipse 700px 600px at 89% 330px,#315f9e48,transparent 78%),linear-gradient(145deg,#081d3c,#05142d 48%,#000618)}
.utility-view .ph-page{max-width:1360px;padding-inline:clamp(24px,4.5cqw,68px);overflow:visible}
/* 搜索页的右侧几何面向输入区收拢，背景不遮挡点击目标，不引入动态计算或实时模糊。 */
.utility-view .ph-page::before{content:"";display:block;position:absolute;z-index:-1;pointer-events:none;inset:0 0 auto auto;width:59%;height:620px;background:linear-gradient(150deg,#87b8ec22,#4e7db712 65%,transparent);clip-path:polygon(44% 0,100% 0,85% 100%,0 68%)}
/* 政策页只保留页首的淡几何边缘，正文阅读区域使用平稳的深蓝底。 */
#page-content.utility-view[data-utility-page="privacy"],#page-content.utility-view[data-utility-page="cookies"]{background:radial-gradient(ellipse 650px 460px at 97% 210px,#315c922e,transparent 78%),linear-gradient(145deg,#081d3c,#05142d 42%,#000618)}
.utility-view .ut-policy-page::before{width:47%;height:440px;background:linear-gradient(145deg,#87b8ec15,#4e7db707 72%,transparent);clip-path:polygon(36% 0,100% 0,100% 100%,0 64%)}
/* 错误页将几何面和柔光移到状态数字后方，使恢复操作保持独立清晰的阅读区。 */
#page-content.utility-view[data-utility-page="not-found"],#page-content.utility-view[data-utility-page="site-error"]{background:radial-gradient(ellipse 610px 520px at 18% 410px,#3269ac45,transparent 78%),linear-gradient(130deg,#0a2141,#04132b 74%)}
.utility-view .ut-status-page::before{inset:36px auto auto 0;width:55%;height:660px;background:linear-gradient(135deg,#87b8ec1e,#4e7db709 70%,transparent);clip-path:polygon(0 22%,64% 0,100% 82%,0 100%)}
.utility-view h1{font-size:clamp(42px,4.6cqw,64px);line-height:1.12;letter-spacing:-.045em;overflow-wrap:break-word}
.utility-view h2{font-size:clamp(30px,3cqw,42px);line-height:1.22}
.utility-view .ph-lead{font-size:18px;line-height:1.8;max-width:62ch}
.utility-view button,.utility-view input{font:inherit;box-sizing:border-box}
.utility-view button{cursor:pointer}
.utility-view button:disabled{cursor:default;opacity:.42}
.utility-view :focus-visible{outline:2px solid #b4d4ff;outline-offset:4px}
.utility-view .ph-callout{margin-top:12px}

/* 搜索首屏以一个明确的输入入口组织信息，框体为实底以保证输入清楚，保留长关键词的可用空间。 */
.utility-view .ut-search-hero{padding:34px 0 32px}
.utility-view .ut-search-hero h1{margin-bottom:24px;max-width:21ch}
.utility-view .ut-search-hero p:not(.ph-section-label){max-width:66ch;font-size:18px;line-height:1.8}
.utility-view .ut-search-form{margin:0 0 54px;max-width:940px}
.utility-view .ut-search-form label{display:block;margin-bottom:11px;font-size:15px;line-height:1.5;color:#cedded}
.utility-view .ut-search-form>div{display:flex;min-width:0;border:1px solid #a9c9ef75;background:#102c50;border-radius:6px;overflow:hidden}
.utility-view .ut-search-form input{flex:1;display:block;min-width:0;width:100%;min-height:62px;padding:16px 21px;border:0;border-radius:0;background:transparent;color:#f3f7fc;font-size:18px;line-height:1.5}
.utility-view .ut-search-form input::placeholder{color:#a6bdd8;opacity:1}
.utility-view .ut-search-form input:focus-visible{outline-offset:-4px}
.utility-view .ut-search-form button{flex:0 0 auto;min-height:62px;padding:14px 30px;border:0;border-left:1px solid #b9d7ff66;background:#a9c9ff;color:#041329;font-size:16px;font-weight:500}
.utility-view .ut-search-form button:hover{background:#c3dbff}
.utility-view .ut-search-form button:focus-visible{outline-color:#102c50;outline-offset:-5px}
.utility-view .ut-search-form button{display:inline-flex;align-items:center;justify-content:center;gap:14px}

/* 搜索结果是连续目录而非卡片墙，左侧只承担内容类型筛选，结果名称与说明共用稳定阅读边界。 */
.utility-view .ut-search-body{display:grid;grid-template-columns:205px minmax(0,1fr);gap:64px;padding-bottom:70px}
.utility-view .ut-search-filters{display:flex;flex-direction:column;gap:6px;min-width:0}
.utility-view .ut-search-filters h2{font-size:18px;line-height:1.5;margin:0 0 16px;letter-spacing:-.02em}
.utility-view .ut-search-filters>[role="group"]{display:flex;flex-direction:column;gap:6px;width:100%;min-width:0}
.utility-view .ut-search-filters>p{font-size:14px;line-height:1.85;color:#a8bdd7;padding:20px 14px 0;margin:0}
.utility-view .ut-search-filters button{display:flex;justify-content:space-between;align-items:center;gap:15px;min-height:47px;width:100%;padding:11px 14px;border:1px solid transparent;border-radius:4px;background:transparent;color:#b8cce4;font-size:15px;line-height:1.5;text-align:left}
.utility-view .ut-search-filters button:hover{background:#adcfff0c;color:#fff}
.utility-view .ut-search-filters button[aria-pressed="true"],.utility-view .ut-search-filters button[aria-current="true"]{background:#284f7b73;border-color:#a9c9ef65;color:#f3f7fc}
.utility-view .ut-search-filters button>span:first-child{min-width:0;overflow-wrap:break-word}
.utility-view .ut-search-filters button>span:last-child{font-variant-numeric:tabular-nums}
.utility-view .ut-search-content{min-width:0;scroll-margin-top:112px}
.utility-view .ut-result-summary{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px 22px;min-height:48px;padding:0 0 17px;border-bottom:1px solid #adcff33d;color:#abc0db;font-size:14px;line-height:1.7;overflow-wrap:anywhere}
.utility-view .ut-result-summary strong{font-weight:500;color:#ddeafa}
.utility-view .ut-result-summary button{min-height:40px;padding:7px 0;border:0;background:transparent;color:#bcd6f7;font-size:14px;text-decoration:underline;text-underline-offset:4px}
.utility-view .ut-result-summary button:hover{color:#fff}
.utility-view .ut-result{padding:27px 0 29px;border-bottom:1px solid #adcff32c}
.utility-view .ut-result-kind{display:block;color:#a8c8ed;font-size:14px;line-height:1.5;margin:0 0 9px}
.utility-view .ut-result h2{font-size:25px;line-height:1.42;letter-spacing:-.025em;max-width:56ch;margin:0 0 12px;overflow-wrap:break-word}
/* 标题链接覆盖完整换行矩形，避免手机上点到两行之间的空隙而无法打开；单行也保留基本触控高度。 */
.utility-view .ut-result h2 a{color:#f0f5fc;display:block;font-size:inherit;line-height:inherit;min-height:44px}
.utility-view .ut-result h2 a>span{display:inline-block;margin-left:14px;color:#9fc6ef;font-size:19px;line-height:1;white-space:nowrap;vertical-align:baseline}
.utility-view .ut-result h2 a:hover{color:#b9d7ff;text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:1px}
.utility-view .ut-result>p:not(.ut-result-kind):not(.ut-result-meta){font-size:16px;line-height:1.8;color:#b8cbe1;max-width:73ch;margin:0}
.utility-view .ut-result-meta{display:flex;flex-wrap:wrap;gap:7px 20px;margin:15px 0 0;font-size:14px;line-height:1.7;color:#96aecb;overflow-wrap:anywhere}
.utility-view .ut-pagination{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:30px;font-size:14px;color:#abc0db}
.utility-view .ut-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;line-height:1.5}
.utility-view .ut-pagination button:hover:not(:disabled){background:#244b79;border-color:#a7c7ed8c}

/* 空结果直接提供可继续的搜索方向，不用无意义占位图片；建议词按钮在键盘和触屏上均保留完整点击面积。 */
.utility-view .ut-empty{padding:40px 28px 44px;background:#102e553d;border-bottom:1px solid #adcff32c}
.utility-view .ut-empty h2,.utility-view .ut-empty h3{font-size:27px;line-height:1.3;margin:0 0 17px}
.utility-view .ut-empty p{font-size:16px;line-height:1.8;color:#b8cbe1;margin:0 0 22px;max-width:64ch}
.utility-view .ut-empty button{min-height:44px;padding:10px 17px;border:1px solid #a7c7ed60;border-radius:5px;background:#163860;color:#e2edfa;font-size:15px}
.utility-view .ut-suggestions{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:22px}
.utility-view .ut-suggestions>span,.utility-view .ut-suggestions>p{font-size:14px;color:#abc0db;margin:0}
.utility-view .ut-suggestions>div{display:flex;flex-wrap:wrap;gap:12px}
.utility-view .ut-suggestions button{min-height:44px;padding:10px 16px;border:1px solid #a7c7ed4d;border-radius:4px;background:#15375980;color:#d5e5f8;font-size:14px;line-height:1.6;text-align:left}
.utility-view .ut-suggestions button>span{margin-left:12px}
.utility-view .ut-suggestions button:hover{border-color:#a7c7ed8c;background:#214a77}

/* 政策正文与审核边界分层，电脑目录驻留便于阅读长文；正文保留原有深蓝背景和可读对比。 */
.utility-view .ut-policy-hero{padding:34px 0 45px;max-width:940px}
.utility-view .ut-policy-hero h1{margin-bottom:24px;max-width:24ch}
.utility-view .ut-policy-hero>p:not(.ph-section-label){font-size:18px;line-height:1.8;max-width:66ch;color:#c4d4e8;margin:0 0 20px}
.utility-view .ut-policy-hero .ut-policy-note{margin-top:28px}
.utility-view .ut-policy-date{display:block;font-size:14px;line-height:1.7;color:#a8bdd7;margin-top:24px}
.utility-view .ut-policy-layout{display:grid;grid-template-columns:220px minmax(0,740px);align-items:start;gap:70px;padding:45px 0 70px;border-top:1px solid #adcff32c}
.utility-view .ut-policy-toc{position:sticky;top:112px;display:flex;flex-direction:column;border-left:1px solid #a7c7ed40;padding-left:22px}
.utility-view .ut-policy-toc h2{font-size:17px;line-height:1.5;letter-spacing:-.015em;margin-bottom:16px}
.utility-view .ut-policy-toc a{display:flex;align-items:center;min-height:44px;padding:7px 0;font-size:15px;line-height:1.55;color:#abc0db;overflow-wrap:break-word}
.utility-view .ut-policy-toc a:hover{color:#f3f7fc}
.utility-view .ut-policy-prose{min-width:0;font-size:18px;line-height:1.85;color:#c4d4e8}
.utility-view .ut-policy-prose>section{scroll-margin-top:112px;margin-top:44px}
.utility-view .ut-policy-prose>section:first-child{margin-top:0}
.utility-view .ut-policy-prose h2{font-size:29px;line-height:1.3;letter-spacing:-.03em;margin-bottom:20px}
.utility-view .ut-policy-prose h3{font-size:21px;line-height:1.45;margin:26px 0 14px}
.utility-view .ut-policy-prose p{font-size:17px;line-height:1.85;color:#c4d4e8;margin:0 0 20px;overflow-wrap:break-word}
.utility-view .ut-policy-prose ul,.utility-view .ut-policy-prose ol{padding-left:24px;margin:0 0 26px}
.utility-view .ut-policy-prose li{font-size:17px;line-height:1.85;padding-left:7px;margin-bottom:11px;color:#c4d4e8}
.utility-view .ut-policy-prose li::marker{color:#a8c9f0}
.utility-view .ut-policy-prose a{color:#bad5f8;text-decoration:underline;text-underline-offset:4px}
.utility-view .ut-policy-note{padding:23px 26px;border:1px solid #a9c9ef3d;border-left:2px solid #a8c9f0;background:#1c477838;color:#cbddef;font-size:16px;line-height:1.8}
.utility-view .ut-policy-note strong{display:block;font-size:17px;font-weight:500;color:#edf4fc;margin-bottom:9px}
.utility-view .ut-policy-note p{font-size:16px;line-height:1.8;margin:0;color:#cbddef}
.utility-view .ut-policy-related{display:flex;flex-wrap:wrap;gap:16px 32px;margin-top:42px;padding-top:24px;border-top:1px solid #adcff32c}
/* 联系和官方参考链接允许换行，邮箱地址与长标题不挤出手机阅读宽度。 */
.utility-view .ut-policy-section-links{display:flex;flex-wrap:wrap;gap:10px 26px;margin:8px 0 24px}
.utility-view .ut-policy-section-links a{overflow-wrap:anywhere;max-width:100%;font-size:15px}
.utility-view .ut-table-wrap{max-width:100%;overflow:auto;margin:26px 0;border:1px solid #adcff32c}
.utility-view .ut-table-wrap table{width:100%;min-width:560px;border-collapse:collapse;text-align:left;font-size:15px;line-height:1.7}
.utility-view .ut-table-wrap caption{text-align:left;padding:15px 18px;background:#0c2342;color:#b8cce4;font-size:14px}
.utility-view .ut-table-wrap th,.utility-view .ut-table-wrap td{padding:16px 18px;border-top:1px solid #adcff32c;vertical-align:top}
.utility-view .ut-table-wrap th{font-weight:500;color:#e6eef9}
.utility-view .ut-table-wrap thead{background:#193a6180}
.utility-view .ut-table-wrap td{color:#b8cce4}

/* 错误页用清晰状态数字和简短处理路径构成完整画面，状态数字仅负责视觉识别，不模拟服务器检测结果。 */
.utility-view .ut-status-page{min-height:calc(100svh - 86px)}
.utility-view .ut-status-layout{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:72px;align-items:center;min-height:520px;padding:64px 0 96px}
.utility-view .ut-status-code{font-size:clamp(120px,16cqw,215px);font-weight:500;line-height:1;letter-spacing:-.085em;color:#91b8ea;font-variant-numeric:tabular-nums;position:relative;padding-bottom:30px;border-bottom:1px solid #9fc6ef4d}
.utility-view .ut-status-copy{min-width:0}
.utility-view .ut-status-copy h1{font-size:clamp(38px,3.7cqw,54px);line-height:1.15;margin-bottom:25px;max-width:18ch}
.utility-view .ut-status-copy>p:not(.ph-section-label):not(.ut-missing){font-size:18px;line-height:1.85;color:#c4d4e8;max-width:48ch;margin:0 0 22px}
.utility-view .ut-missing{font-size:14px;line-height:1.8;overflow-wrap:anywhere;word-break:break-word;color:#a8bdd7;padding:15px 18px;margin:22px 0;background:#102e554d;border:1px solid #adcff32c}
.utility-view .ut-missing>span{display:block;margin-bottom:7px;color:#a8bdd7}
.utility-view .ut-missing>code{font-family:inherit;font-size:14px;color:#d1e0f3}
.utility-view .ut-status-actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px 28px;margin-top:30px}
.utility-view .ut-status-actions .ph-link{font-size:15px;min-height:46px}
.utility-view .ut-status-actions button{min-height:48px;padding:12px 20px;border:1px solid #a7c7ed60;border-radius:5px;background:#153759;color:#e2edfa;font-size:16px;line-height:1.5}
.utility-view .ut-status-actions button:hover{background:#214a77}
.utility-view .ut-status-actions .button.secondary{min-height:50px;padding:13px 20px;border:1px solid #a7c7ed60;border-radius:5px;background:#153759;color:#e2edfa;font-size:16px;line-height:1.5}
.utility-view .ut-status-actions .button.secondary:hover{background:#214a77}
.utility-view .ut-status-copy>.ph-link{margin-top:20px}

/* 中屏优先保持结果和正文的阅读宽度，减少侧栏及列间距，不缩小功能文字。 */
@container website (max-width:1100px){
  .utility-view .ut-search-body{grid-template-columns:180px minmax(0,1fr);gap:40px}
  .utility-view .ut-policy-layout{grid-template-columns:190px minmax(0,1fr);gap:42px}
  .utility-view .ut-status-layout{grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:42px}
  .utility-view .ut-status-code{font-size:150px}
}

/* 平板把筛选移到结果之前，政策目录取消驻留并横向换行，错误页仍保持可辨识的状态与操作分区。 */
@container website (max-width:800px){
  .utility-view .ut-search-hero,.utility-view .ut-policy-hero{padding:24px 0 30px}
  .utility-view .ut-search-form{margin-bottom:34px}
  .utility-view .ut-search-body{grid-template-columns:1fr;gap:24px;padding-bottom:46px}
  .utility-view .ut-search-filters{flex-direction:row;flex-wrap:wrap;gap:9px}
  .utility-view .ut-search-filters>[role="group"]{flex-direction:row;flex-wrap:wrap;gap:9px}
  .utility-view .ut-search-filters>p{width:100%;padding:9px 0 0}
  .utility-view .ut-search-filters h2{width:100%;margin-bottom:5px}
  .utility-view .ut-search-filters button{width:auto;min-height:45px;padding-inline:17px;border-color:#adcff330;gap:18px}
  .utility-view .ut-policy-layout{grid-template-columns:1fr;gap:32px;padding:32px 0 46px}
  .utility-view .ut-policy-toc{position:static;display:block;padding:0 0 22px;border-left:0;border-bottom:1px solid #adcff32c}
  .utility-view .ut-policy-toc h2{margin-bottom:11px}
  .utility-view .ut-policy-toc a{display:inline-flex;margin-right:24px}
  .utility-view .ut-policy-prose>section{margin-top:36px}
  .utility-view .ut-status-layout{grid-template-columns:1fr;gap:34px;padding:34px 0 60px;min-height:0}
  .utility-view .ut-status-code{font-size:145px;max-width:280px;padding-bottom:22px}
  .utility-view .ut-status-copy h1{font-size:44px;max-width:22ch}
}

/* 手机保持至少十六像素的输入和正文，长标题自然换行，表格的横向滚动限于表格容器。 */
@container website (max-width:560px){
  .utility-view .ph-page{padding-inline:22px}
  .utility-view h1{font-size:39px;line-height:1.16}
  .utility-view .ph-lead,.utility-view .ut-search-hero p:not(.ph-section-label),.utility-view .ut-policy-hero>p:not(.ph-section-label){font-size:17px;line-height:1.8}
  .utility-view .ut-search-form input{font-size:16px;padding:15px 14px;min-height:56px}
  .utility-view .ut-search-form button{font-size:15px;padding-inline:18px;min-height:56px}
  .utility-view .ut-search-filters{gap:8px}
  .utility-view .ut-search-filters button{padding-inline:13px;gap:12px;font-size:14px}
  .utility-view .ut-result-summary{align-items:flex-start;flex-direction:column;gap:6px}
  .utility-view .ut-result{padding:25px 0}
  .utility-view .ut-result h2{font-size:23px;line-height:1.45}
  .utility-view .ut-pagination{gap:12px}
  .utility-view .ut-pagination button{min-width:80px;padding-inline:12px;font-size:14px}
  .utility-view .ut-pagination>span{font-size:14px;text-align:center}
  .utility-view .ut-empty{padding:30px 22px 34px}
  .utility-view .ut-empty h2,.utility-view .ut-empty h3{font-size:25px}
  .utility-view .ut-suggestions{gap:10px}
  .utility-view .ut-policy-toc a{margin-right:22px;font-size:15px}
  .utility-view .ut-policy-prose h2{font-size:27px;line-height:1.3}
  .utility-view .ut-policy-prose p,.utility-view .ut-policy-prose li{font-size:17px;line-height:1.85}
  .utility-view .ut-policy-note{padding:21px;font-size:16px}
  .utility-view .ut-status-page{min-height:calc(100svh - 76px)}
  .utility-view .ut-status-code{font-size:120px;max-width:235px}
  .utility-view .ut-status-copy h1{font-size:38px}
  .utility-view .ut-status-copy>p:not(.ph-section-label):not(.ut-missing){font-size:17px}
  .utility-view .ut-status-actions{gap:14px 23px}
}

/* 减少动态偏好时，沿用的链接与按钮也不做位移；颜色和轮廓反馈始终保留。 */
@media(prefers-reduced-motion:reduce){.utility-view .ph-arrow{transition:none}.utility-view a:hover .ph-arrow{transform:none}}

/* 手机维持相同视觉家族，阅读页更淡，错误页装饰只承托上方状态数字。 */
@container website (max-width:800px){.utility-view .ph-page::before{width:75%;height:420px;opacity:.65}.utility-view .ut-policy-page::before{width:65%;height:340px;opacity:.55}.utility-view .ut-status-page::before{width:100%;height:320px;inset:15px 0 auto;opacity:.7}}

/* 政策页以页首叠层图形为主要视觉，正文维持可辨认的蓝色环境，装饰全部静态且不接收点击。 */
#page-content.utility-view[data-utility-page="privacy"],#page-content.utility-view[data-utility-page="cookies"]{background:radial-gradient(ellipse 850px 650px at 94% 330px,#1a469850,transparent 78%),linear-gradient(155deg,#0b254f,#061b3a 48%,#07172f)}
.utility-view .ut-policy-designed{position:relative;isolation:isolate}
.utility-view .ut-policy-designed::before{width:67%;height:790px;opacity:1;background:linear-gradient(150deg,#3562a126,#153f7510);clip-path:polygon(45% 0,100% 0,100% 100%,0 61%)}
.utility-view .ut-policy-designed .ph-top{min-height:82px}
.utility-view .ut-policy-tabs{display:flex;gap:30px;border-bottom:1px solid #a7c7ed30;max-width:fit-content}
.utility-view .ut-policy-tabs a{position:relative;display:flex;align-items:center;min-height:48px;padding:9px 0 14px;font-size:15px;color:#a8bdd7}
.utility-view .ut-policy-tabs a[aria-current="page"]{color:#f3f7fc}
.utility-view .ut-policy-tabs a[aria-current="page"]::after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:#b9d5fc}
.utility-view .ut-policy-tabs a:hover{color:#fff}

/* 标题、叠层图与集中受光共用一个首屏，沿用本地字体；图形不通过实时模糊或连续动画制造层次。 */
.utility-view .ut-policy-designed .ut-policy-hero{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:40px;align-items:center;max-width:none;padding:38px 0 48px}
.utility-view .ut-policy-hero-copy{min-width:0}
.utility-view .ut-policy-designed h1{font-size:clamp(48px,5.4cqw,76px);line-height:1.1;letter-spacing:-.055em;margin-bottom:25px}
.utility-view .ut-policy-hero-copy .ph-lead{font-size:17px;line-height:1.85;max-width:57ch}
.utility-view .ut-policy-hero-copy .ut-policy-date{margin-top:25px;color:#adc8e9}
.utility-view .ut-policy-visual{position:relative;isolation:isolate;margin:0;min-width:0}
.utility-view .ut-policy-visual::before{content:"";position:absolute;z-index:-1;inset:0 -8% -4%;background:radial-gradient(ellipse at 56% 55%,#467ad33d,transparent 70%);pointer-events:none}
.utility-view .ut-policy-visual svg{display:block;width:100%;height:auto}
.utility-view .ut-policy-visual figcaption{text-align:right;font-size:14px;color:#a9c7ed;padding-right:17px;margin-top:-14px}

/* 概览是有真实章节目标的横向信息区，分隔线表达三种主题，避免重复的悬浮卡片和无意义数字。 */
.utility-view .ut-policy-overview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-block:1px solid #a7c7ed40;background:linear-gradient(110deg,#24508655,#153b622e);margin-bottom:18px}
.utility-view .ut-policy-overview a{position:relative;display:flex;flex-direction:column;gap:9px;padding:24px 48px 24px 26px;min-width:0;transition:background-color .18s ease}
.utility-view .ut-policy-overview a+a{border-left:1px solid #a7c7ed30}
.utility-view .ut-policy-overview strong{font-size:18px;font-weight:500;line-height:1.5;color:#f0f5fc}
.utility-view .ut-policy-overview span{font-size:14px;line-height:1.7;color:#b3cbe8;overflow-wrap:anywhere}
.utility-view .ut-policy-overview i{position:absolute;right:24px;top:26px;font-size:20px;line-height:1.2;color:#b6d2fb;font-style:normal}
.utility-view .ut-policy-overview a:hover{background:#6b99d514}

/* 正文栏保持约七十字符阅读宽度；重点章节采用蓝色底面与左侧光边，其余段落留在安静的深蓝区域。 */
.utility-view .ut-policy-designed .ut-policy-layout{grid-template-columns:220px minmax(0,1fr);gap:50px;border:0;padding:44px 0 76px}
.utility-view .ut-policy-designed .ut-policy-prose{max-width:810px}
.utility-view .ut-policy-designed .ut-policy-prose>section{position:relative;isolation:isolate;margin-top:48px;scroll-margin-top:128px}
.utility-view .ut-policy-designed .ut-policy-prose h2{font-size:27px;line-height:1.4;margin-bottom:20px}
.utility-view .ut-policy-designed .ut-policy-prose p{font-size:16px;line-height:1.9;color:#cbd8e9}
.utility-view .ut-policy-designed .ut-policy-prose>section.ut-policy-emphasis{padding:28px 30px 13px;background:linear-gradient(120deg,#24538a55,#16427629);border-left:2px solid #a8c9f05c}
.utility-view .ut-policy-designed .ut-policy-note{padding:21px 25px;border:0;border-left:2px solid #b5d2f8;background:#132f5155}
.utility-view .ut-policy-designed .ut-policy-note p{font-size:15px;line-height:1.85;color:#b6cbe3}
.utility-view .ut-policy-designed .ut-table-wrap{background:#09224966;border-color:#aecdf443}
.utility-view .ut-policy-designed .ut-table-wrap caption{background:#214d7b5c;color:#d1e0f3}
.utility-view .ut-policy-designed .ut-table-wrap thead{background:#1c477887}
.utility-view .ut-policy-designed .ut-table-wrap th,.utility-view .ut-policy-designed .ut-table-wrap td{padding:16px;line-height:1.8}

/* 电脑目录给当前章节真实的位置提示，不把所有条目同时提亮；手机选择与其共用同一章节标识。 */
.utility-view .ut-policy-designed .ut-policy-toc{border:0;padding:0;top:108px}
.utility-view .ut-policy-chapter-links{display:flex;flex-direction:column;border-left:1px solid #a7c7ed30}
.utility-view .ut-policy-designed .ut-policy-chapter-links a{position:relative;padding:10px 12px 10px 18px;line-height:1.65;color:#abc3df;transition:background-color .18s ease,color .18s ease}
.utility-view .ut-policy-chapter-links a[aria-current="location"]{color:#f3f7fc;background:linear-gradient(90deg,#315f9848,transparent)}
.utility-view .ut-policy-chapter-links a[aria-current="location"]::before{content:"";position:absolute;left:-1px;top:10px;bottom:10px;width:2px;background:#b4d4ff}
.utility-view .ut-policy-mobile-chapters{display:none}

/* 中等窗口让正文保持自然阅读，叠层图和信息概览随内容收拢，不改变网站其他部分的排版。 */
@container website (max-width:1050px){
  .utility-view .ut-policy-designed .ut-policy-layout{grid-template-columns:180px minmax(0,1fr);gap:32px}
  .utility-view .ut-policy-designed .ut-policy-hero{gap:24px;grid-template-columns:1.2fr 1fr}
  .utility-view .ut-policy-overview a{padding:22px 37px 22px 18px}
  .utility-view .ut-policy-overview i{right:16px}
  .utility-view .ut-policy-designed .ut-policy-prose>section.ut-policy-emphasis{padding:25px 23px 10px}
}

/* 手机把长目录收为原生选择框，选择区驻留在导航下；正文和概览保留足够触控及阅读尺寸。 */
@container website (max-width:800px){
  .utility-view .ut-policy-designed .ut-policy-hero{grid-template-columns:1fr;gap:12px;padding:32px 0 28px}
  .utility-view .ut-policy-designed h1{font-size:clamp(40px,7.5cqw,58px)}
  .utility-view .ut-policy-visual{width:min(100%,440px);justify-self:center}
  .utility-view .ut-policy-visual figcaption{text-align:center;padding:0;margin-top:-9px}
  .utility-view .ut-policy-overview{grid-template-columns:1fr;margin-bottom:8px}
  .utility-view .ut-policy-overview a{padding:19px 49px 19px 20px;gap:4px}
  .utility-view .ut-policy-overview a+a{border-left:0;border-top:1px solid #a7c7ed30}
  .utility-view .ut-policy-designed .ut-policy-layout{display:block;padding:0 0 46px}
  .utility-view .ut-policy-designed .ut-policy-toc{position:sticky;top:76px;z-index:3;background:#0b254f;padding:13px 0 16px;border-bottom:1px solid #a7c7ed40;margin:0 0 30px}
  .utility-view .ut-policy-designed .ut-policy-toc h2,.utility-view .ut-policy-chapter-links{display:none}
  .utility-view .ut-policy-mobile-chapters{display:block;color:#a9c7e8;font-size:14px;line-height:1.5}
  .utility-view .ut-policy-mobile-chapters select{display:block;width:100%;min-width:0;min-height:46px;padding:10px 32px 10px 12px;margin-top:7px;border:1px solid #a7c7ed55;border-radius:4px;background:#102f56;color:#f1f6fc;font:inherit;font-size:16px;line-height:1.5;color-scheme:dark}
  .utility-view .ut-policy-designed .ut-policy-prose>section{scroll-margin-top:184px;margin-top:36px}
  .utility-view .ut-policy-designed .ut-policy-prose>section.ut-policy-emphasis{padding:24px 21px 8px}
  .utility-view .ut-policy-designed .ut-policy-note{padding:19px 21px}
}

/* 窄屏图形控制高度，标题与正文维持既定阅读尺度；章节选择框和表格都不扩大页面宽度。 */
@container website (max-width:560px){
  .utility-view .ut-policy-designed .ph-top{gap:12px;padding-block:16px;min-height:0}
  .utility-view .ut-policy-designed .ut-policy-hero{padding-top:25px}
  .utility-view .ut-policy-designed h1{font-size:42px;line-height:1.14}
  .utility-view .ut-policy-hero-copy .ph-lead{font-size:16px;line-height:1.85}
  .utility-view .ut-policy-visual{width:min(100%,330px)}
  .utility-view .ut-policy-visual::before{inset:0}
  .utility-view .ut-policy-visual figcaption{font-size:14px;margin-top:-18px}
  .utility-view .ut-policy-designed .ut-policy-prose h2{font-size:24px;line-height:1.4}
  .utility-view .ut-policy-designed .ut-policy-prose>section.ut-policy-emphasis{padding:23px 18px 8px}
  .utility-view .ut-policy-overview strong{font-size:17px}
}

/* 减少动态时仅保留静态颜色和高亮，不使用位移、循环装饰或层叠图动画。 */
@media(prefers-reduced-motion:reduce){.utility-view .ut-policy-overview a,.utility-view .ut-policy-chapter-links a{transition:none}}