/* ============================================================================= * v1094 · 精致感归一化 + 数智人打磨（叠加层） * ----------------------------------------------------------------------------- * 实测诊断（1280×800 真数据）： * ① 圆角体系七种值：hero28 / avatar22 / picks20 / card14 / review12 / top1-12 * / askInput8 / askGo9 —— 无阶梯，是"粗糙感"首要来源 * ② 强调色不唯一：kicker 蓝 rgba(79,141,247,.35)、top1 蓝 rgba(79,141,247,.28) * 与暖金 #f0b75e 体系并存 → 双强调色破坏极简禁欲 * ③ 间距节奏不齐：hero 14/24、picks 16、review 10/14、stat 12/14 * ④ 数智人框：纯色底、圆角 22、尺寸 208 —— 可再强化视觉核心与质感 * 修法：建立统一阶梯（外容器 20 / 内卡 12 / 控件 10 / 胶囊 999）， * 边框色统一中性白 rgba(255,255,255,.09)，强调色只剩暖金 #f0b75e。 * ========================================================================== */ /* ---------- ① 圆角阶梯 ---------- */ #lx-daily-hero { border-radius: 20px !important; padding: 18px 22px !important; } #lx-home-picks { border-radius: 20px !important; padding: 18px !important; } #lx-home-picks .lhp-card { border-radius: 12px !important; } #tab-daily-picks .dpv-review, #tab-daily-picks .dpv-top1 { border-radius: 12px !important; } #lx-nav-stat { border-radius: 12px !important; } #lx-ask .lx-ask-input { border-radius: 10px !important; } #lx-ask .lx-ask-go { border-radius: 10px !important; } /* ---------- ② 边框色统一 + 强调色唯一化 ---------- */ #lx-daily-hero, #lx-home-picks, #lx-home-picks .lhp-card, #tab-daily-picks .dpv-review, #tab-daily-picks .dpv-top1, #lx-nav-stat { border-color: rgba(255, 255, 255, 0.09) !important; } /* 状态标签：蓝 → 暖金（唯一强调色） */ #lx-daily-hero .lx-dh-kicker { border-color: rgba(240, 183, 94, 0.34) !important; background: rgba(240, 183, 94, 0.10) !important; } #lx-daily-hero .lx-dh-state { color: #f0b75e !important; } /* 指数胶囊/进化胶囊：边框统一中性 */ #lx-daily-hero .lx-dh-chip { border-color: rgba(255, 255, 255, 0.09) !important; background: rgba(255, 255, 255, 0.032) !important; } /* ---------- ③ 数智人精致打磨（桌面：视觉核心放大，不增 hero 高度）---------- */ @media (min-width: 1024px) { #lx-daily-hero .lx-dh-avatar { width: 224px !important; /* 208 → 224；body 列 431 > 274，不撑高 hero */ height: calc(224px / 0.81612) !important; border-radius: 18px !important; background: linear-gradient(180deg, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.008)) !important; border: 1px solid rgba(255, 212, 155, 0.40) !important; box-shadow: 0 0 0 1px rgba(255, 200, 130, 0.16), 0 0 92px rgba(255, 180, 100, 0.22), 0 30px 78px -34px rgba(0, 0, 0, 0.92) !important; } /* 地面柔光：更柔更贴地 */ #lx-daily-hero .lx-dh-avatar::after { height: 34px !important; filter: blur(14px) !important; background: radial-gradient(ellipse at center, rgba(255, 190, 110, 0.38), transparent 74%) !important; } /* 光晕跟随放大后的头像 */ #lx-daily-hero::before { left: 150px !important; width: 396px !important; height: 396px !important; top: calc(50% - 178px) !important; } } /* ---------- ④ 间距节奏：模块间距统一 14px ---------- */ #lx-home-picks { margin-top: 14px !important; } #tab-daily-picks .dpv-top1 { margin-top: 12px !important; } #tab-daily-picks .dpv-header { margin-top: 18px !important; } /* ---------- ⑤ 移动端 dashboard 文字截断根治（10 轮压测稳定复现）---------- * 实测：.title「板块资金 查看全部 →」client=173 < scroll=187（nowrap+ellipsis） * → 移动端「查看全部」被吃掉；.sector-name 板块名（非银金融/电力设备） * 差 5px 被截（56 < 61）。 */ @media (max-width: 767px) { #tab-dashboard .panel-header .title { white-space: normal !important; overflow: visible !important; text-overflow: clip !important; font-size: 15px !important; line-height: 1.3 !important; } #tab-dashboard .sector-name { font-size: 12px !important; letter-spacing: -0.01em !important; overflow: visible !important; text-overflow: clip !important; } } /* ---------- ⑤ 移动端 dashboard 文字截断根治（10 轮压测稳定复现）---------- * 实测：.title「板块资金 查看全部 →」client=173 < scroll=187（nowrap+ellipsis） * → 移动端「查看全部」被吃掉；.sector-name 板块名（非银金融/电力设备） * 差 5px 被截（56 < 61）。 */ @media (max-width: 767px) { #tab-dashboard .panel-header .title { white-space: normal !important; overflow: visible !important; text-overflow: clip !important; font-size: 15px !important; line-height: 1.3 !important; } #tab-dashboard .sector-name { font-size: 12px !important; letter-spacing: -0.01em !important; overflow: visible !important; text-overflow: clip !important; } } /* ============================================================================= * v1095 · 次级视图精致感归一化 + Top1 卡压缩（B + C） * ----------------------------------------------------------------------------- * 实测诊断（detail / fund-flow / research-command，1280×800）： * 主容器 panel r=16（应 20）；内卡 info-cell/indicator-cell/chart r=8（应 12）； * 控件 btn r=8（应 10）；边框色灰蓝 rgba(168,182,201,.1) / rgba(120,150,220,.1) * —— 与首页中性白 rgba(255,255,255,.09) 不一致，跨视图割裂。 * Top1 卡 303px：压缩至 ~255，让「最强信号」在 800px 首屏内露出更完整。 * ========================================================================== */ /* ---------- B：次级视图圆角/边框归一化 ---------- */ .tab-content .panel { border-radius: 20px !important; } .stock-detail .info-cell, .stock-detail .indicator-cell, .stock-detail .chart-container { border-radius: 12px !important; } .tab-content .btn, .tab-content .btn-sm, .tab-content .btn-icon, .tab-content .btn-primary { border-radius: 10px !important; } #tab-research-command .rc-snap-banner { border-radius: 10px !important; } .stock-detail .stock-header, .stock-detail .info-cell, .stock-detail .indicator-cell, .stock-detail .chart-container, .tab-content .panel, #tab-research-command .rc-breadth, #tab-research-command .rc-snap-banner, .tab-content .btn, .tab-content .btn-sm, .tab-content .btn-icon { border-color: rgba(255, 255, 255, 0.09) !important; } /* ---------- C：Top1 最强信号卡压缩（303 → ~255，首屏更完整）---------- */ #tab-daily-picks .dpv-top1 { padding: 11px 13px !important; } #tab-daily-picks .dpv-top1-badge { margin-bottom: 6px !important; } #tab-daily-picks .dpv-top1-row { margin: 5px 0 !important; } #tab-daily-picks .dpv-top1-name { font-size: 22px !important; } #tab-daily-picks .dpv-metric { padding: 5px 9px !important; } #tab-daily-picks .dpv-metric-val { font-size: 17px !important; } #tab-daily-picks .dpv-top1-reason { margin-top: 7px !important; } #tab-daily-picks .dpv-chat-btn { height: 38px !important; margin-top: 8px !important; } /* ============================================================================= * v1095 · 次级视图精致感归一化 + Top1 卡压缩（B + C） * ----------------------------------------------------------------------------- * 实测诊断（detail / fund-flow / research-command，1280×800）： * 主容器 panel r=16（应 20）；内卡 info-cell/indicator-cell/chart r=8（应 12）； * 控件 btn r=8（应 10）；边框色灰蓝 rgba(168,182,201,.1) / rgba(120,150,220,.1) * —— 与首页中性白 rgba(255,255,255,.09) 不一致，跨视图割裂。 * Top1 卡 303px：压缩至 ~255，让「最强信号」在 800px 首屏内露出更完整。 * ========================================================================== */ /* ---------- B：次级视图圆角/边框归一化 ---------- */ .tab-content .panel { border-radius: 20px !important; } .stock-detail .info-cell, .stock-detail .indicator-cell, .stock-detail .chart-container { border-radius: 12px !important; } .tab-content .btn, .tab-content .btn-sm, .tab-content .btn-icon, .tab-content .btn-primary { border-radius: 10px !important; } #tab-research-command .rc-snap-banner { border-radius: 10px !important; } .stock-detail .stock-header, .stock-detail .info-cell, .stock-detail .indicator-cell, .stock-detail .chart-container, .tab-content .panel, #tab-research-command .rc-breadth, #tab-research-command .rc-snap-banner, .tab-content .btn, .tab-content .btn-sm, .tab-content .btn-icon { border-color: rgba(255, 255, 255, 0.09) !important; } /* ---------- C：Top1 最强信号卡压缩（303 → ~255，首屏更完整）---------- */ #tab-daily-picks .dpv-top1 { padding: 11px 13px !important; } #tab-daily-picks .dpv-top1-badge { margin-bottom: 6px !important; } #tab-daily-picks .dpv-top1-row { margin: 5px 0 !important; } #tab-daily-picks .dpv-top1-name { font-size: 22px !important; } #tab-daily-picks .dpv-metric { padding: 5px 9px !important; } #tab-daily-picks .dpv-metric-val { font-size: 17px !important; } #tab-daily-picks .dpv-top1-reason { margin-top: 7px !important; } #tab-daily-picks .dpv-chat-btn { height: 38px !important; margin-top: 8px !important; } /* ============================================================================= * v1096 · 首屏密度：hero 507 → ~370，让「大盘定调 + Top1」进首屏 * ----------------------------------------------------------------------------- * 实测（滚动归零，1280×800）：hero top=321 h=507 → 底 828（首屏还裁掉 28px）， * 大盘定调 top=861、Top1 top=915、精选榜 top=1244 —— 全部在折叠线外， * 首屏只剩数智人，与「不要留白 / 内容密度」要求不符。 * 压缩项：① 空态精选提示区 47px（下方已有真精选榜）② 桌面快捷条 44px（与导航重复） * ③ 进化胶囊两行 65px → 单行 30px（完整数据在侧边栏状态卡） * ========================================================================== */ #lx-daily-hero .lx-dh-picks { display: none !important; } @media (min-width: 1024px) { #lx-daily-hero .lx-quick-bar { display: none !important; } } #lx-daily-hero .lx-evo-row { margin-top: 8px !important; gap: 6px !important; } #lx-daily-hero .lx-evo-badge { padding: 3px 9px !important; font-size: 11px !important; flex: 0 1 auto !important; min-width: 0 !important; max-width: 47% !important; } #lx-daily-hero .lx-evo-txt { white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; } @media (max-width: 767px) { #lx-daily-hero .lx-evo-badge { max-width: 100% !important; } #lx-daily-hero .lx-dh-avatar { width: 132px !important; height: calc(132px / 0.81612) !important; } } /* ============================================================================= * v1096 · 首屏密度：hero 507 → ~370，让「大盘定调 + Top1」进首屏 * ----------------------------------------------------------------------------- * 实测（滚动归零，1280×800）：hero top=321 h=507 → 底 828（首屏还裁掉 28px）， * 大盘定调 top=861、Top1 top=915、精选榜 top=1244 —— 全部在折叠线外， * 首屏只剩数智人，与「不要留白 / 内容密度」要求不符。 * 压缩项：① 空态精选提示区 47px（下方已有真精选榜）② 桌面快捷条 44px（与导航重复） * ③ 进化胶囊两行 65px → 单行 30px（完整数据在侧边栏状态卡） * ========================================================================== */ #lx-daily-hero .lx-dh-picks { display: none !important; } @media (min-width: 1024px) { #lx-daily-hero .lx-quick-bar { display: none !important; } } #lx-daily-hero .lx-evo-row { margin-top: 8px !important; gap: 6px !important; } #lx-daily-hero .lx-evo-badge { padding: 3px 9px !important; font-size: 11px !important; flex: 0 1 auto !important; min-width: 0 !important; max-width: 47% !important; } #lx-daily-hero .lx-evo-txt { white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; } @media (max-width: 767px) { #lx-daily-hero .lx-evo-badge { max-width: 100% !important; } #lx-daily-hero .lx-dh-avatar { width: 132px !important; height: calc(132px / 0.81612) !important; } } /* v1096b 移动端 hero 微调：头像 132 → 120，进化胶囊完整进首屏（844 视口） */ @media (max-width: 767px) { #lx-daily-hero .lx-dh-avatar { width: 120px !important; height: calc(120px / 0.81612) !important; } #lx-daily-hero .lx-dh-title { font-size: 22px !important; } #lx-daily-hero .lhr-cta { padding: 8px 16px !important; } } /* v1096b 移动端 hero 微调：头像 132 → 120，进化胶囊完整进首屏（844 视口） */ @media (max-width: 767px) { #lx-daily-hero .lx-dh-avatar { width: 120px !important; height: calc(120px / 0.81612) !important; } #lx-daily-hero .lx-dh-title { font-size: 22px !important; } #lx-daily-hero .lhr-cta { padding: 8px 16px !important; } }