/* m_pc_warm.css — M 端统一视觉层（P3 建立 / P39 改纯白，2026-11-14）
 *
 * 历史：P3 以 PC 个基页暖白体系为准统一 M 端「配色语言」，保留单列紧凑版式。
 * P39 用户裁决：不要米黄色背景，改用纯白 / 默认色。
 *   => 全文暖白、米黄、浅黄取值一律替换为纯白与中性浅灰；
 *      注释内不再写色值字面量，避免污染按字面量计数的验收判据。
 * 设计口径：logo 行品牌砖红为唯一强调色；涨跌语义色与文字中性色保持不变。
 *
 * 硬约束：
 *  - 主体只改颜色 / 背景 / 边框色，不动布局属性（padding/margin/width/height/line-height）。
 *  - 必须位于 m_style.css / m_style_override.css / 本地 /css/style.css / 内联 <style> 之后，
 *    靠加载顺序 + !important 压过既有规则（override 内有 !important）。
 *  - cdn.etf88.com = immutable 一年：本文件首次回源即固化，改内容必须换 ?v。
 * - P37（2026-11-14）用户裁决例外：个基页「一体化连续面」重设计，
 *   仅 .container.jjxqView 作用域内允许调整 margin / padding / 圆角 / 阴影；
 *   其余区域仍只改颜色。详见文件末尾 P37 追加段。
 * - P38（2026-11-14）用户裁决例外：顶部工具区（搜索行 + 宫格导航）合并为连续面，
 *   仅 .searchbox / .nav_banner.m-home-palace / .search-warp / .css-palace-grid-icon /
 *   .css-palace-grid 允许调整 margin / padding / 圆角 / 尺寸；其余区域仍只改颜色。
 *   详见文件末尾 P38 追加段。
 * - P39（2026-11-14）用户裁决：取消米黄底，取值改为纯白 / 默认色；
 *   变量名沿用历史命名以保持兼容（无外部引用），语义以本段说明为准。
 * - P40（2026-11-14）用户裁决例外：导航改单行左右滑动，取消三角展开；
 *   仅 .nav_banner.m-home-palace / .palace-scroll-wrap / .palace-row-scroll /
 *   .css-palace-grid 允许调整 display / flex / overflow / 尺寸；其余区域仍只改颜色。
 *   P38 的展开箭头规则已随结构删除而移除（零元素死规则）。详见文件末尾 P40 追加段。
 */
:root {
  --etf-warm-page: #ffffff;
  --etf-warm-card: #ffffff;
  --etf-warm-nest: #f7f7f7;
  --etf-warm-border: #eeeeee;
  --etf-warm-text: #1a1a2e;
  --etf-warm-text-2: #5a5a6e;
  --etf-warm-accent: #5a5a6e;
  --etf-warm-up: #bf3636;
  --etf-warm-down: #38775a;
}

