/* KERUI 26改版：顶栏 + 左侧导航 + layout 骨架（首页/舆情/研报共用） */ /* 改版页字体规则： - 正文统一 font-family: var(--kerui-font) = "Kerui Arial Digits", 微软雅黑, 苹方, ... - 数字（半角 0-9、全角 0-9、. , % + - : / ×）通过 @font-face unicode-range 强制走 Arial - 关键统计数字请额外加 .kerui-text-num 或 var(--kerui-font-digits) 兜底 - 后续新增的改版页必须遵循以上规则，统计数字一律 Arial */ @font-face { font-family: "Kerui Arial Digits"; src: local("Arial"); font-weight: 400; font-style: normal; unicode-range: U+0030-0039, U+002E, U+002C, U+0025, U+002B, U+002D, U+003A, U+002F, U+00D7, U+FF10-FF19; } @font-face { font-family: "Kerui Arial Digits"; src: local("Arial Bold"), local("Arial"); font-weight: 700; font-style: normal; unicode-range: U+0030-0039, U+002E, U+002C, U+0025, U+002B, U+002D, U+003A, U+002F, U+00D7, U+FF10-FF19; } :root { --kerui-nav-h: 4.375rem; --kerui-side-w: 4.375rem; --kerui-nav-item-max-w: 6.25rem; /* 顶栏行业导航单项最大宽：原 7.5rem 减 20px */ /* 内容区右侧留白（窄）：全站统一 3.5rem，窄于左侧侧栏宽 */ --kerui-content-right-pad: 3.5rem; /* 各页内容区沿用旧变量名 */ --nav-h: var(--kerui-nav-h); --side-w: var(--kerui-side-w); --kerui-page-max: 120rem; --kerui-primary: #123f8b; --kerui-primary-light: #0d3d86; --kerui-border: #d9dce2; --kerui-line: #d9dce2; --kerui-bg-light: #f1f4f8; --kerui-font-digits: Arial, "Helvetica Neue", Helvetica, sans-serif; /* 改版页默认字体：数字走 Arial（通过 Kerui Arial Digits 映射），汉字回退到微软雅黑/苹方 */ --kerui-font: "Kerui Arial Digits", "Microsoft YaHei", "PingFang SC", "Helvetica Neue", Arial, sans-serif; /* 辅助说明文字（指标标签、摘要、元数据、子导航等）：基准 12px，窄屏随根字号与视口缩小 */ --kerui-fs-caption: clamp(10px, 0.625rem + 0.15vw, 12px); --kerui-fs-small: var(--kerui-fs-caption); /* 次级正文（Tab、列表标题、卡片标题、企业名等）：基准 14px，窄屏随根字号与视口缩小 */ --kerui-fs-body: clamp(12px, 0.8125rem + 0.12vw, 14px); /* 区块标题、统计数字（首页/舆情/研报/数据页共用） */ --kerui-fs-section-title: clamp(1rem, 0.88rem + 0.35vw, 1.125rem); --kerui-fs-stat-num: clamp(0.875rem, 0.72rem + 0.42vw, 1.0625rem); --kerui-title-mark-w: 2px; --kerui-title-mark-h: 1.625rem; --kerui-title-mark-color: var(--kerui-primary); --kerui-title-mark-gap: 30px; --layout-divider-w: 1px; --kerui-text-dark: #333333; --kerui-text-mid: #555555; --kerui-text-light: #666666; --kerui-stat-up: var(--kerui-primary); --kerui-stat-down: #e0635a; --kerui-card-border: #d7dbe3; --kerui-section-pad-x: 1.875rem; --kerui-section-pad-y: 30px; --kerui-section-pad-left: 2.125rem; --sentiment-pad-left: var(--kerui-section-pad-left); /* 带图形区块：卡片/插件底到区块底边合计 35px（不含内部再叠一层） */ --kerui-graphic-bottom-gap: 35px; /* 政策/快讯/研报列表行间分隔线左右缩进 */ --kerui-list-divider-inset: 35px; --kerui-list-divider-color: var(--kerui-line); /* 图表说明文字（底栏图例、轴侧单位、预测图例等） */ --kerui-chart-caption-size: 12px; /* 图表悬停 tips 背景：白底 90% 不透明 */ --kerui-chart-tooltip-bg: rgba(255, 255, 255, 0.9); } /* 消除 / shell / footer 内空白文本节点（含 BOM）撑出的行盒，避免顶栏下、页脚上出现「断开」缝隙 */ body { margin: 0; line-height: 0; } body > .kerui-page-shell, body > .kerui-page-footer, body > .pv-country-modal { line-height: 0; } /* 行高只恢复到真实内容容器，避免再继承到空白文本节点 */ body > .kerui-page-shell > .kerui-topbar, body > .kerui-page-shell > .kerui-layout, body > .kerui-page-footer > .kerui-site-footer, body > .pv-country-modal > * { line-height: normal; } /* 改版页辅助说明文字：优先使用此类或 --kerui-fs-caption */ .kerui-text-caption { font-size: var(--kerui-fs-caption); line-height: 1.35; } /* 改版页数字字体规则：所有改版页（含后续新增）正文中的数字均按 Arial 渲染。关键统计数字请使用 .kerui-text-num 或 var(--kerui-font-digits)。 */ .kerui-text-num { font-family: var(--kerui-font-digits); font-weight: 700; } /* KPI 数字统一：Arial Bold（字号由各页/ --kerui-fs-stat-num 控制） */ .pv-kpi-val, .pv-kpi-change, .metric-row .metric > b, .metric > b, .kpi-row .kpi > strong, .kpi-row .kpi .up, .kpi-row .kpi .down, .kpi-row .kpi .flat, .edv-trend-kpis .stat .num, .stat-row .stat .num, .stat .num, .offroad-kpi-center > b, .energy-kpi-center > b, .kerui-supply-metric-value { font-family: var(--kerui-font-digits, Arial, "Helvetica Neue", Helvetica, sans-serif); font-weight: 700; } /* 改版页次级正文（红框标注位）：优先使用此类或 --kerui-fs-body */ .kerui-text-body { font-size: var(--kerui-fs-body); line-height: 1.35; } .kerui-page-shell { width: 100%; /* min-height: 100vh; */ background: #ffffff; border-right: 2px solid #aeb6c2; font-family: var(--kerui-font); padding-top: var(--kerui-nav-h); /* clip 放在 html 上，避免本层 overflow-x:clip 把 overflow-y 算成 auto、弄坏 sticky 侧栏 */ overflow-x: visible; /* 贯穿式品牌水印：横跨整个 shell（顶栏 + 侧栏 + 内容），随滚动一直铺满 background-image: url("/Style/Home/images/kerui_watermark.png"); background-repeat: no-repeat; background-position: center 36%; background-size: min(120rem, 95%) auto; background-attachment: fixed; background-color: #ffffff; */ } /* 首页/频道页：右侧留白与顶栏「退出」右缘对齐（窄右留白） */ .kerui-page-shell--home, .kerui-page-shell--channel { border-right: none; } .kerui-page-shell .kerui-topbar { padding-right: var(--kerui-content-right-pad, 3.5rem); } .kerui-page-shell--channel .content { padding-right: var(--kerui-content-right-pad, 3.5rem); } .kerui-page-shell--channel .content::after { right: var(--kerui-content-right-pad, 3.5rem); pointer-events: none; } .kerui-topbar { height: var(--kerui-nav-h); min-height: var(--kerui-nav-h); background: #ffffff; border-bottom: 1px solid var(--kerui-border); box-shadow: 0 0.125rem 0.375rem rgba(0, 0, 0, 0.12); display: flex; flex-wrap: nowrap; align-items: center; padding-left: var(--kerui-side-w); padding-right: var(--kerui-content-right-pad, 3.5rem); position: fixed; top: 0; left: 0; right: 0; z-index: 20; min-width: 0; max-width: 100%; width: 100%; box-sizing: border-box; } /* zoom / 正常布局：顶栏必须钉死视口顶。transform 回退模式才允许 JS 写 top */ html:not(.kerui-adaptive-scale-transform) .kerui-topbar { position: fixed !important; top: 0 !important; left: 0; right: 0; } .kerui-logo { width: auto; max-width: 14.5rem; height: var(--kerui-nav-h); display: flex; align-items: center; flex-shrink: 0; text-decoration: none; } .kerui-logo img { display: block; height: 1.75rem; width: auto; max-height: 2.25rem; object-fit: contain; } .kerui-nav-wrap { position: relative; display: flex; align-items: stretch; flex: 1; min-width: 0; height: 100%; padding-left: 35px; } .kerui-nav { height: 100%; display: flex; align-items: stretch; flex: 1; min-width: 0; overflow-x: hidden; -ms-overflow-style: none; scrollbar-width: none; scrollbar-color: transparent transparent; -webkit-overflow-scrolling: touch; } .kerui-nav-wrap.is-nav-scroll .kerui-nav { overflow-x: auto; scroll-behavior: smooth; cursor: grab; } .kerui-nav-wrap.is-nav-scroll .kerui-nav:active { cursor: grabbing; } .kerui-nav-wrap.is-nav-scroll::after { content: ""; position: absolute; top: 0; right: 0; bottom: 0; width: 1.5rem; pointer-events: none; background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #ffffff 85%); } .kerui-nav::-webkit-scrollbar, .kerui-nav::-webkit-scrollbar-thumb, .kerui-nav::-webkit-scrollbar-track, .kerui-nav::-webkit-scrollbar-corner { display: none; width: 0; height: 0; background: transparent; -webkit-appearance: none; appearance: none; } .kerui-nav-link--hidden { display: none !important; visibility: hidden !important; position: absolute !important; width: 0 !important; height: 0 !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; pointer-events: none !important; } .kerui-nav-wrap.is-nav-overflow .kerui-nav { overflow-x: hidden; flex-wrap: nowrap; } .kerui-nav-more { flex-shrink: 0; align-self: center; width: 2.25rem; height: 2.25rem; margin-right: 0.25rem; border: 1px solid #dce2ea; border-radius: 0.25rem; background: #f7faff; color: var(--kerui-primary-light); cursor: pointer; display: inline-flex; align-items: center; justify-content: center; padding: 0; font-family: inherit; transition: background-color 0.15s ease, border-color 0.15s ease; } .kerui-nav-more[hidden] { display: none !important; } .kerui-nav-more:hover { background: #eef3fb; border-color: #c5d0e3; } .kerui-nav-more[aria-expanded="true"] { background: #eef3fb; border-color: var(--kerui-primary-light); } .kerui-nav-more-chevron { display: block; width: 0; height: 0; border-left: 0.35rem solid transparent; border-right: 0.35rem solid transparent; border-top: 0.45rem solid currentColor; transition: transform 0.15s ease; } .kerui-nav-more[aria-expanded="true"] .kerui-nav-more-chevron { transform: rotate(180deg); } .kerui-nav-overflow-menu { position: absolute; top: calc(100% + 0.125rem); right: 0; min-width: 6.25rem; background: #ffffff; border: 1px solid var(--kerui-border); border-radius: 0.25rem; box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.12); z-index: 30; padding: 0.25rem 0; } .kerui-nav-overflow-menu[hidden] { display: none !important; } .kerui-nav-overflow-menu a { display: flex; align-items: center; justify-content: center; min-height: 2.5rem; padding: 0 1rem; color: #1f1f1f; font-size: 1rem; font-weight: 600; text-decoration: none; white-space: nowrap; transition: background-color 0.15s ease, color 0.15s ease; } .kerui-nav-overflow-menu a:hover, .kerui-nav-overflow-menu a.active { color: var(--kerui-primary-light); background: #f7faff; } .kerui-nav a { flex: 1 1 0; min-width: 4.5rem; max-width: var(--kerui-nav-item-max-w); display: flex; align-items: center; justify-content: center; color: #1f1f1f; font-size: 1rem; font-weight: 600; background: transparent; border: none; text-decoration: none; transition: background-color 0.15s ease, color 0.15s ease; } .kerui-nav a:hover, .kerui-nav a.active { color: var(--kerui-primary-light); background: #e8ecf4; } .kerui-top-actions { display: flex; align-items: center; gap: 0.75rem; flex-shrink: 0; color: #111111; font-size: 0.875rem; } /* 顶栏搜索 */ .kerui-search { width: 12.5rem; height: 2rem; background: var(--kerui-bg-light); border: 1px solid #dce2ea; border-radius: 0.375rem; display: flex; align-items: center; padding: 0 0.75rem; gap: 0.35rem; color: #8a8f99; } .kerui-search span { width: 0.875rem; height: 0.875rem; flex-shrink: 0; font-size: 0; line-height: 0; background: url("/Style/Home/images/kerui/icon_search.png?v=20260904e") center/contain no-repeat; } .kerui-search input { flex: 1; min-width: 0; height: 100%; border: none; background: transparent; outline: none; font: inherit; font-size: 0.875rem; color: #111111; padding: 0; } .kerui-search input::placeholder { color: #8a8f99; } .kerui-search:focus-within { border-color: var(--kerui-primary-light); background: #ffffff; box-shadow: 0 0 0 2px rgba(18, 63, 139, 0.12); } .kerui-ai { display: flex; align-items: center; cursor: pointer; border-radius: 0.25rem; padding: 0.1rem 0.2rem; transition: background-color 0.15s ease, opacity 0.15s ease; } .kerui-ai:hover { background: #f7faff; } .kerui-ai-img { display: block; height: 1.375rem; width: auto; object-fit: contain; } .kerui-service { border: none; background: var(--kerui-primary); color: #ffffff; border-radius: 0.25rem; font-size: 0.8125rem; padding: 0.45rem 0.75rem; font-weight: 600; cursor: pointer; font-family: inherit; transition: background-color 0.15s ease, opacity 0.15s ease; } .kerui-service:hover { background: #0f3478; } .kerui-service:active { opacity: 0.92; } .kerui-iconline { display: inline-flex; align-items: center; gap: 0.55rem; color: #000000; white-space: nowrap; } .kerui-iconline-item { display: inline-flex; align-items: center; justify-content: center; line-height: 0; position: relative; } .kerui-iconline-item img { display: block; width: 1.25rem; height: 1.25rem; object-fit: contain; } .kerui-icon-ewm .kerui-ewm-popover { display: none; position: absolute; top: calc(100% + 0.55rem); right: 0; z-index: 1200; min-width: 10rem; padding: 0.9375rem 1.25rem; background: #ffffff; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15); text-align: center; line-height: 1.4; white-space: nowrap; } .kerui-icon-ewm .kerui-ewm-popover::before { content: ""; position: absolute; top: -0.55rem; right: 0; left: 0; height: 0.55rem; } .kerui-icon-ewm:hover .kerui-ewm-popover, .kerui-icon-ewm:focus-within .kerui-ewm-popover { display: block; } .kerui-icon-ewm .kerui-ewm-popover > img { display: block; width: 6.25rem; height: 6.25rem; margin: 0.9375rem auto 0; object-fit: contain; } .kerui-icon-ewm .kerui-ewm-popover > img:first-child { margin-top: 0; } .kerui-icon-ewm .kerui-ewm-popover > span { display: block; margin-top: 0.3125rem; color: #292b33; font-size: 0.75rem; line-height: 1.4; white-space: nowrap; } .kerui-iconline-kftx { display: block; width: 1.375rem; height: 1.375rem; object-fit: contain; } .kerui-user-line { white-space: nowrap; color: #111111; } .kerui-user-line a { color: inherit; text-decoration: none; } .kerui-user-line a:hover { color: var(--kerui-primary); } .kerui-layout { display: grid; grid-template-columns: var(--kerui-side-w) var(--layout-divider-w, 1px) minmax(0, 1fr); max-width: var(--kerui-page-max); margin: 0 auto; border-left: unset; min-width: 0; position: relative; } /* 侧栏占第 1 列；第 2 列 1px 中线占位 */ .kerui-layout > .kerui-sidebar { grid-column: 1; grid-row: 1; } /* 中线：铺满 layout 行高（绝对定位，不依赖侧栏自身高度） */ .kerui-layout::before { content: ""; position: absolute; top: 0; bottom: 0; left: var(--kerui-side-w); width: var(--layout-divider-w, 1px); background: var(--kerui-line); pointer-events: none; z-index: 16; } /* 左缘线：画在 layout 上贯通内容行高；勿画在 sticky 侧栏上（侧栏高度=菜单，拉满会弄坏 sticky） */ .kerui-layout::after { content: ""; position: absolute; top: 0; bottom: 0; left: 0; width: 1px; background: var(--kerui-line); pointer-events: none; z-index: 16; } .kerui-layout > :not(.kerui-sidebar) { grid-column: 3; grid-row: 1; min-width: 0; overflow-x: clip; border-left: none; } .kerui-sidebar { background: #ffffff; padding-top: 3.6rem; display: flex; flex-direction: column; justify-content: flex-start; align-items: stretch; /* 高度只跟菜单：sticky 才有可钉空间；勿 stretch/min-height:100%（与内容同高则 sticky 失效） */ align-self: start; width: var(--kerui-side-w); box-sizing: border-box; border-left: none; z-index: 15; overflow: visible; position: sticky; top: var(--kerui-nav-h); left: auto; height: auto; min-height: 0; max-height: none; } /* 挡住旧版自适应脚本写的 inline top/height/transform */ html:not(.kerui-adaptive-scale-transform) .kerui-layout .kerui-sidebar { position: sticky !important; top: var(--kerui-nav-h) !important; left: auto !important; height: auto !important; min-height: 0 !important; max-height: none !important; transform: none !important; align-self: start !important; } /* transform 缩放时 sticky/fixed 都相对整页，仍由 JS 补偿 */ html.kerui-adaptive-scale-transform .kerui-layout .kerui-sidebar { position: fixed; left: 0; left: max(0px, calc((100vw - min(100vw, var(--kerui-page-max))) / 2)); } .kerui-sidebar::before { display: none; } .kerui-sidebar::after { display: none; } .kerui-side-item { height: 2.95rem; display: flex; align-items: center; justify-content: center; color: #333333; font-size: 1rem; border-bottom: 1px solid transparent; position: relative; cursor: pointer; transition: background-color 0.15s ease, color 0.15s ease; text-decoration: none; } .kerui-side-item:hover { background: #f7fafc; color: var(--kerui-primary-light); } .kerui-side-item.active { background: #eef3fb; color: var(--kerui-primary-light); font-weight: 700; } .kerui-side-item.active:hover { background: #e8f0fb; color: var(--kerui-primary-light); } /* ===== 左侧「数据」「课堂」项悬停浮层（仿图示） ===== */ .kerui-side-item--data, .kerui-side-item--classroom { position: relative; padding: 0; } .kerui-side-item--data .kerui-side-item-entry, .kerui-side-item--classroom .kerui-side-item-entry { flex: 1; align-self: stretch; display: flex; align-items: center; justify-content: center; color: inherit; font: inherit; font-weight: inherit; text-decoration: none; } .kerui-data-popover { position: absolute; top: 0; left: calc(100% + 2px); width: max-content; max-width: min(28rem, calc(100vw - var(--kerui-side-w) - 0.5rem)); padding: 1.25rem 0.5rem; background: #ffffff; border: 1px solid #e8ecf0; border-radius: 4px; box-shadow: 4px 2px 16px rgba(0, 0, 0, 0.08); display: flex; flex-direction: column; gap: 0.625rem; opacity: 0; visibility: hidden; transform: translateX(-4px); transition: opacity 0.18s ease, transform 0.18s ease, visibility 0s linear 0.18s; z-index: 30; pointer-events: none; } .kerui-side-item--data:hover .kerui-data-popover, .kerui-side-item--data:focus-within .kerui-data-popover, .kerui-side-item--classroom:hover .kerui-data-popover, .kerui-side-item--classroom:focus-within .kerui-data-popover { opacity: 1; visibility: visible; transform: translateX(0); transition: opacity 0.18s ease, transform 0.18s ease, visibility 0s linear 0s; pointer-events: auto; } .kerui-data-popover-item { display: flex; flex-direction: column; align-items: flex-start; gap: 0.25rem; padding: 0.4rem 0.875rem; color: #333333; text-decoration: none; cursor: pointer; border-radius: 2px; transition: background-color 0.15s ease, color 0.15s ease; max-width: 100%; } .kerui-data-popover-item:hover { background: #f7fafc; } .kerui-data-popover-title { font-size: var(--kerui-fs-body); font-weight: 700; line-height: 1.35; color: #333333; white-space: nowrap; max-width: 100%; overflow: hidden; text-overflow: ellipsis; transition: color 0.15s ease; } .kerui-data-popover-tags { font-size: var(--kerui-fs-caption); font-weight: 400; color: #666666; line-height: 1.35; white-space: nowrap; max-width: 100%; overflow: hidden; text-overflow: ellipsis; } .kerui-data-popover-item:hover .kerui-data-popover-title { color: var(--kerui-primary-light); } .kerui-classroom-popover { gap: 0.125rem; padding: 0.875rem 0.5rem; } .kerui-classroom-popover .kerui-data-popover-item { padding: 0.45rem 0.875rem; } /* 企业/集团 Tab：选中底纹 + 中间竖线（首页、舆情等 kerui-enterprise-section 共用） */ .kerui-enterprise-section { --kerui-ent-head-h: 1.5rem; } .kerui-enterprise-section .kerui-enterprise-head { align-items: center; } .kerui-enterprise-section .kerui-enterprise-tab-switch { --ent-tab-divider-gap: 0.75rem; display: inline-flex; align-items: stretch; align-self: center; flex-shrink: 0; box-sizing: border-box; height: var(--kerui-ent-head-h); } .kerui-enterprise-section .kerui-enterprise-tab-switch > span[data-tab] { cursor: pointer; display: inline-flex; align-items: center; box-sizing: border-box; height: 100%; padding: 0 0.55rem; border-radius: 0.1875rem; line-height: 1; color: #333333; font-weight: 700; transition: background-color 0.15s ease, color 0.15s ease, box-shadow 0.15s ease; } .kerui-enterprise-section .mini-search, .kerui-enterprise-section .kerui-enterprise-search { height: var(--kerui-ent-head-h); box-sizing: border-box; } .kerui-enterprise-section .kerui-enterprise-head .more, .kerui-enterprise-section .kerui-enterprise-more { position: static; right: auto; top: auto; transform: none; flex-shrink: 0; } .kerui-enterprise-section .kerui-enterprise-tab-switch > span[data-tab="enterprise"] { margin-right: var(--ent-tab-divider-gap); } .kerui-enterprise-section .kerui-enterprise-tab-switch > span[data-tab]:hover { background: #f0f7ff; color: #0d3d86; } .kerui-enterprise-section .kerui-enterprise-tab-switch > span[data-tab].active { background: #eef0f3; color: var(--kerui-primary); } .kerui-enterprise-section .kerui-enterprise-tab-switch > span[data-tab].active:hover { background: #eef0f3; color: var(--kerui-primary); } .kerui-enterprise-section .kerui-enterprise-tab-switch > span[data-tab="group"] { margin-left: var(--ent-tab-divider-gap); position: relative; } .kerui-enterprise-section .kerui-enterprise-tab-switch > span[data-tab="group"]::before { content: ""; position: absolute; left: calc(-1 * var(--ent-tab-divider-gap) - 0.5px); top: 50%; transform: translateY(-50%); width: 1px; height: 0.775rem; background: #c5cad3; } .kerui-enterprise-section .kerui-enterprise-empty { grid-column: 1 / -1; color: #999999; font-size: 0.8125rem; line-height: 1.35rem; padding: 0; } /* 企业/集团列表项 hover：背景 #eef0f3，宽度随文字自适应 */ .company-grid .company-item, .company-grid > span, .company-grid > a, .kerui-enterprise-section .company-grid .company-item { display: inline-flex; align-items: center; width: fit-content; max-width: 100%; min-width: 0; vertical-align: top; box-sizing: border-box; border-radius: 2px; padding: 0 0.3rem 0 0.15rem; transition: background-color 0.15s ease; } .company-grid .company-item:hover, .company-grid > span:hover, .company-grid > a:hover, .kerui-enterprise-section .company-grid .company-item:hover { background: #eef0f3; } /* 企业 / 集团 / 供应链企业名：可点进对应详情页 */ a.kerui-entity-link, span.kerui-entity-link[data-kerui-entity-href] { color: inherit; text-decoration: none; cursor: pointer; } a.kerui-entity-link:hover, span.kerui-entity-link[data-kerui-entity-href]:hover { color: var(--kerui-primary, #123f8b); } .pv-rank-name .kerui-entity-link, .rank-name .kerui-entity-link, .data-rank-name.kerui-entity-link, a.kerui-entity-link.data-enterprise-name, a.kerui-entity-link.pv-top3-label { max-width: 100%; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; vertical-align: bottom; } /* * IPO / NEW 标记（is_ipo）：0 无 | 1 仅 IPO 蓝 | 2 NEW 红 | 3 IPO+新数据红 * HTML：keruiIpoHtml(ipo)；图：Style/Home/images/kerui/badge-*.png */ .ipo, .kerui-new-badge { display: inline-block; flex-shrink: 0; width: 1rem; height: 0.75rem; margin-left: 0.15rem; margin-right: 0.15rem; margin-top: 0.04rem; margin-bottom: 0.04rem; padding: 0; vertical-align: middle; background-repeat: no-repeat; background-size: 100% 100%; background-position: center; color: transparent; font-size: 0; line-height: 0; overflow: hidden; } .ipo { background-image: url(/Style/Home/images/kerui/badge-ipo-red.png); } .ipo.blue { background-image: url(/Style/Home/images/kerui/badge-ipo-blue.png); } .kerui-new-badge { background-image: url(/Style/Home/images/kerui/badge-new.png); } .kerui-empty-tip { padding: 2rem 0; text-align: center; color: #999999; font-size: var(--kerui-fs-caption, 12px); line-height: 1.5; } .kerui-chart-empty { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; color: #999999; font-size: var(--kerui-fs-caption, 12px); pointer-events: none; } /* 企业详情页右栏：企业/集团 tab 布局适配 */ .kerui-enterprise-main .right-rail-merged .kerui-enterprise-section .section-head { display: flex; align-items: center; flex-wrap: nowrap; gap: 0.45rem 0.5rem; margin-bottom: 0.55rem; } .kerui-enterprise-main .right-rail-merged .kerui-enterprise-section .kerui-enterprise-head-actions { flex: 0 0 auto; margin-left: auto; display: flex; align-items: center; gap: 0.45rem; } .kerui-enterprise-main .right-rail-merged .kerui-enterprise-section .search-lite, .kerui-enterprise-main .right-rail-merged .kerui-enterprise-section .more-btn { height: var(--kerui-ent-head-h); box-sizing: border-box; line-height: 1; } /* 企业详情页右栏：企业/集团、企业快讯、企业专题 — 标题左侧蓝色竖条贴齐容器左边缘 */ .kerui-enterprise-main .right-rail-merged > .rail-block > .section-head { position: relative; } .kerui-enterprise-main .right-rail-merged > .rail-block > .section-head::before { content: ""; position: absolute; left: calc(-1 * var(--sentiment-pad-left, 1.55rem)); top: 50%; transform: translateY(-50%); width: var(--kerui-title-mark-w, 2px); min-width: var(--kerui-title-mark-w, 2px); max-width: var(--kerui-title-mark-w, 2px); height: var(--kerui-title-mark-h, 1.55rem); background: var(--kerui-title-mark-color, #123f78); box-sizing: border-box; border-radius: 0; z-index: 5; } .kerui-enterprise-main .right-rail-merged > .rail-block .section-title::before { display: none; } /* ===== 改版共用组件（首页 / 舆情 / 研报 / 数据等） ===== */ .kerui-section, .section.kerui-section { position: relative; border-bottom: 1px solid var(--kerui-line); padding: var(--kerui-section-pad-y) var(--kerui-section-pad-x) 2.5rem var(--kerui-section-pad-left); } .kerui-section:has(canvas), .kerui-section:has(.chart-wrap), .kerui-section:has(.data-card), .section.kerui-section:has(canvas), .section.kerui-section:has(.chart-wrap), .section.kerui-section:has(.data-card) { padding-bottom: var(--kerui-graphic-bottom-gap); } .kerui-section-title, .section-title.kerui-section-title { display: flex; align-items: flex-end; flex-wrap: wrap; gap: 1.25rem; font-size: var(--kerui-fs-section-title); font-weight: 800; color: var(--kerui-text-dark); margin-bottom: 1.75rem; min-height: var(--kerui-title-mark-h); row-gap: 0.35rem; line-height: 1.2; } .kerui-section-title::before, .section-title.kerui-section-title::before { content: ""; width: var(--kerui-title-mark-w); min-width: var(--kerui-title-mark-w); max-width: var(--kerui-title-mark-w); height: var(--kerui-title-mark-h); background: var(--kerui-title-mark-color); margin-right: var(--kerui-title-mark-gap); flex-shrink: 0; box-sizing: border-box; } .kerui-section, .section.kerui-section { --sentiment-pad-left: var(--kerui-section-pad-left); } /* 竖条左移与区块左缘对齐（略多拉 2.5% 抵消裁切/亚像素） */ .section-title::before, .kerui-section-title::before, .section-title.kerui-section-title::before { margin-left: calc(-1.025 * var(--sentiment-pad-left) + var(--layout-divider-w, 1px)); } .kerui-section .kerui-section-title::before, .kerui-section .section-title.kerui-section-title::before, .section.kerui-section .kerui-section-title::before, .section.kerui-section .section-title.kerui-section-title::before { margin-right: var(--kerui-title-mark-gap); } .kerui-section:has(> .more) .kerui-section-title, .kerui-section:has(> .more) .section-title, .section.kerui-section:has(> .more) .section-title { padding-right: 4rem; } /* 数据页 pv-panel 标题蓝条（页内禁用 .kerui-section-title::before 时） */ .content .pv-panel-title > .pv-panel-title-text, .content .pv-panel-title > span:first-child:not(.spacer) { display: inline-flex; align-items: center; line-height: 1.2; } .content .pv-panel-title > .pv-panel-title-text::before, .content .pv-panel-title > span:first-child:not(.spacer)::before { content: ""; display: block; width: var(--kerui-title-mark-w); min-width: var(--kerui-title-mark-w); max-width: var(--kerui-title-mark-w); height: var(--kerui-title-mark-h); background: var(--kerui-title-mark-color); margin-right: var(--kerui-title-mark-gap); flex-shrink: 0; border-radius: 2px; box-sizing: border-box; } /* 历史数据（乘用车/商用车/供应链等数据库页共用） */ .pv-history { position: relative; padding: 30px 1.875rem 2rem 0; border-bottom: none; } .pv-history::before { content: ""; position: absolute; left: var(--layout-divider-w, 1px); top: 30px; width: var(--kerui-title-mark-w); min-width: var(--kerui-title-mark-w); max-width: var(--kerui-title-mark-w); height: var(--kerui-title-mark-h); background: var(--kerui-title-mark-color); box-sizing: border-box; border-radius: 0; /* 圆角会把 2px 竖条看起来更细 */ } .pv-history .kerui-section-title, .pv-history .section-title.kerui-section-title { margin-bottom: 2rem; padding-left: calc(var(--kerui-title-mark-w) + var(--kerui-title-mark-gap)); } .pv-history .kerui-section-title::before, .pv-history .section-title.kerui-section-title::before { display: none; } .pv-history-grid { display: flex; flex-direction: column; gap: 0.625rem; margin-left: calc(var(--kerui-title-mark-w) + var(--kerui-title-mark-gap)); /* 设计图：固定宽按钮，容纳「N月 + 图标 + xlsx」 */ --pv-history-item-width: 5.75rem; --pv-history-item-height: 1.75rem; } .pv-history-year { display: grid; grid-template-columns: 3.25rem repeat(var(--pv-history-cols, 12), var(--pv-history-item-width)); column-gap: 0.5rem; row-gap: 0.5rem; align-items: center; justify-content: start; width: fit-content; max-width: 100%; } .pv-history-year-label { font-size: 1rem; font-weight: 700; color: #333; line-height: 1.32; display: flex; align-items: center; justify-content: flex-start; height: var(--pv-history-item-height); white-space: nowrap; padding-right: 0.25rem; box-sizing: border-box; } .pv-history-month { width: var(--pv-history-item-width); text-align: center; font-size: var(--kerui-fs-caption); color: var(--kerui-text-mid); } .pv-history-month a { display: inline-flex; flex-direction: row; align-items: center; justify-content: center; gap: 0.25rem; width: var(--pv-history-item-width); height: var(--pv-history-item-height); padding: 0 0.375rem; border: 1px solid #d8dde5; border-radius: 2px; background: #fff; color: #666; box-sizing: border-box; white-space: nowrap; line-height: 1; text-decoration: none; transition: border-color 0.15s, background 0.15s, color 0.15s; } .pv-history-month a:hover { background: var(--kerui-primary); border-color: var(--kerui-primary); color: #fff; } .pv-history-month a:hover .pv-history-xlsx-text { color: #fff; } .pv-history-month a:hover .pv-history-xlsx-icon { filter: brightness(0) invert(1); } .pv-history-month .pv-history-xlsx { display: inline-flex; align-items: center; gap: 0.125rem; flex-shrink: 0; } .pv-history-xlsx-icon { width: 0.875rem; height: 0.75rem; object-fit: contain; display: block; flex-shrink: 0; } .pv-history-xlsx-text { font-size: var(--kerui-fs-caption); color: #888; line-height: 1; } .pv-history-month-label { font-weight: 500; flex-shrink: 0; line-height: 1; } /* 数据二级 Tab：图标+文字横排，项间竖线，选中下划线覆盖整项 */ .kerui-page-shell:has(.content .pv-db-bar) { overflow-x: visible; } .kerui-layout > :not(.kerui-sidebar):has(.pv-db-bar) { overflow-x: visible; } .kerui-page-shell .content:has(.pv-db-bar) { --pv-db-line-right-bleed: max(0px, (100vw - min(100vw, var(--kerui-page-max))) / 2); overflow-x: visible; } .kerui-page-shell .pv-db-bar { height: 50px; border-bottom: none; border-left: none; border-right: none; margin-right: 0; padding-right: var(--kerui-content-right-pad, 3.5rem); box-sizing: border-box; align-items: center; position: relative; overflow-x: auto; overflow-y: hidden; } /* 底部分隔线画在 content 上，避免被 layout overflow-x:clip 裁掉；贯穿右留白至屏幕右缘 */ .kerui-page-shell .content:has(.pv-db-bar)::before { content: ""; position: absolute; top: 50px; left: 0; width: calc(100% + var(--kerui-content-right-pad, 3.5rem) + var(--pv-db-line-right-bleed)); height: 1px; background: var(--kerui-line); pointer-events: none; z-index: 4; } .kerui-page-shell .pv-db-bar > a:not(.pv-db-report) { flex-direction: row; align-items: center; justify-content: center; gap: 0.4rem; height: 100%; position: relative; } .kerui-page-shell .pv-db-bar > a:not(.pv-db-report) + a:not(.pv-db-report)::before { content: ""; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 1px; height: 1rem; background: var(--kerui-line); pointer-events: none; } .kerui-page-shell .pv-db-bar > a:not(.pv-db-report)::after { content: ""; position: absolute; left: 1.25rem; right: 1.25rem; bottom: 0; height: 2px; background: transparent; } .kerui-page-shell .pv-db-bar > a:not(.pv-db-report).active::after { background: var(--kerui-primary); } .kerui-page-shell .pv-db-bar > a:not(.pv-db-report) .pv-db-icon { width: 1.125rem; height: 1.125rem; object-fit: contain; flex-shrink: 0; display: block; } .kerui-page-shell .pv-db-bar > a:not(.pv-db-report) svg { width: 1.125rem; height: 1.125rem; flex-shrink: 0; stroke: currentColor; fill: none; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; } /* 月报按钮右缘与下方内容区右边框（content::after）对齐 */ .kerui-page-shell .pv-db-bar > a.pv-db-report { right: var(--kerui-content-right-pad, 3.5rem) !important; } .kerui-page-shell .pv-db-report-btn { height: 1.375rem !important; min-width: 3.75rem; padding: 0 0.75rem 0 0.625rem !important; justify-content: center; box-sizing: border-box; } .kerui-page-shell .content.has-pv-db-bar::after, .kerui-page-shell .content:has(.pv-db-bar)::after { top: 50px; } /* @media 规则已移至 kerui_responsive_media.css（responsive 模式加载） */ .content > .kerui-section:last-of-type { border-bottom: none; } .kerui-tabs, .section-title > .kerui-tabs, .section-title > .tabs { display: flex; align-items: flex-end; flex-wrap: wrap; gap: 0.8125rem; font-size: var(--kerui-fs-body); font-weight: 400; color: var(--kerui-text-mid); margin-left: 0; line-height: 1; padding-bottom: 0.0625rem; } .kerui-tabs span, .section-title > .tabs span { cursor: pointer; transition: color 0.15s ease; } .kerui-tabs span:hover, .section-title > .tabs span:hover { color: var(--kerui-primary-light); } .kerui-tabs span.active, .section-title > .tabs span.active { color: var(--kerui-primary); font-weight: 700; } .more, button.more, a.more, .kerui-more, .data-more { position: absolute; right: 1.75rem; top: 1.35rem; height: 1.35rem; min-width: 3.65rem; border: none; border-radius: 0; background: var(--kerui-primary); color: #ffffff; font-size: 0.6875rem; font-weight: 400; line-height: 1; padding: 0 0.55rem; cursor: pointer; box-sizing: border-box; white-space: nowrap; font-family: inherit; text-decoration: none; display: inline-flex; align-items: center; justify-content: space-between; gap: 0.2rem; } .more::after, .kerui-more::after, .data-more::after { content: "\203A"; float: none; font-size: 1rem; line-height: 1; color: #9fc0ef; flex-shrink: 0; } .kerui-pill-group { display: flex; align-items: center; gap: 0.25rem; flex-wrap: nowrap; } .kerui-pill-group span { cursor: pointer; box-sizing: border-box; white-space: nowrap; font-size: var(--kerui-fs-caption); font-family: var(--kerui-font-digits); transition: border-color 0.15s ease, color 0.15s ease, background-color 0.15s ease; } .kerui-pill-group--outline span { border: 1px solid #cfd5df; padding: 0.3125rem 0.625rem; border-radius: 3px; color: var(--kerui-text-mid); background: #ffffff; } .kerui-pill-group--outline span.active { border-color: var(--kerui-primary); color: var(--kerui-primary); font-weight: 700; } .kerui-pill-group--region { gap: 0.375rem; } .kerui-pill-group--region span { background: #f3f4f7; color: var(--kerui-text-mid); padding: 0.3125rem 0.75rem; border: 1px solid #e4e7ed; border-radius: 2px; line-height: 1.25; } .kerui-pill-group--region span.active { color: var(--kerui-primary); border-color: var(--kerui-primary); background: #ffffff; font-weight: 700; } .kerui-section-head { display: flex; align-items: center; justify-content: space-between; gap: 1.25rem; margin-bottom: 1.75rem; } .kerui-section-head .kerui-section-title, .kerui-section-head .section-title { margin-bottom: 0; flex-shrink: 0; } .kerui-section-toolbar { display: flex; align-items: center; gap: 0.625rem; margin-left: auto; flex-shrink: 0; } .kerui-section-toolbar .more, .kerui-section-toolbar .kerui-more { position: static; } .kerui-refresh-btn { width: 1.125rem; height: 1rem; padding: 0; border: none; background: transparent url("/Style/Home/images/kerui/icon_refresh.png") center/contain no-repeat; cursor: pointer; flex-shrink: 0; opacity: 0.85; } .kerui-refresh-btn:hover { opacity: 1; } .kerui-scroll-arrow { font-size: 2.125rem; color: #aab0ba; font-weight: 200; line-height: 1; padding: 0 0.25rem; border: none; background: none; cursor: pointer; font-family: inherit; } /* 兼容未包 stage 的旧结构 */ .kerui-section > .kerui-scroll-arrow, .data-forecast > .kerui-scroll-arrow { position: absolute; top: 50%; transform: translateY(-50%); z-index: 2; } .kerui-section > .kerui-scroll-arrow.prev, .data-forecast > .kerui-scroll-arrow.prev { left: 2.875rem; } .kerui-section > .kerui-scroll-arrow.next, .data-forecast > .kerui-scroll-arrow.next { right: 2.875rem; } /* 箭头相对卡片滚动区垂直居中 */ .kerui-scroll-stage { position: relative; } .kerui-scroll-stage > .kerui-scroll-arrow { position: absolute; top: 50%; transform: translateY(-50%); z-index: 3; } .kerui-scroll-stage > .kerui-scroll-arrow.prev { left: 0.5rem; } .kerui-scroll-stage > .kerui-scroll-arrow.next { right: 0.5rem; } .kerui-scroll-arrow:hover:not(:disabled) { color: var(--kerui-primary); } .kerui-scroll-arrow:disabled { opacity: 0.35; cursor: default; pointer-events: none; } .kerui-scroll-track { display: flex; flex-wrap: nowrap; overflow-x: auto; overflow-y: hidden; scroll-behavior: smooth; -webkit-overflow-scrolling: touch; -ms-overflow-style: none; scrollbar-width: none; scrollbar-color: transparent transparent; scroll-snap-type: x proximity; width: 100%; max-width: 100%; box-sizing: border-box; } .kerui-scroll-track::-webkit-scrollbar, .kerui-scroll-track::-webkit-scrollbar-thumb, .kerui-scroll-track::-webkit-scrollbar-track, .kerui-scroll-track::-webkit-scrollbar-corner { display: none; width: 0; height: 0; background: transparent; -webkit-appearance: none; appearance: none; } /* 隐藏滚动条但保留滚动：Firefox / Chrome / Edge / 360(Chromium) / Safari / 旧 Edge / IE */ .kerui-scrollbar-hide { -ms-overflow-style: none; scrollbar-width: none; scrollbar-color: transparent transparent; } .kerui-scrollbar-hide::-webkit-scrollbar, .kerui-scrollbar-hide::-webkit-scrollbar-thumb, .kerui-scrollbar-hide::-webkit-scrollbar-track, .kerui-scrollbar-hide::-webkit-scrollbar-corner { display: none; width: 0; height: 0; background: transparent; -webkit-appearance: none; appearance: none; } /* ========== KERUI 滚动条：整页默认可滚且常显细条；修饰类见下 ========== * Chrome / Edge / 360 等 Chromium：::-webkit-scrollbar * Firefox：scrollbar-width / scrollbar-color * 旧 Edge / IE：-ms-overflow-style * 约定：隐藏/悬停显条只用下列 class，勿在页面内重复写 webkit 规则（见 .cursor/rules/scrollbar-cross-browser.mdc） */ .kerui-page-shell { --kerui-scrollbar-size: 2px; --kerui-scrollbar-thumb: #c5cad3; --kerui-scrollbar-thumb-hover: #aeb4bf; } html:has(.kerui-page-shell) { overflow-x: clip; overflow-y: auto; scrollbar-gutter: stable; } /* 整页滚动条默认隐藏：壳上加 kerui-scrollbar-hide-page，或含数据二级 Tab（.pv-db-bar） */ html:has(.kerui-scrollbar-hide-page), html:has(.kerui-page-shell .pv-db-bar) { scrollbar-gutter: auto !important; } html:has(.kerui-scrollbar-hide-page), html:has(.kerui-page-shell .pv-db-bar) { scrollbar-width: none !important; -ms-overflow-style: none !important; scrollbar-color: transparent transparent !important; } html:has(.kerui-scrollbar-hide-page)::-webkit-scrollbar, html:has(.kerui-scrollbar-hide-page)::-webkit-scrollbar-thumb, html:has(.kerui-scrollbar-hide-page)::-webkit-scrollbar-track, html:has(.kerui-scrollbar-hide-page)::-webkit-scrollbar-corner, html:has(.kerui-page-shell .pv-db-bar)::-webkit-scrollbar, html:has(.kerui-page-shell .pv-db-bar)::-webkit-scrollbar-thumb, html:has(.kerui-page-shell .pv-db-bar)::-webkit-scrollbar-track, html:has(.kerui-page-shell .pv-db-bar)::-webkit-scrollbar-corner { display: none !important; width: 0 !important; height: 0 !important; min-width: 0 !important; min-height: 0 !important; max-width: 0 !important; max-height: 0 !important; background: transparent !important; -webkit-appearance: none !important; appearance: none !important; } /* * body 不能只写 overflow-x:clip/hidden：另一轴 visible 会被算成 auto， * body 变成滚动容器后 sticky 侧栏相对 body（scrollTop 恒为 0）失效。 * 两轴都 clip，纵向滚动只 Occurs 在 html，sticky 才能钉到页脚前。 */ body:has(> .kerui-page-shell) { overflow-x: clip; overflow-y: clip; } /* Chrome/Edge：元素上勿设 scrollbar-width: thin，否则忽略下方 webkit 宽度 */ .kerui-page-shell .kerui-scrollbar-show { scrollbar-width: auto; -ms-overflow-style: auto; } .kerui-page-shell ::-webkit-scrollbar-button, .kerui-page-shell ::-webkit-scrollbar-button:start:decrement, .kerui-page-shell ::-webkit-scrollbar-button:end:increment, .kerui-page-shell ::-webkit-scrollbar-button:vertical:start:increment, .kerui-page-shell ::-webkit-scrollbar-button:vertical:end:decrement { display: none !important; width: 0 !important; height: 0 !important; background: transparent !important; } .kerui-page-shell ::-webkit-scrollbar-track, .kerui-page-shell ::-webkit-scrollbar-corner { background: transparent !important; } .kerui-page-shell ::-webkit-scrollbar-thumb { border-radius: 999px !important; border: none !important; box-shadow: none !important; min-height: 24px; } /* 整页 + 壳内可滚动区：默认常显（排除悬停显条 / 横滑轨道 / 整页隐藏） */ .kerui-page-shell :not(.kerui-hover-scroll):not(.kerui-scroll-track):not(.kerui-scrollbar-hide):not(.kerui-nav)::-webkit-scrollbar, html:has(.kerui-page-shell):not(:has(.kerui-scrollbar-hide-page)):not(:has(.pv-db-bar))::-webkit-scrollbar, body:has(.kerui-page-shell):not(:has(.kerui-scrollbar-hide-page)):not(:has(.pv-db-bar))::-webkit-scrollbar { width: var(--kerui-scrollbar-size) !important; height: var(--kerui-scrollbar-size) !important; min-width: var(--kerui-scrollbar-size) !important; min-height: var(--kerui-scrollbar-size) !important; max-width: var(--kerui-scrollbar-size) !important; max-height: var(--kerui-scrollbar-size) !important; } .kerui-page-shell :not(.kerui-hover-scroll):not(.kerui-scroll-track):not(.kerui-scrollbar-hide):not(.kerui-nav)::-webkit-scrollbar-thumb, html:has(.kerui-page-shell):not(:has(.kerui-scrollbar-hide-page)):not(:has(.pv-db-bar))::-webkit-scrollbar-thumb, body:has(.kerui-page-shell):not(:has(.kerui-scrollbar-hide-page)):not(:has(.pv-db-bar))::-webkit-scrollbar-thumb { background-color: var(--kerui-scrollbar-thumb) !important; } .kerui-page-shell :not(.kerui-hover-scroll):not(.kerui-scroll-track):not(.kerui-scrollbar-hide):not(.kerui-nav)::-webkit-scrollbar-thumb:hover, html:has(.kerui-page-shell):not(:has(.kerui-scrollbar-hide-page)):not(:has(.pv-db-bar))::-webkit-scrollbar-thumb:hover, body:has(.kerui-page-shell):not(:has(.kerui-scrollbar-hide-page)):not(:has(.pv-db-bar))::-webkit-scrollbar-thumb:hover { background-color: var(--kerui-scrollbar-thumb-hover) !important; } @supports (-moz-appearance: none) { html:has(.kerui-page-shell):not(:has(.kerui-scrollbar-hide-page)):not(:has(.pv-db-bar)), body:has(.kerui-page-shell):not(:has(.kerui-scrollbar-hide-page)):not(:has(.pv-db-bar)), .kerui-page-shell :not(.kerui-hover-scroll):not(.kerui-scroll-track):not(.kerui-scrollbar-hide):not(.kerui-nav) { scrollbar-width: thin; scrollbar-color: var(--kerui-scrollbar-thumb) transparent; } } /* * 悬停才显：Chrome / Edge / 360 只用 ::-webkit-scrollbar（页面与此处都勿写 * scrollbar-width，新 Chromium 一旦指定该属性会忽略 webkit 宽度）。 * Firefox 只用 scrollbar-width / scrollbar-color。 * 旧 Edge / IE：无法可靠做悬停显条，保持可滚即可。 */ /* 悬停才显示的细滚动条 */ .kerui-page-shell .kerui-hover-scroll::-webkit-scrollbar { width: 0 !important; height: 0 !important; display: none !important; background: transparent; } .kerui-page-shell .kerui-hover-scroll:hover::-webkit-scrollbar { width: 2px !important; height: 2px !important; min-width: 2px !important; min-height: 2px !important; max-width: 2px !important; max-height: 2px !important; display: block !important; } .kerui-page-shell .kerui-hover-scroll::-webkit-scrollbar-button { display: none !important; width: 0 !important; height: 0 !important; } .kerui-page-shell .kerui-hover-scroll::-webkit-scrollbar-thumb { background: transparent !important; border-radius: 999px !important; } .kerui-page-shell .kerui-hover-scroll:hover::-webkit-scrollbar-thumb { background: var(--kerui-scrollbar-thumb) !important; } .kerui-page-shell .kerui-hover-scroll::-webkit-scrollbar-track { background: transparent !important; } /* 悬停显条：加宽版（默认 7px） */ .kerui-page-shell .kerui-hover-scroll--wide:hover::-webkit-scrollbar { width: 7px !important; height: 7px !important; min-width: 7px !important; min-height: 7px !important; max-width: 7px !important; max-height: 7px !important; display: block !important; } .kerui-page-shell .kerui-hover-scroll--wide::-webkit-scrollbar-thumb { border-right: 5px solid transparent; background-clip: padding-box; } @supports (-moz-appearance: none) { .kerui-page-shell .kerui-hover-scroll { scrollbar-width: none !important; scrollbar-color: transparent transparent !important; } .kerui-page-shell .kerui-hover-scroll:hover { scrollbar-width: thin !important; scrollbar-color: var(--kerui-scrollbar-thumb) transparent !important; } .kerui-page-shell .kerui-hover-scroll--wide:hover { scrollbar-width: thin !important; scrollbar-color: var(--kerui-scrollbar-thumb) transparent !important; } } /* 明确隐藏的横滑轨道，不被全局细条覆盖 */ .kerui-page-shell .kerui-scroll-track, .kerui-page-shell .kerui-scrollbar-hide, .kerui-page-shell .kerui-nav { scrollbar-width: none !important; -ms-overflow-style: none !important; scrollbar-color: transparent transparent !important; } .kerui-page-shell .kerui-scroll-track::-webkit-scrollbar, .kerui-page-shell .kerui-scroll-track:hover::-webkit-scrollbar, .kerui-page-shell .kerui-scrollbar-hide::-webkit-scrollbar, .kerui-page-shell .kerui-scrollbar-hide:hover::-webkit-scrollbar, .kerui-page-shell .kerui-nav::-webkit-scrollbar, .kerui-page-shell .kerui-nav:hover::-webkit-scrollbar, .kerui-page-shell .kerui-scroll-track::-webkit-scrollbar-thumb, .kerui-page-shell .kerui-scroll-track::-webkit-scrollbar-track, .kerui-page-shell .kerui-scrollbar-hide::-webkit-scrollbar-thumb, .kerui-page-shell .kerui-scrollbar-hide::-webkit-scrollbar-track, .kerui-page-shell .kerui-nav::-webkit-scrollbar-thumb, .kerui-page-shell .kerui-nav::-webkit-scrollbar-track { display: none !important; width: 0 !important; height: 0 !important; background: transparent !important; -webkit-appearance: none !important; appearance: none !important; } /* 指定区域常显细滚动条（覆盖默认「悬停才显」） */ .kerui-page-shell .kerui-scrollbar-show::-webkit-scrollbar { width: 2px !important; height: 2px !important; min-width: 2px !important; min-height: 2px !important; max-width: 2px !important; max-height: 2px !important; display: block !important; } .kerui-page-shell .kerui-scrollbar-show::-webkit-scrollbar-thumb { background-color: var(--kerui-scrollbar-thumb) !important; border-radius: 999px !important; } .kerui-page-shell .kerui-scrollbar-show::-webkit-scrollbar-thumb:hover { background-color: var(--kerui-scrollbar-thumb-hover) !important; } @supports (-moz-appearance: none) { .kerui-page-shell .kerui-scrollbar-show { scrollbar-width: thin !important; scrollbar-color: var(--kerui-scrollbar-thumb) transparent !important; } } @media (hover: hover) and (pointer: fine) { .kerui-page-shell .kerui-scrollbar-show::-webkit-scrollbar, .kerui-page-shell .kerui-scrollbar-show:hover::-webkit-scrollbar { width: 2px !important; height: 2px !important; min-width: 2px !important; min-height: 2px !important; max-width: 2px !important; max-height: 2px !important; } .kerui-page-shell .kerui-scrollbar-show::-webkit-scrollbar-thumb, .kerui-page-shell .kerui-scrollbar-show:hover::-webkit-scrollbar-thumb { background-color: var(--kerui-scrollbar-thumb) !important; } } /* 横向滑动：视口定宽，子项按可见数量等分，避免半张卡片被裁切 */ .kerui-scroll-viewport { --kerui-scroll-visible: 4; --kerui-scroll-gap: 1.875rem; --kerui-scroll-pad-x: 1.5rem; margin: 0 var(--kerui-scroll-pad-x); overflow: hidden; box-sizing: border-box; } .kerui-scroll-viewport--6 { --kerui-scroll-visible: 6; --kerui-scroll-gap: 1.25rem; --kerui-scroll-pad-x: 2.5rem; } .kerui-scroll-viewport--8 { --kerui-scroll-visible: 8; --kerui-scroll-gap: 0.875rem; --kerui-scroll-pad-x: 1.75rem; } .kerui-scroll-viewport--7 { --kerui-scroll-visible: 7; --kerui-scroll-gap: 0; --kerui-scroll-pad-x: 0.75rem; --kerui-scroll-item-target: 160px; --kerui-scroll-min-visible: 2; } .kerui-scroll-viewport--5 { --kerui-scroll-visible: 5; --kerui-scroll-gap: 1.25rem; } .kerui-scroll-viewport--4 { --kerui-scroll-visible: 4; --kerui-scroll-gap: 1.875rem; } .kerui-scroll-viewport > .kerui-scroll-track { gap: var(--kerui-scroll-gap); padding: 0; } .kerui-scroll-viewport > .kerui-scroll-track > * { flex: 0 0 var(--kerui-scroll-item-width, calc((100% - (var(--kerui-scroll-visible) - 1) * var(--kerui-scroll-gap)) / var(--kerui-scroll-visible))); min-width: var(--kerui-scroll-item-width, 0); max-width: var(--kerui-scroll-item-width, none); scroll-snap-align: start; box-sizing: border-box; } .kerui-section:has(.kerui-scroll-viewport), .data-forecast:has(.kerui-scroll-viewport) { overflow: hidden; } .kerui-stat-up, .kerui-stat-up b, .data-up, .data-up b, .data-up em { color: var(--kerui-stat-up); font-weight: 700; font-style: normal; font-family: var(--kerui-font-digits); } .kerui-stat-down, .kerui-stat-down b, .data-down, .data-down b, .data-down em { color: var(--kerui-stat-down); font-weight: 700; font-style: normal; font-family: var(--kerui-font-digits); } /* 涨跌色：蓝涨红跌（数字与箭头统一） */ .delta.up, .delta-up, .kerui-tt-up, .kerui-chart-tooltip-val--up, .kerui-trend-val--up, .region-table td > .up { color: var(--kerui-stat-up); font-weight: 700; } .delta.down, .delta-down, .kerui-tt-down, .kerui-chart-tooltip-val--down, .kerui-trend-val--down, .region-table td > .down { color: var(--kerui-stat-down); font-weight: 700; } .kerui-digit, .kerui-stat-num { font-family: var(--kerui-font-digits); } .kerui-pill-group--abs-tr { position: absolute; right: var(--kerui-section-pad-x); top: 2rem; z-index: 2; } /* PageHo 分页：policy-pager-wrap / pagination-wrap 直接包裹 {$page} 输出 */ .policy-pager-wrap, .pagination-wrap { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 0.65rem; padding: 2rem 0 0.2rem; color: #7d8490; font-size: var(--kerui-fs-caption, 12px); font-family: var(--kerui-font-digits, Arial, sans-serif); } .policy-pager-wrap > ul, .pagination-wrap > ul { display: flex; align-items: flex-end; flex-wrap: wrap; gap: 0.35rem; list-style: none; margin: 0; padding: 0; } .policy-pager-wrap ul li, .pagination-wrap ul li { list-style: none; margin: 0; padding: 0; display: flex; align-items: flex-end; } .policy-pager-wrap ul li a, .pagination-wrap ul li a { display: inline-flex; align-items: center; justify-content: center; min-width: 1.75rem; height: 1.75rem; padding: 0 0.45rem; box-sizing: border-box; border: 1px solid #dfe3ea; background: #fff; color: #7d8490; text-decoration: none; font-size: var(--kerui-fs-caption, 12px); border-radius: 2px; line-height: 1; } .policy-pager-wrap ul li a:hover, .pagination-wrap ul li a:hover { color: var(--kerui-primary, #123f8b); border-color: #b8c8e6; } .policy-pager-wrap ul li span.active, .pagination-wrap ul li span.active { display: inline-flex; align-items: center; justify-content: center; min-width: 1.75rem; height: 1.75rem; padding: 0 0.45rem; box-sizing: border-box; border: 1px solid var(--kerui-primary, #123f8b); background: var(--kerui-primary, #123f8b); color: #fff; font-weight: 700; border-radius: 2px; line-height: 1; } .policy-pager-wrap ul li.prev_page a, .policy-pager-wrap ul li.next_page a, .pagination-wrap ul li.prev_page a, .pagination-wrap ul li.next_page a { min-width: 4.5rem; padding: 0 0.65rem; } .policy-pager-wrap ul li.first_page a, .policy-pager-wrap ul li.last_page a, .pagination-wrap ul li.first_page a, .pagination-wrap ul li.last_page a { min-width: 2rem; height: 1.75rem; padding: 0; background-color: #f3f5f8; background-position: center center; background-repeat: no-repeat; background-size: 0.85rem auto; font-size: 0; color: transparent; vertical-align: bottom; } .policy-pager-wrap ul li.first_page a, .pagination-wrap ul li.first_page a { background-image: url("/Style/Home/images/first_page.png"); } .policy-pager-wrap ul li.last_page a, .pagination-wrap ul li.last_page a { background-image: url("/Style/Home/images/last_page.png"); } .policy-pager-wrap .jump_page, .pagination-wrap .jump_page { display: inline-flex; align-items: center; flex-wrap: wrap; gap: 0.35rem; } .policy-pager-wrap .jump_page p, .pagination-wrap .jump_page p { margin: 0; display: inline-flex; align-items: center; gap: 0.25rem; font-size: var(--kerui-fs-caption, 12px); color: #7d8490; white-space: nowrap; } .policy-pager-wrap .jump_page input[type="number"], .pagination-wrap .jump_page input[type="number"] { width: 2.5rem; height: 1.75rem; border: 1px solid #dfe3ea; text-align: center; font-size: var(--kerui-fs-caption, 12px); box-sizing: border-box; padding: 0 0.2rem; } .policy-pager-wrap .jump_page input[type="button"], .pagination-wrap .jump_page input[type="button"] { height: 1.75rem; padding: 0 0.75rem; border: 1px solid #dfe3ea; background: #f3f5f8; color: #606a7a; font-size: var(--kerui-fs-caption, 12px); cursor: pointer; border-radius: 2px; } /* AJAX 列表翻页：与 policy-pager-wrap / PageHo 分页视觉一致 */ .kerui-list-pagination { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 0.65rem; padding: 2rem 0 0.2rem; margin-top: 0; color: #7d8490; font-size: var(--kerui-fs-caption, 12px); font-family: var(--kerui-font-digits, Arial, sans-serif); } .kerui-list-pagination[hidden] { display: none !important; } .kerui-list-pagination.is-loading { opacity: 0.55; pointer-events: none; } .kerui-list-pagination .page-nav { display: inline-flex; align-items: center; gap: 0.35rem; flex-wrap: wrap; } .kerui-list-pagination .page-link { display: inline-flex; align-items: center; justify-content: center; min-width: 1.75rem; height: 1.75rem; padding: 0 0.45rem; box-sizing: border-box; border: 1px solid #dfe3ea; background: #fff; color: #7d8490; text-decoration: none; font-size: var(--kerui-fs-caption, 12px); border-radius: 2px; line-height: 1; cursor: pointer; font-family: inherit; } .kerui-list-pagination .page-link:hover:not(:disabled):not(.active) { color: var(--kerui-primary, #123f8b); border-color: #b8c8e6; } .kerui-list-pagination .page-link.active { border: 1px solid var(--kerui-primary, #123f8b); background: var(--kerui-primary, #123f8b); color: #fff; font-weight: 700; } .kerui-list-pagination .page-link:disabled { opacity: 0.5; cursor: default; } .kerui-list-pagination .page-jump { display: inline-flex; align-items: center; flex-wrap: wrap; gap: 0.35rem; font-size: var(--kerui-fs-caption, 12px); color: #7d8490; white-space: nowrap; } .kerui-list-pagination .page-jump input[type="number"] { width: 2.5rem; height: 1.75rem; border: 1px solid #dfe3ea; background: #fff; text-align: center; font-size: var(--kerui-fs-caption, 12px); box-sizing: border-box; padding: 0 0.2rem; color: #606a7a; font-family: inherit; } /* 同比/环比上升下降箭头图：与相邻文字基线/高度对齐 */ .kerui-trend-arrow { display: inline-block; width: 1em; height: 1em; margin-left: 0.12em; vertical-align: -0.18em; object-fit: contain; } .data-up::after, .macro-key-yoy.data-up::after, .pv-rank-yoy.data-up::after, .rank-yoy.up::after, .kerui-trend-val--up::after, .metric-delta:not(.down)::after, .kpi .up::after, .top10-meta .up::after, .metric-card small:not(.down)::after, .trend-energy-bubble-line b.up::after, .metric b.up::after, .offroad-kpi-center b.up::after, .delta-up::after, .kerui-tt-up::after, .delta.up::after, .num.blue::after, .kerui-chart-tooltip-val--up::after { content: ""; display: inline-block; width: 1em; height: 1em; margin-left: 0.12em; flex-shrink: 0; vertical-align: -0.18em; background: url("/Style/Home/images/kerui/trend-up.png") no-repeat center / contain; } .data-flat::after, .kerui-trend-val--flat::after, .metric-delta.flat::after, .kpi .flat::after, .rank-yoy.flat::after, .top10-meta .flat::after, .metric-card small.flat::after, .trend-energy-bubble-line b.flat::after, .metric b.flat::after, .offroad-kpi-center b.flat::after, .delta-flat::after, .kerui-tt-flat::after, .delta.flat::after, .num.flat::after, .kerui-chart-tooltip-val--flat::after { content: ""; display: inline-block; width: 1em; height: 1em; margin-left: 0.12em; flex-shrink: 0; vertical-align: -0.18em; background: url("/Style/Home/images/kerui/trend-flat.png") no-repeat center / contain; } .kerui-tt-flat { color: #8a93a3; } .num.flat { color: #8a93a3; } .kerui-chart-tooltip-val--flat { color: #8a93a3; } .trend-energy-bubble-line b.flat { color: #8a93a3; } /* 图表 tip 数值列：左对齐、不加粗 */ .kerui-chart-tooltip-val { display: inline-flex; align-items: center; justify-content: flex-start; text-align: left; white-space: nowrap; font-weight: 400; font-variant-numeric: tabular-nums; box-sizing: border-box; } .kerui-chart-tooltip-val--up, .kerui-chart-tooltip-val--down { font-weight: 400; } .kerui-tt-down, .kerui-chart-tooltip-val--down, .kerui-chart-tooltip .kerui-tt-down { color: var(--kerui-stat-down); } /* 图表 tooltip / 走势气泡：全文常规字重，不加粗 */ .kerui-chart-tooltip, .kerui-chart-tooltip-sales, .trend-energy-bubble, .trend-energy-bubble--hover, .pv-rank-tooltip { font-weight: 400; background: var(--kerui-chart-tooltip-bg) !important; } .kerui-chart-tooltip .kerui-tt-title, .kerui-chart-tooltip .kerui-tt-row, .kerui-chart-tooltip .kerui-tt-num, .kerui-chart-tooltip .kerui-tt-up, .kerui-chart-tooltip .kerui-tt-down, .kerui-chart-tooltip .kerui-tt-flat, .kerui-chart-tooltip-sales .kerui-chart-tooltip-title, .kerui-chart-tooltip-sales .kerui-chart-tooltip-row, .kerui-chart-tooltip-sales .kerui-chart-tooltip-val, .kerui-chart-tooltip-sales .kerui-chart-tooltip-val--up, .kerui-chart-tooltip-sales .kerui-chart-tooltip-val--down, .trend-energy-bubble-title, .trend-energy-bubble-line, .trend-energy-bubble-line b, .kerui-tt-title, .kerui-tt-num, .kerui-tt-up, .kerui-tt-down { font-weight: 400 !important; } .data-down::after, .data-negative::after, .macro-key-yoy.data-down::after, .pv-rank-yoy.data-down::after, .rank-yoy.down::after, .kerui-trend-val--down::after, .metric-delta.down::after, .kpi .down::after, .top10-meta .down::after, .metric-card small.down::after, .trend-energy-bubble-line b.down::after, .metric b.down::after, .offroad-kpi-center b.down::after, .delta-down::after, .kerui-tt-down::after, .delta.down::after, .num.red::after, .kerui-chart-tooltip-val--down::after { content: ""; display: inline-block; width: 1em; height: 1em; margin-left: 0.12em; flex-shrink: 0; vertical-align: -0.18em; background: url("/Style/Home/images/kerui/trend-down.png") no-repeat center / contain; } /* 已内嵌时不再叠加 ::after，避免双箭头 */ .data-up:has(.kerui-trend-arrow)::after, .data-down:has(.kerui-trend-arrow)::after, .data-flat:has(.kerui-trend-arrow)::after, .data-negative:has(.kerui-trend-arrow)::after, .kerui-tt-up:has(.kerui-trend-arrow)::after, .kerui-tt-down:has(.kerui-trend-arrow)::after, .kerui-tt-flat:has(.kerui-trend-arrow)::after, .macro-key-yoy:has(.kerui-trend-arrow)::after, .pv-rank-yoy:has(.kerui-trend-arrow)::after, .metric-delta:has(.kerui-trend-arrow)::after, .kpi .up:has(.kerui-trend-arrow)::after, .kpi .down:has(.kerui-trend-arrow)::after, .kpi .flat:has(.kerui-trend-arrow)::after, .num.blue:has(.kerui-trend-arrow)::after, .num.red:has(.kerui-trend-arrow)::after, .num.flat:has(.kerui-trend-arrow)::after, .metric b:has(.kerui-trend-arrow)::after { content: none; display: none; } /* 文档标题/摘要悬浮全文 */ .kerui-doc-title-tip { position: fixed; z-index: 10050; max-width: 26.25rem; padding: 0.45rem 0.65rem; border-radius: 0.25rem; background: rgba(20, 24, 32, 0.94); color: #ffffff; font-size: var(--kerui-fs-caption, 12px); line-height: 1.45; box-shadow: 0 0.35rem 1rem rgba(0, 0, 0, 0.18); pointer-events: none; word-break: break-word; white-space: normal; } /* 列表标题前小图标：统一 15×15，与文字基线对齐 */ .interpret-name-icon, .report-icon img, .feature-item .policy-title::before, .file-item .policy-title::before, .policy-list .policy-title::before, .result-name::before, .kerui-policy-list .headline::before { width: 15px; height: 15px; vertical-align: -0.125rem; } .interpret-name-icon, .report-icon img { flex: 0 0 15px; object-fit: contain; display: inline-block; } .feature-item .policy-title::before, .file-item .policy-title::before, .policy-list .policy-title::before, .result-name::before, .kerui-policy-list .headline::before { display: inline-block; } .report-list .report-title::before, .plist-card-title::before, .enews-card-title::before { width: 15px; height: 15px; vertical-align: -0.125rem; display: inline-block; font-size: 15px; line-height: 15px; text-align: center; } /* ========== TOP3 排名徽章统一标准（国家卡/企业卡/供应链卡共用） ========== 数字必须在圆形背景内水平垂直居中；勿用 --kerui-font-digits（小圆内容易视觉偏上）。列表三列等分铺满；不足 3 条时前端补 "-" 占位。色：1=#f2685d 2=#1B45A6 3=#6e8fc4 */ .pv-top3-list, .kerui-section-overseas .data-card .pv-top3-list, .pv-supply-card .pv-top3-list { display: flex; align-items: center; justify-content: space-between; gap: 0.25rem; box-sizing: border-box; } .pv-top3-item, .kerui-section-overseas .data-card .pv-top3-item, .pv-supply-card .pv-top3-item { display: inline-flex; align-items: center; justify-content: flex-start; gap: 0.1875rem; min-width: 0; flex: 1 1 0; } .pv-badge, .kerui-section-overseas .data-card .pv-badge, .pv-supply-card .pv-badge { width: 1rem; height: 1rem; border-radius: 50%; display: inline-block; color: #fff; font-size: 0.625rem; font-weight: 700; line-height: 1rem; text-align: center; vertical-align: middle; flex-shrink: 0; font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; box-sizing: border-box; padding: 0; margin: 0; overflow: hidden; } .pv-b1 { background: #f2685d; } .pv-b2 { background: #1B45A6; } .pv-b3 { background: #6e8fc4; } /* MORE 统一：研究报告 section 角标样式；内联/筛选条仅改定位 */ .chart-type .more, .chart-head .more, .title-row .filters .more, .title-row .filters a.more, .title-row .data-more, .kerui-section-toolbar .more, .kerui-section-toolbar .kerui-more, .left-col .kerui-policy-section .section-title > .filters a.more, .enterprise-section .section-title > .filters a.more, .supply-company-actions > .more, .kerui-section-overseas .title-row .data-more, .kerui-section-overseas .data-more { position: static; right: auto; top: auto; transform: none; flex-shrink: 0; } .kerui-section-overseas .title-row .data-more, .kerui-section-overseas .data-more { margin-left: 0.35rem; align-self: center; } .right-section > .more { right: 1.5rem; top: 1.25rem; } .right-title > .more, .right-title a.more { position: absolute; right: 0; top: 50%; transform: translateY(-50%); margin-left: 0; } /* 切图：浏览 / 下载 / PDF / 点赞 / 留言，尺寸跟旁边文字走 */ .kerui-cut-ico { display: inline-block; width: 0.85em; height: 0.85em; margin-right: 0.15em; vertical-align: -0.12em; background-position: center; background-repeat: no-repeat; background-size: contain; } .kerui-cut-ico--view { background-image: url("/Style/Home/images/kerui/icon_view.png"); } .kerui-cut-ico--down { background-image: url("/Style/Home/images/kerui/icon_download.png"); } .kerui-cut-ico--like { background-image: url("/Style/Home/images/kerui/icon_like.png"); } .kerui-cut-ico--comment { background-image: url("/Style/Home/images/kerui/icon_comment.png"); } /* 浏览次数数字一律不加粗 */ .eye, .result-views, .list-meta-views, .view-count, .policy-view, .pt-feat-views, .report-stat-view, .report-stat-view .report-stat-num, .report-icons span:has(> .kerui-cut-ico--view), .po-news-foot span:has(> .kerui-cut-ico--view), .survey-meta span:has(> .kerui-cut-ico--view), [aria-label="浏览次数"] { font-weight: 400 !important; } /* 2026 内容列表 hover：标题变色 + 标题文字下划线（有图标/角标时用 *-text 子元素） */ .kerui-policy-list > .list-item:hover .headline, .kerui-policy-list > .list-item:hover .headline-text, .kerui-survey-list > .survey-item:hover .survey-title, .kerui-survey-list > .survey-item:hover .survey-title-text, .kerui-enterprise-list > .news-item:hover .news-title, .kerui-enterprise-list > .news-item:hover .news-title-text, .news-list > .news-item:hover .news-title, .news-list > .news-item:hover .news-title-text, .kerui-news-list > .news-item:hover .news-title, .kerui-news-list > .news-item:hover .news-title-text, .report-list > .report-item:hover .report-title, .report-list > .report-item:hover .report-title-text, .report-list > .kerui-report-item:hover .report-title, .report-list > .kerui-report-item:hover .report-title-text, .kerui-page-channel-news .list-item:hover .list-title, .po-news-item:hover .po-news-title, .live-card:hover .live-card-title, .reportlist-aside .topic-links li:hover a, .policy-list li:hover .policy-title, .plist-card:hover .plist-card-title, .enews-card:hover .enews-card-title, .result-card:hover .result-name, .interpret-item:hover .interpret-name, .rd-news-list > .rd-news-item:hover .rd-news-title, .rd-report-list > .rd-report-item:hover .rd-report-title, .feature-item:hover .policy-title, .feature-item:hover .policy-title a, .file-item:hover .policy-title, .file-item:hover .policy-title a, .policy-card:hover .policy-card-title, .policy-card:hover .policy-card-title-text { color: #0d3d86; } .kerui-policy-list > .list-item:hover .headline-text, .kerui-survey-list > .survey-item:hover .survey-title-text, .kerui-enterprise-list > .news-item:hover .news-title-text, .news-list > .news-item:hover .news-title-text, .kerui-news-list > .news-item:hover .news-title-text, .report-list > .report-item:hover .report-title-text, .report-list > .kerui-report-item:hover .report-title-text, .kerui-page-channel-news .list-item:hover .list-title, .po-news-item:hover .po-news-title, .live-card:hover .live-card-title, .reportlist-aside .topic-links li:hover a, .policy-list li:hover .policy-title, .plist-card:hover .plist-card-title-text, .enews-card:hover .enews-card-title-text, .result-card:hover .result-name-text, .interpret-item:hover .interpret-name-text, .rd-news-list > .rd-news-item:hover .rd-news-title-text, .rd-report-list > .rd-report-item:hover .rd-report-title-text, .feature-item:hover .policy-title, .feature-item:hover .policy-title a, .file-item:hover .policy-title, .file-item:hover .policy-title a, .policy-card:hover .policy-card-title-text, .feature-item:hover .policy-title, .feature-item:hover .policy-title a, .file-item:hover .policy-title, .file-item:hover .policy-title a { text-decoration: underline; text-underline-offset: 0.2em; text-decoration-thickness: 1px; text-decoration-skip-ink: none; } .report-list > .report-item:hover .report-title, .report-list > .kerui-report-item:hover .report-title, .result-card:hover .result-name, .interpret-item:hover .interpret-name, .plist-card:hover .plist-card-title, .rd-news-list > .rd-news-item:hover .rd-news-title, .rd-report-list > .rd-report-item:hover .rd-report-title { text-decoration: none; } /* 标题单行省略时保留 hover 下划线可见区域 */ .news-list .news-title, .kerui-news-list .news-title, .kerui-enterprise-list .news-title { padding-bottom: 0.12em; margin-bottom: -0.12em; } /* 政策 / 快讯 / 研报等内容列表：行间底线左右各缩进 35px */ .kerui-policy-list > .list-item, .kerui-enterprise-list > .news-item, .kerui-enterprise-list > .list-item, .news-list > .news-item, .kerui-news-list > .news-item, .report-list > .kerui-report-item, .report-list > .report-item:not(.report-item--empty), .kerui-page-channel-news .list-item, .simple-list .list-item, .simple-list .kerui-policy-list > .list-item, .kerui-enterprise-main .rail-block .news-item, .right-rail-merged .rail-block .news-item, .rd-news-list > .rd-news-item { position: relative; border-top: none !important; border-bottom: none !important; } .kerui-policy-list > .list-item:not(:last-child)::after, .kerui-enterprise-list > .news-item:not(:last-child)::after, .kerui-enterprise-list > .list-item:not(:last-child)::after, .news-list > .news-item:not(:last-child)::after, .kerui-news-list > .news-item:not(:last-child)::after, .report-list > .kerui-report-item:not(:last-child)::after, .report-list > .report-item:not(.report-item--empty):not(:last-child)::after, .kerui-page-channel-news .list-item:not(:last-child)::after, .simple-list .list-item:not(:last-child)::after, .simple-list .kerui-policy-list > .list-item:not(:last-child)::after, .kerui-enterprise-main .rail-block .news-item:not(:last-child)::after, .right-rail-merged .rail-block .news-item:not(:last-child)::after, .rd-news-list > .rd-news-item:not(:last-child)::after { content: ""; position: absolute; left: var(--kerui-list-divider-inset); right: var(--kerui-list-divider-inset); bottom: 0; height: 1px; background: var(--kerui-list-divider-color); pointer-events: none; } .kerui-enterprise-main .rail-block .news-item + .news-item::before, .right-rail-merged .rail-block .news-item + .news-item::before { display: none; } /* 研报列表双栏：行分隔线贯通两列，左右各缩进 35px */ .report-list > .report-item:nth-child(2n+1):nth-child(n+3)::before { content: ""; position: absolute; top: 0; left: var(--kerui-list-divider-inset); width: calc(200% - 2 * var(--kerui-list-divider-inset)); height: 1px; background: var(--kerui-list-divider-color); pointer-events: none; } .report-list > .report-item:not(.report-item--empty):not(:last-child)::after { display: none; } @media (max-width: 87.5rem) { .report-list > .report-item:nth-child(2n+1):nth-child(n+3)::before { display: none; } .report-list > .report-item:not(.report-item--empty):not(:last-child)::after { display: block; } } /* 图表说明文字统一 12px */ .chart-foot, .chart-foot-date, .chart-foot b, .chart-meta, .chart-meta b, .chart-legend, .chart-legend-text, .chart-y-label, .pv-chart-foot, .pv-chart-foot b, .pv-chart-legend-line, .pv-trend-y-label, .data-chart-foot, .data-chart-foot b, .data-chart-y-label, .os-trend-foot, .os-trend-legend, .trend-legend, .material-legend, .supply-chart-legend, .supply-trend-y-label, .data-forecast-legend, .data-forecast-legend-item, .pv-forecast-legend, .pv-forecast-legend-item, .pv-stock-legend-top, .chart-y-unit, .pv-cv-stock-legend, .share-ring-legend, .share-ring-legend__label, .chart-wrap::before, #materialLegend, .macro-chart-legend, .macro-chart-legend-item, .edv-trend-legend-text { font-size: var(--kerui-chart-caption-size) !important; } /* 走势图图例「小横」：全站统一宽 12px、仅保留一条 */ :root { --kerui-chart-legend-line-w: 12px; --kerui-chart-legend-line-gap: 0.25rem; } .pv-chart-legend-line:not(.pv-chart-legend-bar), .os-trend-legend, .trend-legend, .chart-legend, .kerui-page-supply .supply-chart-legend { display: inline-flex; align-items: center; gap: var(--kerui-chart-legend-line-gap); } .chart-legend-line, .chart-legend:not(.chart-legend--flat)::before, .pv-chart-legend-line:not(.pv-chart-legend-bar) > i, .os-trend-legend > i, .kerui-page-supply .supply-chart-legend > i, .data-forecast .data-forecast-legend-item--line > i, .pv-forecast-legend-item--line > i, .macro-chart-legend-item > i.line, .pv-legend-line { width: var(--kerui-chart-legend-line-w) !important; max-width: none; height: 2px; flex-shrink: 0; } .chart-legend:not(.chart-legend--flat):has(.chart-legend-line)::before { display: none; } .chart-legend:not(.chart-legend--flat)::before { content: ""; display: inline-block; height: 2px; border-radius: 1px; background: currentColor; flex-shrink: 0; } .trend-legend { color: inherit; } .trend-legend::before { content: ""; display: inline-block; width: var(--kerui-chart-legend-line-w); height: 2px; background: currentColor; flex-shrink: 0; } /* 国家选择弹层：全部按钮 + 选中字母高亮（各页共用） */ .pv-country-letters span.active { font-weight: 700; background: #eef3fb; border-radius: 2px; } .pv-country-letter-all { margin-right: 0.25rem; padding: 0.125rem 0.35rem; font-weight: 600; } /* 窄屏 @media 已移至 kerui_responsive_media.css（responsive 模式加载） */