/* Scoped, standalone blue/white inner pages matching the approved homepage. */
:root { --center-blue:#247ee8; --center-ink:#163e68; --center-muted:#72849a; --center-line:#e2ebf5; --center-width:1520px; }
body.center-page { margin:0; color:#42566c; background:#fff; font:16px/1.75 "Microsoft YaHei","Noto Sans SC",Arial,sans-serif; }
.center-page *, .center-page *::before, .center-page *::after { box-sizing:border-box; }
.center-page a { color:inherit; text-decoration:none; }
.center-page a:hover { color:var(--center-blue); }
.center-page a:focus-visible { outline:3px solid #1687ed; outline-offset:4px; }
.center-wrap { width:min(var(--center-width),calc(100% - 80px)); margin-inline:auto; }
.center-header { min-height:116px; border-top:4px solid #297ad3; background:linear-gradient(105deg,#102f83,#0659c0 62%,#0b91e8); }
.center-header-inner { width:calc(100% - 100px); min-height:112px; margin:auto; display:flex; align-items:center; justify-content:space-between; gap:24px; }
.center-brand img { display:block; width:min(768px,58vw); height:auto; }
.center-header-links { display:flex; gap:12px; align-items:center; color:#fff; white-space:nowrap; font-size:15px; }
.center-header-links a:hover { color:#fff; text-decoration:underline; }
.center-page > .dh { position:relative; z-index:40; background:#fff; border-bottom:1px solid #e6eff8; box-shadow:0 5px 18px #15427808; }
.center-page #c57376 { max-width:1236px; margin:auto; }
.center-page #c57376 ul { list-style:none; margin:0; padding:0; }
.center-page #c57376 > ul { display:flex; }
.center-page #c57376 > ul > li { position:relative; flex:1; min-width:0; }
.center-page #c57376 > ul > li > a { position:relative; display:flex; align-items:center; justify-content:center; min-height:52px; color:#1d2b40; font-size:17px; font-weight:700; white-space:nowrap; }
.center-page #c57376 > ul > li > a[aria-current],.center-page #c57376 > ul > li:hover > a { color:var(--center-blue); }
.center-page #c57376 > ul > li > a[aria-current]::after { content:""; position:absolute; bottom:0; width:48px; height:3px; background:var(--center-blue); }
.center-page #c57376 > ul > li > ul { display:none; position:absolute; left:50%; top:100%; transform:translateX(-50%); min-width:192px; padding:8px 0; border:1px solid var(--center-line); border-radius:0 0 6px 6px; background:#fff; box-shadow:0 12px 22px #17436a15; }
.center-page #c57376 > ul > li:hover > ul,.center-page #c57376 > ul > li:focus-within > ul { display:block; }
.center-page #c57376 > ul > li > ul a { display:block; padding:8px 20px; color:var(--center-ink); text-align:center; white-space:nowrap; font-size:15px; }
.center-page #c57376 > ul > li > ul a:hover { background:#eff7ff; }
.center-banner { margin-top:24px; min-height:140px; display:flex; flex-direction:column; justify-content:center; align-items:center; background:#0866bb url("images/banner-preview-20260910/b-technology.png") center 55%/cover; color:#fff; text-align:center; }
.center-banner h1 { margin:0; padding:20px 32px; font-size:clamp(20px,2.1vw,34px); line-height:1.5; font-weight:700; text-shadow:0 2px 3px #00377b66; }
.center-banner p { margin:6px 0 0; font-size:15px; letter-spacing:3px; color:#e2f2ff; }
.center-breadcrumb { display:flex; flex-wrap:wrap; gap:9px; padding:21px 0; font-size:14px; color:var(--center-muted); }
.center-breadcrumb .separator { color:#b5c4d5; }
.center-layout { display:grid; grid-template-columns:240px minmax(0,1fr); gap:28px; align-items:start; margin-bottom:38px; }
.center-sidebar,.center-panel { background:#fff; border:1px solid var(--center-line); border-radius:10px; box-shadow:0 6px 22px #1a45780b; min-width:0; }
.center-sidebar { overflow:hidden; }
.center-sidebar h2 { margin:0; padding:22px 24px; border-bottom:1px solid var(--center-line); font-size:21px; color:var(--center-ink); }
.center-side-links { list-style:none; margin:0; padding:12px; }
.center-side-links a { display:flex; align-items:center; justify-content:space-between; padding:14px 16px; margin:4px 0; border-radius:5px; font-size:17px; }
.center-side-links a::after { content:'›'; color:#829ab1; }
.center-side-links a[aria-current] { background:#edf6ff; color:#1677d8; font-weight:700; }
.center-panel { padding:26px 30px 30px; }
.center-section-heading { display:flex; justify-content:space-between; align-items:center; gap:16px; padding-bottom:18px; margin-bottom:24px; border-bottom:1px solid var(--center-line); }
.center-section-heading h2 { margin:0; padding-left:16px; position:relative; font-size:23px; color:var(--center-ink); }
.center-section-heading h2::before { content:''; position:absolute; left:0; top:9px; bottom:9px; width:4px; border-radius:2px; background:var(--center-blue); }
.center-count { font-size:14px; color:var(--center-muted); }
.leaders-table-wrap { width:100%; overflow-x:auto; }
.leaders-table { width:100%; border-collapse:separate; border-spacing:0; border:1px solid var(--center-line); border-radius:7px; overflow:hidden; font-size:17px; }
.leaders-table th { background:#eef6ff; color:var(--center-ink); font-weight:700; text-align:left; }
.leaders-table th,.leaders-table td { padding:17px 20px; border-bottom:1px solid var(--center-line); }
.leaders-table tr:last-child td { border-bottom:0; }
.leaders-table td:first-child { width:15%; color:var(--center-ink); font-weight:700; white-space:nowrap; }
.leaders-table td:nth-child(2) { width:38%; }
.leaders-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; margin-top:30px; }
.leader-card { margin:0; border:1px solid var(--center-line); border-radius:8px; overflow:hidden; background:#f8fbff; }
.leader-card img { display:block; width:100%; aspect-ratio:3/2; object-fit:contain; background:#f0f5fa; }
.leader-card figcaption { padding:17px 20px; text-align:center; }
.leader-card strong { display:block; color:var(--center-ink); font-size:21px; margin-bottom:3px; }
.leader-card span { font-size:15px; color:#627991; }
.center-article-list { list-style:none; padding:0; margin:0; }
.center-article-list li { display:flex; align-items:center; gap:22px; min-height:65px; border-bottom:1px solid #edf2f7; }
.center-article-list a { position:relative; flex:1; min-width:0; padding:16px 0 16px 18px; color:#3d556e; font-size:18px; font-weight:500; line-height:1.65; }
.center-article-list a::before { content:''; position:absolute; left:0; top:29px; width:5px; height:5px; border-radius:50%; background:#388deb; }
.center-article-list a:hover { color:var(--center-blue); }
.center-article-list time { flex:none; font-size:14px; color:var(--center-muted); font-variant-numeric:tabular-nums; }
.center-pagination { display:flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:9px; padding-top:28px; }
.center-pagination a,.center-pagination span { padding:5px 13px; font-size:14px; border:1px solid var(--center-line); border-radius:4px; }
.center-pagination [aria-current] { background:var(--center-blue); border-color:var(--center-blue); color:#fff; }
.center-pagination .disabled { color:#aebac8; background:#fafcfe; }
.center-article-header { text-align:center; border-bottom:1px solid var(--center-line); padding:8px 0 24px; margin-bottom:28px; }
.center-article-header h2 { margin:0 0 12px; font-size:26px; line-height:1.65; color:var(--center-ink); }
.center-article-header p { margin:0; font-size:14px; color:var(--center-muted); }
.center-article-body { font-size:17px; line-height:1.95; overflow-wrap:anywhere; }
.center-article-body p { margin:0 0 16px; }
.center-introduction p { text-indent:2em; line-height:2; }
.center-introduction p:has(img) { text-indent:0; }
.center-introduction-poster { width:100%; max-width:1000px; margin:0 auto; }
.center-introduction-poster img { display:block; width:100%; height:auto; }
.center-article-body img { display:inline-block; max-width:100% !important; height:auto !important; vertical-align:middle; }
.center-article-body table { max-width:100% !important; width:100%; border-collapse:collapse; }
.center-article-body td,.center-article-body th { border:1px solid var(--center-line); padding:10px; overflow-wrap:anywhere; }
.center-article-body a { color:#1875cb; text-decoration:underline; }
.document-scan { margin:0 auto 24px; width:100%; text-align:center; }
.document-scan-viewport { display:block; max-width:100%; height:auto; margin:0 auto; overflow:hidden; }
.center-article-body [hidden] { display:none !important; }
.center-attachments { background:#f6faff; border:1px solid var(--center-line); border-radius:6px; margin:28px 0; padding:18px 22px; }
.center-attachments h3 { margin:0 0 10px; font-size:17px; color:var(--center-ink); }
.center-attachments ul { padding-left:20px; margin:0; }
.center-attachments a { color:#1677d8; }
.center-article-bottom { border-top:1px solid var(--center-line); margin-top:30px; padding-top:20px; display:flex; justify-content:space-between; gap:20px; flex-wrap:wrap; font-size:14px; color:var(--center-muted); }
.center-footer { border-top:4px solid #41a9d4; background:linear-gradient(105deg,#102f83,#167dea 65%,#1bb6dc); color:#fff; padding:28px 24px; text-align:center; font-size:13px; }
.center-footer nav { display:flex; justify-content:center; flex-wrap:wrap; gap:8px 20px; margin-bottom:10px; }
.center-footer p { margin:0; }
.center-footer a:hover { color:#fff; text-decoration:underline; }
/* CMS output is constrained inside these new panels, not globally rewritten. */
.center-cms-list ul { margin:0; padding:0; list-style:none; }
.center-cms-list li { display:flex; align-items:center; gap:22px; border-bottom:1px solid #edf2f7; padding:18px 0; font-size:17px; }
.center-cms-list li > a { flex:1; min-width:0; }
.center-cms-list li > span { flex:none; white-space:nowrap; float:none !important; padding:0 !important; font-size:14px !important; }
.center-cms-list li a { font-size:18px !important; color:#3d556e !important; }
.center-cms-list li span { color:var(--center-muted) !important; }
.center-cms-list table { max-width:100%; }
.center-cms-list .pb_sys_common { padding-top:28px; font-size:14px; }
.center-cms-list .pb_sys_common span { line-height:2.5; }
.center-cms-list .pb_sys_common a { display:inline-block; padding:0 10px; color:#247ee8; }
.center-cms-leaders img { max-width:100% !important; height:auto !important; }
.center-cms-article h1 { color:var(--center-ink); font-size:26px; line-height:1.6; text-align:center; }
.center-cms-article img { max-width:100% !important; height:auto !important; }
@media (min-width:901px) and (max-width:1200px) {
 .center-wrap { width:calc(100% - 48px); }
 .center-layout { grid-template-columns:200px minmax(0,1fr); gap:20px; }
 .center-panel { padding:24px; }
 .center-page #c57376 > ul > li > a { font-size:15px; }
}
@media (max-width:900px) {
 .center-wrap { width:calc(100% - 32px); }
 .center-header,.center-header-inner { min-height:76px; }
 .center-header-inner { width:calc(100% - 32px); }
 .center-brand img { width:min(540px,80vw); }
 .center-header-links { display:none; }
 .center-page #c57376 > ul { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); }
 .center-page #c57376 > ul > li > a { min-height:44px; font-size:14px; }
 .center-page #c57376 > ul > li > ul { min-width:160px; }
 .center-banner { min-height:110px; margin-top:18px; }
 .center-banner h1 { font-size:22px; padding:16px 20px; }
 .center-banner p { font-size:12px; letter-spacing:1px; }
 .center-layout { grid-template-columns:1fr; gap:20px; }
 .center-sidebar h2 { padding:14px 20px; font-size:18px; }
 .center-side-links { display:flex; gap:8px; padding:8px 12px; }
 .center-side-links li { flex:1; }
 .center-side-links a { padding:10px 6px; font-size:15px; justify-content:center; }
 .center-side-links a::after { display:none; }
 .center-panel { padding:22px 20px; }
 .center-section-heading h2 { font-size:21px; }
 .center-article-list a { font-size:16px; }
 .center-article-list li { gap:12px; }
 .center-article-header h2 { font-size:22px; }
 .leaders-table th,.leaders-table td { padding:12px; font-size:15px; }
}
@media (max-width:520px) {
 .center-panel { padding:18px 16px; }
 .center-article-list li { display:block; padding:12px 0; }
 .center-cms-list li { display:block; padding:12px 0; }
 .center-cms-list li > span { display:block; text-align:right; }
 .center-cms-list li a { font-size:16px !important; }
 .center-article-list a { display:block; padding:0 0 5px 15px; }
 .center-article-list a::before { top:12px; }
 .center-article-list time { display:block; text-align:right; font-size:13px; }
 .leaders-grid { grid-template-columns:1fr; gap:18px; margin-top:22px; }
 .leaders-table th,.leaders-table td { padding:10px 8px; font-size:13px; }
 .leaders-table td:first-child { width:17%; }
 .leaders-table td:nth-child(2) { width:37%; }
 .center-article-body { font-size:16px; }
 .center-article-body table { display:block; overflow-x:auto; }
 .center-breadcrumb { font-size:12px; gap:6px; padding:16px 0; }
}