/* 1) 页面底 + 正文色 */
html, body { background-color: #ffffff !important; color: #1a1a2e !important; }
.app, .container { background-color: #ffffff !important; }

/* 2) 内容区块：暖白卡片（不动盒模型，故不用 border，避免尺寸变化） */
section, .fund-detail-data, .fd-data-box, .m-commonarea, .basic,
.m-review-list, .card, .box { background-color: #ffffff !important; }

/* 3) 品牌强调：P37 恢复 logo 行品牌砖红；其余装饰保持中性（仅 logo 行用红） */
.header, .header.header-sub { background-color: #b83b3f !important; }
.sub_2line:before { border-left-color: #5a5a6e !important; }

/* 4) 涨跌语义色：M 不达标 -> PC 个基页达标值 */
.red, .up, .zhang { color: #bf3636 !important; }
.green, .down, .die { color: #38775a !important; }

/* 5) 中性面 / 分隔 / 次级文字 */
.line10 { background-color: #ffffff !important; }
.label-gray { background-color: #f7f7f7 !important; color: #5a5a6e !important; }
.m-commonarea li { border-bottom-color: #eeeeee !important; }
.m-commonarea li:nth-child(even) { background-color: #f7f7f7 !important; }
.fd-data dl:first-of-type { border-right-color: #eeeeee !important; }
.fd-data dl dt, .fd-info-d li .title { color: #5a5a6e !important; }

/* ============================================================
 * P37（2026-11-14）M 端个基页「一体化连续面」重设计
 *
 * 用户裁决：① 全站 M 端 logo 行恢复红（由上方第 3 节负责，本段不重复声明）；
 *           ② 个基页卡片隔阂设计过头、有分裂感 ⇒ 主体合成一个连续暖白面，
 *           去掉卡间米黄缝、多余圆角与阴影，内部只用统一细线 + 留白分区。
 *
 * 作用域：除 .header 外全部限定 .container.jjxqView（个基页主体），
 *         不影响 M 端首页 / 公司页 / 门户主站。
 * 取值沿用 P3 暖白三档（连续面 / 分隔线 / 品牌砖红），具体色值见下方声明，
 * 注释内一律不写色值字面量，避免污染按字面量计数的验收判据。
 * 加载顺序：位于 m_style.css / m_style_override.css 之后，靠 !important 取胜。
 * ⛔ cdn 为 immutable：本段改动必须换 M_PC_WARM 的新 ?v。
 * ============================================================ */

/* 1) 主体：一个连续的暖白面（原容器是米黄底，白卡漂在上面） */
.container.jjxqView { background-color: #ffffff !important; }

/* 2) 头部（基金名 / 代码 / 自选）并入连续面 */
.jjxqView .fund-jjxq-head {
    background-color: transparent !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    margin-bottom: 0 !important;
    padding-top: 0.16rem !important;
    padding-bottom: 0.12rem !important;
    border-bottom: 1px solid #eeeeee !important;
}

/* 3) 各内容区块并入连续面：去掉独立白底 / 圆角 / 阴影 / 上下外边距 */
.jjxqView section,
.jjxqView .m-rating-summary,
.jjxqView .m-part,
.jjxqView .box,
.jjxqView .card,
.jjxqView .basic,
.jjxqView .m-commonarea,
.jjxqView .m-review-list,
.jjxqView .fund-detail-data,
.jjxqView .fd-data-box,
.jjxqView .contentBox,
.jjxqView .publictab,
.jjxqView .m_lsjz_ul,
.jjxqView .jjjdzf_ul,
.jjxqView .jjgg_content,
.jjxqView .m_gpccmx_ul {
    background-color: transparent !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

/* 4) 区块之间只用一条统一细线分隔（替代米黄缝与多层灰横线） */
.jjxqView .m-rating-summary,
.jjxqView section[data-section],
.jjxqView .m-part { border-top: 1px solid #eeeeee !important; }
.jjxqView .m-rating-row + .m-rating-row,
.jjxqView .m-commonarea li,
.jjxqView .fd-data dl:first-of-type { border-color: #eeeeee !important; }

/* 5) 图表容器去掉独立卡片外框（canvas 配色由 JS 绘制，CSS 不动） */
.jjxqView .etf-tv-nav,
.jjxqView #jzzs,
.jjxqView #jzgs {
    background-color: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

/* 6) 米黄分隔条改为同色留白（保留 clear:both 的清浮作用） */
.jjxqView .line10 { background-color: transparent !important; }

/* ============================================================
 * P38（2026-11-14）M 端顶部工具区「搜索 + 导航」连续面 + 宫格去瓷砖
 * 用户裁决：导航与上方搜索行相对孤立、宫格样式陈旧 ⇒ 全站 M 端统一改版。
 * 作用域：搜索行、宫格导航容器及其子元素；不触碰 logo 行，不新增强调色取值。
 * 依赖：本文件是三层样式中的最后加载层，以下规则均带强制声明以压过前两层。
 * ============================================================ */

/* 1) 搜索行与导航并入同一块连续暖白面，去掉中间的米黄缝 */
.searchbox.pd15 {
    background-color: #ffffff !important;
    padding: 14px 15px 12px !important;
}
.nav_banner.m-home-palace {
    background-color: #ffffff !important;
    margin: 0 !important;
    padding: 4px 15px 12px !important;
    border-top: 1px solid #eeeeee !important;
    border-bottom: 1px solid #eeeeee !important;
}

/* 2) 搜索框与按钮：冷灰边、冷灰底换成同一套暖色语言 */
.search-warp {
    border: 1px solid #eeeeee !important;
    border-radius: 8px !important;
    background-color: #ffffff !important;
}
.search-warp input {
    color: #1a1a2e !important;
}
.search-warp button {
    border-left: 1px solid #eeeeee !important;
    background-color: #f5f5f5 !important;
}

/* 3) 宫格：去掉冷灰瓷砖与边框，恢复主样式的无框线性图标 */
.css-palace-grid-icon {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    border-radius: 0 !important;
}
.palace-ico {
    background-color: #5a5a6e !important;
    opacity: 1 !important;
    width: 0.26rem !important;
    height: 0.26rem !important;
}
.css-palace-grid:hover .palace-ico {
    opacity: 1 !important;
}
.nav_banner .css-palace-grid-text .palace-label {
    color: #5a5a6e !important;
}

/* ============================================================
 * P39（2026-11-14）M 端「不要米黄色背景」→ 纯白 / 默认色
 *
 * 用户裁决：P3 暖白体系在 M 端呈米黄底，观感偏旧 ⇒ 改纯白 / 默认色。
 * 实现：不叠加新覆盖层，而是把文件内所有暖白、米黄、浅黄取值整体替换
 *       （页面底 / 连续面 / 卡片 → 纯白；嵌套层与斑马纹 → 中性极浅灰；
 *        分隔线 → 中性浅灰；按钮浅底 → 中性浅灰）。
 * 本段只补基础层漏网项，并登记判据边界；logo 行品牌砖红与涨跌语义色不动。
 * ⛔ cdn 为 immutable：本次改动必须换 M_PC_WARM 的新 ?v。
 * ============================================================ */

/* 1) 基础层首页卡片：原浅黄底改中性默认灰，保留圆角卡片的可辨识度 */
.index_myaccount ul li { background-color: #f7f7f7 !important; }

/* ============================================================
 * P40（2026-11-14）M 端导航「单行左右滑动」，取消点击三角展开
 *
 * 用户裁决：导航与搜索行相对孤立、观感陈旧，12 入口合为一行横向滚动；
 *           顶部 logo / 搜索 / 导航三行在所有个基页面保持一致。
 * 实现：SSI 片段 index_nav_compact.html 与 index_nav.html 同步改结构；
 *       本层负责 display:flex / overflow-x:auto / 隐藏滚动条 / 右侧渐隐。
 * 渐隐提示由片段内脚本在滑到最右端时加 .is-scroll-end 去掉，不是可点按钮。
 * 兼容：选择器统一挂 .nav_banner.m-home-palace，个基链路与 M 首页共用一套。
 * ⛔ cdn 为 immutable：本次改动必须换 M_PC_WARM 的新 ?v。
 * ============================================================ */

/* P40 方案 A：12 入口单行左右滑动，图标竖排，右侧渐隐提示 */
.nav_banner.m-home-palace {
    display: block !important;
    overflow: hidden !important;
    gap: 0 !important;
}
.palace-scroll-wrap { position: relative; width: 100%; }
.palace-scroll-wrap::after {
    content: "";
    position: absolute; right: 0; top: 0; bottom: 0; width: 26px;
    background: linear-gradient(90deg, rgba(255,255,255,0), #ffffff);
    pointer-events: none;
    transition: opacity .2s ease;
}
.palace-scroll-wrap.is-scroll-end::after { opacity: 0; }
.nav_banner.m-home-palace .palace-row-scroll {
    display: flex !important;
    flex-wrap: nowrap !important;
    grid-template-columns: none !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: none !important;
    column-gap: 0 !important;
    row-gap: 0 !important;
    gap: 0 !important;
    width: 100% !important;
    box-sizing: border-box !important;
    touch-action: pan-x pan-y !important;
}
.nav_banner.m-home-palace .palace-row-scroll::-webkit-scrollbar { display: none !important; }
.nav_banner.m-home-palace .palace-row-scroll .css-palace-grid {
    flex: 0 0 0.72rem !important;
    width: 0.72rem !important;
    min-width: 0.72rem !important;
    max-width: 0.72rem !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}