/* 页面来源：用户提供原型截图 404120ce3043395a81829ccf764e72c4.png。 组件规格消费 design-v2；页面布局与专属图表均为截图推导，待正式设计稿替换。 */ .migration-page{--migration-chart-height:300px;--migration-axis-gutter:46px;--migration-horizontal-scrollbar-height:0px;--migration-timeline-min-width:960px;--migration-detail-table-max-height:520px;--migration-detail-table-row-height:56px;--migration-detail-table-header-bg:#E9EDF3;--migration-module-radius:12px;--migration-inner-card-radius:8px;--migration-control-radius:6px;--migration-spacer-6:6px;--migration-font-family-numeric:"HarmonyOS Sans SC","HarmonyOS Sans","PingFang SC",Arial,sans-serif;--migration-heading-subsection-font-size:15px;--migration-bg-fill-metric:#F6F7FB;--migration-bg-fill-summary:#F1F4FE;--migration-summary-card-surface:rgba(246,247,251,.82);--migration-gradient-summary-card:var(--migration-bg-fill-summary);--migration-gradient-insight-bar:linear-gradient(87.202deg,#EDF1FF 0%,#EAF7FD 52.26%,#E6F4FF 100.18%);--migration-layer-d1:rgba(49,112,255,1);--migration-layer-d2:rgba(49,112,255,.76);--migration-layer-d3:rgba(49,112,255,.56);--migration-layer-d4:rgba(49,112,255,.4);--migration-layer-d5:rgba(49,112,255,.28);--migration-layer-d6:rgba(49,112,255,.18);--migration-competitor-mix:#FF7A45;--migration-overlap-mix:#9875A2;--migration-overlap-mix-a28:rgba(152,117,162,.28);--migration-text-primary:#020202;--migration-text-secondary:#4B4E58;--migration-text-tertiary:#E0E2E4;--text-default:var(--migration-text-primary);--text-regular:var(--migration-text-secondary);--text-secondary:var(--migration-text-tertiary);font-family:var(--font-family-default)} /* 2026-08-18 V5 正文色：#020202 → #111E36（设计里通篇用 paint_322:034747 / paint_320:065572 = #111E36）。 只需改 --migration-text-primary 这一个 token，--text-default 取的就是它，全页正文随之生效。 */ .migration-page{--migration-text-primary:#111E36} /* 2026-08-18 V5 品牌 logo 换成用户提供的位图（原 design-system/icons/marketing-brain-logo.svg 为共享资源， 放在本页 assets 下避免影响其他页面）。素材 358x32 是 @2x。 2026-08-19 显示高度 16 → 18px，宽度按 358:32 等比换算成 201.375，不拉伸； 顶栏左偏移也引用 --page-brand-logo-width，会自动跟随。 */ .migration-page{--page-brand-logo-width:201.375px;--page-brand-logo-height:18px} /* 2026-08-18 V5 logo 栏高度 72 → 64px。--page-shell-top 同时是固定顶栏的高度、内容区的起始线、 锚点 tab 栏的 top、以及区块锚点跳转的偏移基准，改这一个 token 全部跟随。 */ .migration-page{--page-shell-top:64px} /* 2026-08-18 V5 圆角收敛为三档。原来同时存在 20/18/16/8/6 五个值，且大小关系是乱的 （二级卡 16 vs 外层图表卡 20 尚可，但封面卡也是 16，和嵌在它里面的元素同级； 封面筛选栏 8 与控件 6 又几乎分不出），层级读不出来。 外层卡 20px —— 一级卡 / 图表卡 / 封面卡 内层卡 12px —— 二级卡 / 总结条 / 封面筛选栏 控件 8px —— 下拉、多选、日期、按钮、下载 锚点 tab 仍是 18px，那是 36px 高的胶囊（高度一半），属于另一类形状，不并入卡片档位。 */ .migration-page{--migration-control-radius:8px;--migration-inner-card-radius:12px} /* 2026-08-18 V5 问号图标提亮：原来取 --text-disabled(#C0C4CC)，压在页面浅蓝渐变上对比度只有约 1.38:1 （区块标题在卡片外面，直接坐在背景上，比指标卡里的更难辨认）。 改成正文色 #111E36 的 55% 透明——同一色相，读起来仍是次要信息、不喧宾夺主， 但对比度提到约 3.5:1（背景）/ 3.7:1（指标卡），达到 UI 图形 3:1 的可辨识线。 文字和描边都用 currentColor，改一处即可。 */ .migration-page{--migration-help-ink:rgba(17,30,54,.55)} .migration-page .migration-section-title .migration-title-help, .migration-page .migration-card-heading .migration-title-help, .migration-page .migration-metric__help{color:var(--migration-help-ink)} .migration-page .migration-section-title .migration-title-help:hover, .migration-page .migration-section-title .migration-title-help:focus-visible, .migration-page .migration-card-heading .migration-title-help:hover, .migration-page .migration-card-heading .migration-title-help:focus-visible, .migration-page .migration-metric__help:hover, .migration-page .migration-metric__help:focus-visible{color:var(--brand-primary)} /* 2026-08-18 V5 指标卡底色：#F6F7FB（--migration-bg-fill-metric，不透明浅灰）→ rgba(17,30,54,.04)。 与二级卡 rgba(17,30,54,.05) 同一套半透明深色叠加，压在一级卡的白渐变上能透出底色， 不像原来那样是一块和白渐变打架的独立灰。 */ .migration-page{--migration-bg-fill-metric:rgba(17,30,54,.04)} /* 2026-08-18 V5 页面背景：180deg 从 c3e4fd 渐变到 e1f2fb，上面叠头图光晕，按原图比例（1440:589）等宽缩放。 改为 background-attachment:fixed —— 背景的定位区域变成"浏览器可视区域"，从视口顶铺到视口底， 页面滚动时背景不动。原来是按文档高度铺满（约 3700px），滚动时背景跟着走，渐变被拉得看不出来。 三处共用同一份声明（下面用变量固化）：body / 固定顶栏底衬 / 吸顶锚点 tab 栏。 因为都是 fixed 定位到视口，三层背景天然像素级对齐，滚动吸顶时不会穿帮。 */ .migration-page{ --bg-page:#c3e4fd; --migration-page-bg-image:url("assets/bg-top-glow.webp"),linear-gradient(180deg,#c3e4fd 0%,#e1f2fb 100%); --migration-page-bg-size:100% auto,100% 100%; } .migration-page, .migration-page .mb-task-page__sticky-surface, .migration-page .migration-anchor-nav::before{ background-color:#c3e4fd; background-image:var(--migration-page-bg-image); background-repeat:no-repeat,no-repeat; background-position:top center,top center; background-size:var(--migration-page-bg-size); background-attachment:fixed,fixed; } .migration-page{--migration-anchor-nav-height:56px;--migration-chart-grid-line:#DDE3EC;--chart-line-grid-color:var(--migration-chart-grid-line)} .migration-page .mb-select__trigger,.migration-page .mb-select__menu,.migration-page .mb-multiselect__trigger,.migration-page .mb-multiselect__menu,.migration-page .mb-btn,.migration-page .migration-download-button,.migration-page .chart-expand{border-radius:var(--migration-control-radius)} .migration-page .mb-icon--follow-up-date-sort{background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg width=%2224%22 height=%2224%22 viewBox=%220 0 48 48%22 fill=%22none%22 xmlns=%22http://www.w3.org/2000/svg%22%3E %3Cpath d=%22M6 5V30.0036H42V5%22 stroke=%22currentColor%22 stroke-width=%224%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22/%3E %3Cpath d=%22M30 37L24 43L18 37%22 stroke=%22currentColor%22 stroke-width=%224%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22/%3E %3Cpath d=%22M24 30V43%22 stroke=%22currentColor%22 stroke-width=%224%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22/%3E %3Cpath d=%22M27.9887 10.9785L33 16L27.9887 21.0902%22 stroke=%22currentColor%22 stroke-width=%224%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22/%3E %3Cpath d=%22M15.0009 16.001H33%22 stroke=%22currentColor%22 stroke-width=%224%22 stroke-linecap=%22round%22/%3E %3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg width=%2224%22 height=%2224%22 viewBox=%220 0 48 48%22 fill=%22none%22 xmlns=%22http://www.w3.org/2000/svg%22%3E %3Cpath d=%22M6 5V30.0036H42V5%22 stroke=%22currentColor%22 stroke-width=%224%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22/%3E %3Cpath d=%22M30 37L24 43L18 37%22 stroke=%22currentColor%22 stroke-width=%224%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22/%3E %3Cpath d=%22M24 30V43%22 stroke=%22currentColor%22 stroke-width=%224%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22/%3E %3Cpath d=%22M27.9887 10.9785L33 16L27.9887 21.0902%22 stroke=%22currentColor%22 stroke-width=%224%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22/%3E %3Cpath d=%22M15.0009 16.001H33%22 stroke=%22currentColor%22 stroke-width=%224%22 stroke-linecap=%22round%22/%3E %3C/svg%3E") center/contain no-repeat} .migration-icon--overview{--migration-icon-outline:url("data:image/svg+xml,%3Csvg width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22 xmlns=%22http://www.w3.org/2000/svg%22%3E %3Cpath d=%22M21 3H3C2.44772 3 2 3.44772 2 4V20C2 20.5523 2.44772 21 3 21H21C21.5523 21 22 20.5523 22 20V4C22 3.44772 21.5523 3 21 3Z%22 stroke=%22%23333333%22 stroke-width=%221.5%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22/%3E %3Cpath d=%22M16 12.5V16%22 stroke=%22%23333333%22 stroke-width=%221.5%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22/%3E %3Cpath d=%22M12 8V16%22 stroke=%22%23333333%22 stroke-width=%221.5%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22/%3E %3Cpath d=%22M8 10V16%22 stroke=%22%23333333%22 stroke-width=%221.5%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22/%3E %3C/svg%3E");--migration-icon-filled:url("data:image/svg+xml,%3Csvg width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22 xmlns=%22http://www.w3.org/2000/svg%22%3E %3Cpath d=%22M21 3H3C2.44772 3 2 3.44772 2 4V20C2 20.5523 2.44772 21 3 21H21C21.5523 21 22 20.5523 22 20V4C22 3.44772 21.5523 3 21 3Z%22 fill=%22%23333333%22 stroke=%22%23333333%22 stroke-width=%221.5%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22/%3E %3Cpath d=%22M16 12.5V16%22 stroke=%22white%22 stroke-width=%221.5%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22/%3E %3Cpath d=%22M12 8V16%22 stroke=%22white%22 stroke-width=%221.5%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22/%3E %3Cpath d=%22M8 10V16%22 stroke=%22white%22 stroke-width=%221.5%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22/%3E %3C/svg%3E");--migration-icon-selected:url("data:image/svg+xml,%3Csvg width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22 xmlns=%22http://www.w3.org/2000/svg%22%3E %3Cpath d=%22M21 3H3C2.44772 3 2 3.44772 2 4V20C2 20.5523 2.44772 21 3 21H21C21.5523 21 22 20.5523 22 20V4C22 3.44772 21.5523 3 21 3Z%22 fill=%22%232A6CFF%22 stroke=%22%232A6CFF%22 stroke-width=%221.5%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22/%3E %3Cpath d=%22M16 12.5V16%22 stroke=%22white%22 stroke-width=%221.5%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22/%3E %3Cpath d=%22M12 8V16%22 stroke=%22white%22 stroke-width=%221.5%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22/%3E %3Cpath d=%22M8 10V16%22 stroke=%22white%22 stroke-width=%221.5%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22/%3E %3C/svg%3E")} .migration-icon--own-analysis{--migration-icon-outline:url("data:image/svg+xml,%3Csvg width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22 xmlns=%22http://www.w3.org/2000/svg%22%3E %3Cpath d=%22M21 17.2944L12 22.5884L3 17.2944V6.70613L12 1.41191L21 6.70613V17.2944Z%22 stroke=%22%23333333%22 stroke-width=%221.58824%22 stroke-linejoin=%22round%22/%3E %3Cpath d=%22M7.76471 14.6479L11.9964 11.9995L16.2327 14.6479%22 stroke=%22%23333333%22 stroke-width=%221.58824%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22/%3E %3Cpath d=%22M12 12V7.23529%22 stroke=%22%23333333%22 stroke-width=%221.58824%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22/%3E %3C/svg%3E");--migration-icon-filled:url("data:image/svg+xml,%3Csvg width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22 xmlns=%22http://www.w3.org/2000/svg%22%3E %3Cpath d=%22M21 17.2944L12 22.5884L3 17.2944V6.70613L12 1.41191L21 6.70613V17.2944Z%22 fill=%22%23333333%22 stroke=%22%23333333%22 stroke-width=%221.58824%22 stroke-linejoin=%22round%22/%3E %3Cpath d=%22M7.76471 14.6479L11.9964 11.9995L16.2327 14.6479%22 stroke=%22white%22 stroke-width=%221.58824%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22/%3E %3Cpath d=%22M12 12V7.23529%22 stroke=%22white%22 stroke-width=%221.58824%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22/%3E %3C/svg%3E");--migration-icon-selected:url("data:image/svg+xml,%3Csvg width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22 xmlns=%22http://www.w3.org/2000/svg%22%3E %3Cpath d=%22M21 17.2944L12 22.5884L3 17.2944V6.70613L12 1.41191L21 6.70613V17.2944Z%22 fill=%22%232A6CFF%22 stroke=%22%232A6CFF%22 stroke-width=%221.58824%22 stroke-linejoin=%22round%22/%3E %3Cpath d=%22M7.76471 14.6479L11.9964 11.9995L16.2327 14.6479%22 stroke=%22white%22 stroke-width=%221.58824%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22/%3E %3Cpath d=%22M12 12V7.23529%22 stroke=%22white%22 stroke-width=%221.58824%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22/%3E %3C/svg%3E")} .migration-icon--competitor-analysis{--migration-icon-outline:url("data:image/svg+xml,%3Csvg width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22 xmlns=%22http://www.w3.org/2000/svg%22%3E %3Cpath d=%22M21.5 21.5V2.5H12V8.675L16.275 12.95V21.5H21.5Z%22 stroke=%22%23333333%22 stroke-width=%221.425%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22/%3E %3Cpath d=%22M2.5 2.5V21.5H12.475V14.85L8.2 10.575V2.5H2.5Z%22 stroke=%22%23333333%22 stroke-width=%221.425%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22/%3E %3C/svg%3E");--migration-icon-filled:url("data:image/svg+xml,%3Csvg width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22 xmlns=%22http://www.w3.org/2000/svg%22%3E %3Cpath d=%22M22 22V2H12V8.5L16.5 13V22H22Z%22 fill=%22%23333333%22/%3E %3Cpath d=%22M2 2V22H12.5V15L8 10.5V2H2Z%22 fill=%22%23333333%22/%3E %3Cpath d=%22M21.5 21.5V2.5H12V8.675L16.275 12.95V21.5H21.5Z%22 stroke=%22%23333333%22 stroke-width=%221.425%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22/%3E %3Cpath d=%22M2.5 2.5V21.5H12.475V14.85L8.2 10.575V2.5H2.5Z%22 stroke=%22%23333333%22 stroke-width=%221.425%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22/%3E %3C/svg%3E");--migration-icon-selected:url("data:image/svg+xml,%3Csvg width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22 xmlns=%22http://www.w3.org/2000/svg%22%3E %3Cpath d=%22M22 22V2H12V8.5L16.5 13V22H22Z%22 fill=%22%232A6CFF%22/%3E %3Cpath d=%22M2 2V22H12.5V15L8 10.5V2H2Z%22 fill=%22%232A6CFF%22/%3E %3Cpath d=%22M21.5 21.5V2.5H12V8.675L16.275 12.95V21.5H21.5Z%22 stroke=%22%232A6CFF%22 stroke-width=%221.425%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22/%3E %3Cpath d=%22M2.5 2.5V21.5H12.475V14.85L8.2 10.575V2.5H2.5Z%22 stroke=%22%232A6CFF%22 stroke-width=%221.425%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22/%3E %3C/svg%3E")} .migration-icon--summary{--migration-icon-outline:url("data:image/svg+xml,%3Csvg width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22 xmlns=%22http://www.w3.org/2000/svg%22%3E %3Cpath d=%22M2.5 3.5C2.5 2.67158 3.17158 2 4 2H16C16.8285 2 17.5 2.67158 17.5 3.5V22H4C3.17158 22 2.5 21.3285 2.5 20.5V3.5Z%22 stroke=%22%23333333%22 stroke-width=%221.5%22 stroke-linejoin=%22round%22/%3E %3Cpath d=%22M17.5 12C17.5 11.4477 17.9477 11 18.5 11H20.5C21.0523 11 21.5 11.4477 21.5 12V20.5C21.5 21.3285 20.8285 22 20 22H17.5V12Z%22 stroke=%22%23333333%22 stroke-width=%221.5%22 stroke-linejoin=%22round%22/%3E %3Cpath d=%22M5.5 6H9.5%22 stroke=%22%23333333%22 stroke-width=%221.5%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22/%3E %3Cpath d=%22M5.5 9.5H11.5%22 stroke=%22%23333333%22 stroke-width=%221.5%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22/%3E %3C/svg%3E");--migration-icon-filled:url("data:image/svg+xml,%3Csvg width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22 xmlns=%22http://www.w3.org/2000/svg%22%3E %3Cpath d=%22M2.5 3.5C2.5 2.67158 3.17158 2 4 2H16C16.8285 2 17.5 2.67158 17.5 3.5V22H4C3.17158 22 2.5 21.3285 2.5 20.5V3.5Z%22 fill=%22%23333333%22 stroke=%22%23333333%22 stroke-width=%221.5%22 stroke-linejoin=%22round%22/%3E %3Cpath d=%22M17.5 12C17.5 11.4477 17.9477 11 18.5 11H20.5C21.0523 11 21.5 11.4477 21.5 12V20.5C21.5 21.3285 20.8285 22 20 22H17.5V12Z%22 stroke=%22%23333333%22 stroke-width=%221.5%22 stroke-linejoin=%22round%22/%3E %3Cpath d=%22M5.5 6H9.5%22 stroke=%22white%22 stroke-width=%221.5%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22/%3E %3Cpath d=%22M5.5 9.5H11.5%22 stroke=%22white%22 stroke-width=%221.5%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22/%3E %3C/svg%3E");--migration-icon-selected:url("data:image/svg+xml,%3Csvg width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22 xmlns=%22http://www.w3.org/2000/svg%22%3E %3Cpath d=%22M2.5 3.5C2.5 2.67158 3.17158 2 4 2H16C16.8285 2 17.5 2.67158 17.5 3.5V22H4C3.17158 22 2.5 21.3285 2.5 20.5V3.5Z%22 fill=%22%232A6CFF%22 stroke=%22%232A6CFF%22 stroke-width=%221.5%22 stroke-linejoin=%22round%22/%3E %3Cpath d=%22M17.5 12C17.5 11.4477 17.9477 11 18.5 11H20.5C21.0523 11 21.5 11.4477 21.5 12V20.5C21.5 21.3285 20.8285 22 20 22H17.5V12Z%22 stroke=%22%232A6CFF%22 stroke-width=%221.5%22 stroke-linejoin=%22round%22/%3E %3Cpath d=%22M5.5 6H9.5%22 stroke=%22white%22 stroke-width=%221.5%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22/%3E %3Cpath d=%22M5.5 9.5H11.5%22 stroke=%22white%22 stroke-width=%221.5%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22/%3E %3C/svg%3E")} .migration-main{padding-bottom:var(--spacer-20)} .migration-report-cover{position:relative;box-sizing:border-box;min-height:0;padding:var(--spacer-24);overflow:visible;color:var(--text-default);background-color:#F7FAFF;background-image:linear-gradient(90deg,rgba(247,251,255,.96) 0%,rgba(240,247,255,.88) 48%,rgba(229,241,255,.34) 70%,rgba(229,241,255,0) 82%);background-position:center;background-size:cover;border:1px solid rgba(255,255,255,.92);border-radius:var(--migration-module-radius);box-shadow:0 8px 24px rgba(72,112,170,.1)} .migration-report-cover__header{display:flex;align-items:center;justify-content:space-between;gap:var(--spacer-24)} .migration-report-cover__heading{min-width:0} .migration-report-cover__content{width:min(84%,1040px)} .migration-report-cover__title{margin:0;color:var(--text-default);font-size:24px;font-weight:var(--font-weight-strong);line-height:36px} .migration-report-filters{position:relative;z-index:4;display:flex;width:max-content;max-width:100%;align-items:center;justify-content:flex-start;gap:var(--spacer-16);margin-left:auto} .migration-report-filter{gap:var(--spacer-4);color:var(--text-regular)} .migration-report-filter .mb-field__label{flex:0 0 auto} .migration-report-filter .mb-field__label::after{content:none} .migration-report-filter .mb-select,.migration-report-filter .mb-multiselect{width:140px} .migration-report-filter--competitor .mb-multiselect{width:184px} .migration-report-filter--date .mb-date-picker{width:240px} .migration-report-filter .mb-select__trigger,.migration-report-filter .mb-select.has-value .mb-select__trigger,.migration-report-filter .mb-multiselect__trigger,.migration-report-filter .mb-date-picker__trigger{width:100%;color:var(--text-default);background:rgba(255,255,255,.78);border-color:transparent;border-radius:var(--migration-control-radius);box-shadow:none;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)} .migration-report-filter .mb-field__label,.migration-report-filter .mb-select__caret,.migration-report-filter .mb-multiselect__caret,.migration-report-filter .mb-date-picker__separator,.migration-report-filter .mb-date-picker__icon{color:var(--text-default)} .migration-report-filter .mb-date-picker__icon{background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg width=%2248%22 height=%2248%22 viewBox=%220 0 48 48%22 fill=%22none%22 xmlns=%22http://www.w3.org/2000/svg%22%3E %3Cpath d=%22M5 19H43V40C43 41.1046 42.1046 42 41 42H7C5.89543 42 5 41.1046 5 40V19Z%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%224%22 stroke-linejoin=%22round%22/%3E %3Cpath d=%22M5 9C5 7.89543 5.89543 7 7 7H41C42.1046 7 43 7.89543 43 9V19H5V9Z%22 stroke=%22currentColor%22 stroke-width=%224%22 stroke-linejoin=%22round%22/%3E %3Cpath d=%22M16 4V12%22 stroke=%22currentColor%22 stroke-width=%224%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22/%3E %3Cpath d=%22M32 4V12%22 stroke=%22currentColor%22 stroke-width=%224%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22/%3E %3Cpath d=%22M28 34H34%22 stroke=%22currentColor%22 stroke-width=%224%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22/%3E %3Cpath d=%22M14 34H20%22 stroke=%22currentColor%22 stroke-width=%224%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22/%3E %3Cpath d=%22M28 26H34%22 stroke=%22currentColor%22 stroke-width=%224%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22/%3E %3Cpath d=%22M14 26H20%22 stroke=%22currentColor%22 stroke-width=%224%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22/%3E %3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg width=%2248%22 height=%2248%22 viewBox=%220 0 48 48%22 fill=%22none%22 xmlns=%22http://www.w3.org/2000/svg%22%3E %3Cpath d=%22M5 19H43V40C43 41.1046 42.1046 42 41 42H7C5.89543 42 5 41.1046 5 40V19Z%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%224%22 stroke-linejoin=%22round%22/%3E %3Cpath d=%22M5 9C5 7.89543 5.89543 7 7 7H41C42.1046 7 43 7.89543 43 9V19H5V9Z%22 stroke=%22currentColor%22 stroke-width=%224%22 stroke-linejoin=%22round%22/%3E %3Cpath d=%22M16 4V12%22 stroke=%22currentColor%22 stroke-width=%224%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22/%3E %3Cpath d=%22M32 4V12%22 stroke=%22currentColor%22 stroke-width=%224%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22/%3E %3Cpath d=%22M28 34H34%22 stroke=%22currentColor%22 stroke-width=%224%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22/%3E %3Cpath d=%22M14 34H20%22 stroke=%22currentColor%22 stroke-width=%224%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22/%3E %3Cpath d=%22M28 26H34%22 stroke=%22currentColor%22 stroke-width=%224%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22/%3E %3Cpath d=%22M14 26H20%22 stroke=%22currentColor%22 stroke-width=%224%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22/%3E %3C/svg%3E") center/contain no-repeat} .migration-report-filter .mb-select__trigger:hover,.migration-report-filter .mb-select.is-open .mb-select__trigger,.migration-report-filter .mb-multiselect__trigger:hover,.migration-report-filter .mb-multiselect.is-open .mb-multiselect__trigger,.migration-report-filter .mb-date-picker__trigger:hover,.migration-report-filter .mb-date-picker.is-open .mb-date-picker__trigger{background:rgba(255,255,255,.9);border-color:transparent} .migration-report-cover__meta{display:grid;grid-template-columns:repeat(3,max-content);gap:var(--spacer-24);margin-top:var(--spacer-12);color:var(--text-disabled);font-size:var(--body-caption-font-size);line-height:20px} .migration-report-cover__metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--spacer-12);width:100%;margin-top:var(--spacer-24)} .migration-report-stat{min-width:0;padding:var(--spacer-16);background:rgba(255,255,255,.62);border:1px solid rgba(255,255,255,.84);border-radius:var(--migration-inner-card-radius);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)} .migration-report-stat:first-child{background:rgba(255,255,255,.82);border-color:rgba(255,255,255,.94)} .migration-report-stat__title{display:block;margin-bottom:var(--spacer-20);color:var(--text-default);font-size:var(--body-base-font-size);font-weight:var(--font-weight-medium);line-height:20px} .migration-report-stat__body{display:flex;align-items:center;justify-content:space-between;gap:var(--spacer-12)} .migration-report-stat__info{min-width:0;flex:1 1 auto} .migration-report-stat__value-row{display:flex;align-items:baseline;gap:var(--spacer-4)} .migration-report-stat:nth-child(3) .migration-report-stat__value-row{gap:var(--spacer-12)} .migration-report-stat__value{color:var(--text-default);font-family:var(--migration-font-family-numeric);font-size:24px;font-weight:var(--font-weight-medium);line-height:30px;white-space:nowrap} .migration-report-stat__value--growth{color:var(--status-danger)} .migration-report-stat__trend{display:inline-flex;align-items:center;gap:var(--spacer-2);font-family:var(--migration-font-family-numeric);font-size:var(--body-base-font-size);font-style:normal;font-weight:var(--font-weight-medium);line-height:20px;white-space:nowrap} .migration-report-stat p{width:max-content;max-width:100%;margin:var(--migration-spacer-6) 0 0;color:transparent;font-size:var(--body-caption-font-size);line-height:20px;background:linear-gradient(90deg,var(--brand-primary) 0%,#72B9FF 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent} .migration-report-stat__spark{display:block;width:96px;height:52px;flex:0 0 96px;overflow:visible;color:var(--brand-primary);transform:translateY(-4px)} .migration-report-stat__spark--orange,.migration-report-stat__spark--teal{color:var(--brand-primary)} .migration-report-stat__spark-line{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round} .migration-report-stat__spark-guide{stroke:currentColor;stroke-width:1;opacity:.14} .migration-page .mb-task-page__sidenav{height:calc(100vh - var(--page-shell-top) - var(--page-gutter) - var(--migration-horizontal-scrollbar-height));margin-bottom:0;border-radius:var(--migration-module-radius)} .migration-page .mb-sidenav__header{height:44px;cursor:default;pointer-events:none} .migration-page .mb-sidenav__header>.mb-sidenav__icon,.migration-page .mb-sidenav__arrow{display:none} .migration-page .mb-sidenav__label{left:var(--spacer-10);color:var(--text-default);font-size:var(--heading-section-font-size);line-height:20px} .migration-page .mb-sidenav__group.is-active .mb-sidenav__label{color:var(--text-default)} .migration-page .mb-sidenav__body{display:flex;flex-direction:column;gap:var(--spacer-2);padding-top:var(--spacer-2)} /* 用户指定 2026-08-12：参考图菜单项使用图标、浅色选中底，子项高度随折行内容自适应。 */ .migration-page .mb-sidenav__item{height:auto;min-height:44px;padding:var(--spacer-10);gap:var(--spacer-10);align-items:flex-start;color:var(--text-default);font-size:var(--body-base-font-size);line-height:20px;white-space:normal;border-radius:var(--radius-card)} .migration-page .mb-sidenav__item-icon{flex:0 0 auto;margin-top:var(--spacer-2);color:currentColor} .migration-nav-icon{display:inline-block;width:16px;height:16px;background:currentColor;-webkit-mask:var(--migration-icon-outline) center/contain no-repeat;mask:var(--migration-icon-outline) center/contain no-repeat} .migration-page .mb-sidenav__item.is-selected .migration-nav-icon{background-color:transparent;background-image:var(--migration-icon-selected);background-position:center;background-size:contain;background-repeat:no-repeat;-webkit-mask:none;mask:none} .migration-page .mb-sidenav__item.is-selected{color:var(--nav-active);font-weight:var(--font-weight-strong);background:var(--brand-primary-a06)} .migration-page .mb-sidenav__item:hover{color:var(--nav-active);background:var(--brand-primary-a06)} .migration-filter{display:flex;align-items:center;justify-content:space-between;min-height:48px;padding:0 var(--spacer-20);background:var(--bg-container);border-radius:var(--radius-card)} .migration-filter__summary{display:flex;align-items:center;gap:var(--spacer-16);color:var(--text-regular);font-size:var(--body-caption-font-size)} .migration-filter__summary strong{color:var(--text-default);font-weight:var(--font-weight-medium)} .migration-filter__toggle{display:inline-flex;align-items:center;gap:var(--spacer-4);padding:0;color:var(--text-secondary);font:inherit;background:transparent;border:0;cursor:pointer} .migration-block{scroll-margin-top:calc(var(--page-shell-top) + var(--migration-anchor-nav-height) + var(--page-content-section-gap));background:var(--bg-container);border-radius:var(--migration-module-radius)} /* 2026-08-19 区块一级标题 16 → 17px。没有改 --heading-section-font-size， 那个 token 还被 toast、卡片标题、侧导航标签共用，动它会牵连其他组件。 */ .migration-section-title{display:flex;align-items:center;gap:var(--migration-spacer-6);margin:0;padding:var(--spacer-20);color:var(--text-default);font-size:17px;font-weight:var(--font-weight-strong);line-height:var(--heading-content-section-line-height);border-bottom:1px solid var(--border-split)} .migration-section-icon{display:inline-block;width:18px;height:18px;flex:0 0 auto;background-color:transparent;background-image:var(--migration-icon-filled);background-position:center;background-size:contain;background-repeat:no-repeat} .migration-metrics{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-items:start;gap:var(--spacer-10);padding:var(--spacer-20);background:transparent} .migration-metric{position:relative;display:flex;flex-direction:column;min-width:0;padding:var(--spacer-16);background:var(--migration-bg-fill-metric);border-radius:var(--migration-inner-card-radius)} .migration-metric:hover,.migration-metric:focus-within{z-index:6} .migration-metric__title{display:block;overflow:hidden;color:var(--text-default);font-size:var(--body-base-font-size);font-weight:var(--font-weight-medium);line-height:20px;text-overflow:ellipsis;white-space:nowrap} .migration-metric__subtitle{display:none} .migration-metric__help{position:absolute;top:var(--spacer-16);right:var(--spacer-16);display:inline-flex;width:16px;height:16px;align-items:center;justify-content:center;padding:0;color:var(--text-disabled);font-family:Arial,sans-serif;font-size:11px;font-weight:var(--font-weight-medium);line-height:1;background:transparent;border:1px solid currentColor;border-radius:var(--radius-full);cursor:help} .migration-metric__help:hover,.migration-metric__help:focus-visible{color:var(--brand-primary);outline:0} .migration-metric__tooltip{position:absolute;top:40px;left:var(--spacer-16);z-index:8;box-sizing:border-box;width:380px;max-width:calc(100vw - 80px);padding:var(--spacer-16);color:var(--text-default);font-size:13px;line-height:20px;background:var(--bg-container);border:1px solid var(--border-split);border-radius:var(--migration-inner-card-radius);box-shadow:var(--shadow-float);opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-4px);transition:opacity .16s ease,transform .16s ease,visibility .16s ease} .migration-metric:nth-child(n+3) .migration-metric__tooltip{right:var(--spacer-16);left:auto} .migration-metric .migration-metric__tooltip strong{display:block;margin:0 0 var(--spacer-4);font-family:var(--font-family-default);font-size:13px;font-weight:var(--font-weight-medium);line-height:20px} .migration-metric__tooltip p{margin:0;color:var(--text-regular)} .migration-metric__tooltip p+strong{margin-top:var(--spacer-12)} .migration-metric__tooltip p+p{margin-top:var(--spacer-4)} .migration-metric__help:hover+.migration-metric__tooltip,.migration-metric__help:focus-visible+.migration-metric__tooltip,.migration-metric__tooltip:hover{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)} .migration-metric__value{display:flex;align-items:baseline;gap:var(--spacer-4);margin-top:var(--spacer-20)} .migration-metric strong{font-family:var(--migration-font-family-numeric);font-size:24px;line-height:28px;font-weight:var(--font-weight-medium)} .migration-metric em{display:inline-flex;align-items:center;gap:var(--spacer-2);margin-left:auto;font-family:var(--migration-font-family-numeric);font-size:var(--body-base-font-size);font-style:normal;white-space:nowrap} .migration-metric__trend-icon{display:inline-block;width:16px;height:16px;background:currentColor;-webkit-mask:center/contain no-repeat;mask:center/contain no-repeat} .migration-metric__trend-icon--up{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 xmlns:xlink=%22http://www.w3.org/1999/xlink%22 fill=%22none%22 version=%221.1%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22%3E%3Cdefs%3E%3CclipPath id=%22master_svg0_34_7034%22%3E%3Crect x=%220%22 y=%220%22 width=%2224%22 height=%2224%22 rx=%220%22/%3E%3C/clipPath%3E%3C/defs%3E%3Cg transform=%22matrix%280,1,1,0,0,0%29%22 clip-path=%22url%28%23master_svg0_34_7034%29%22%3E%3Cpath d=%22M17.80039590234375,20.982250169531248Q17.77741290234375,20.75357626953125,17.74394990234375,20.52619936953125Q17.71048590234375,20.29882236953125,17.66661090234375,20.07322406953125Q17.62273790234375,19.84762476953125,17.56854390234375,19.62427946953125Q17.51435090234375,19.40093416953125,17.44995490234375,19.18031406953125Q17.38555890234375,18.95969436953125,17.31109590234375,18.74226566953125Q17.23663090234375,18.52483746953125,17.15225790234375,18.31105896953125Q17.06788490234375,18.09728146953125,16.97377790234375,17.88760466953125Q16.87967290234375,17.67792896953125,16.77603290234375,17.47279736953125Q16.67239390234375,17.26766586953125,16.55944090234375,17.067512469531252Q16.44648790234375,16.86735866953125,16.32445490234375,16.67260546953125Q16.20242690234375,16.47785286953125,16.07157890234375,16.28891136953125Q15.940730902343748,16.09996986953125,15.801339902343749,15.91723966953125Q15.661948902343749,15.73450926953125,15.51431290234375,15.55837536953125Q15.36667590234375,15.38224176953125,15.21110190234375,15.213076369531251Q15.055528902343749,15.043911169531249,14.89234690234375,14.88207196953125Q14.72916790234375,14.72023246953125,14.55872390234375,14.566060569531249Q14.38827890234375,14.41188856953125,14.21093390234375,14.26570986953125Q14.03358690234375,14.11953116953125,13.84971090234375,13.98165416953125Q13.66583590234375,13.84377726953125,13.47582190234375,13.71449326953125Q13.28580790234375,13.585209369531249,13.09005390234375,13.46479126953125Q12.89430090234375,13.34437326953125,12.69321990234375,13.23307546953125Q12.49214190234375,13.12177776953125,12.28616190234375,13.01983536953125Q12.08018190234375,12.91789292953125,11.86973590234375,12.82552098953125Q11.65928990234375,12.73314904953125,11.44482190234375,12.65054267953125Q11.23035590234375,12.56793635953125,11.01232090234375,12.49527006953125Q10.79428390234375,12.42260375953125,10.57313890234375,12.36003094953125Q10.35199590234375,12.29745813953125,10.12820990234375,12.24511095953125Q9.90442590234375,12.19276377953125,9.67847290234375,12.150752779531249Q9.45251890234375,12.10874175953125,9.22487390234375,12.07715563453125Q8.99722890234375,12.04556950953125,8.76837190234375,12.02447495953125Q8.53951690234375,12.00338041053125,8.30993290234375,11.99282198853125Q8.08034990234375,11.98226356506325,7.850523902343751,11.98226356506325Q7.6050377023437505,11.98226356506325,7.3598461023437505,11.99430900153125Q7.11465550234375,12.00635443853125,6.87035180234375,12.03041629453125Q6.626047102343749,12.05447814653125,6.38321880234375,12.09049844953125Q6.14038850234375,12.12651875953125,5.89962010234375,12.17441072953125Q5.65885070234375,12.22230270953125,5.42072150234375,12.28195097953125Q5.18259240234375,12.34159928953125,4.94767710234375,12.41286015953125Q4.71276090234375,12.48412102953125,4.48162460234375,12.56682282953125Q4.25048880234375,12.64952456953125,4.02368930234375,12.74346810953125Q3.79688930234375,12.83741151953125,3.57497260234375,12.94237041953125Q3.3530560023437497,13.04732926953125,3.1365566023437497,13.16305076953125Q2.92005730234375,13.27877206953125,2.7094965023437503,13.40497736953125Q2.4989357023437497,13.53118226953125,2.29482170234375,13.66756726953125Q2.09070730234375,13.80395196953125,1.8935313023437503,13.95018806953125Q1.6963549023437499,14.096424069531249,1.50659180234375,14.25215886953125Q1.3168282023437499,14.40789366953125,1.1349349023437498,14.57275196953125Q0.9530416023437498,14.73761036953125,0.7794566023437501,14.91119546953125Q0.6058717023437499,15.08478046953125,0.4410131023437498,15.26667356953125Q0.27615450234375016,15.44856686953125,0.12042000234374983,15.638330469531251Q-0.035314997656250124,15.82809356953125,-0.1815508976562501,16.02526996953125Q-0.3277868976562499,16.22244646953125,-0.46417169765625,16.426560369531252Q-0.60055639765625,16.630674869531248,-0.72676159765625,16.84123516953125Q-0.8529664976562501,17.05179596953125,-0.9686879976562499,17.26829526953125Q-1.08440939765625,17.48479456953125,-1.1893682476562502,17.70671126953125Q-1.29432713765625,17.92862796953125,-1.38827061765625,18.15542796953125Q-1.4822140976562501,18.38222786953125,-1.56491589765625,18.61336376953125Q-1.64761769765625,18.84450006953125,-1.7188785376562499,19.079415769531252Q-1.79013943765625,19.31433106953125,-1.8497877076562501,19.55246016953125Q-1.90943598765625,19.79058936953125,-1.95732794765625,20.03135866953125Q-2.00521991765625,20.27212806953125,-2.04124022765625,20.51495746953125Q-2.07726052365625,20.75778676953125,-2.10132237165625,21.00209136953125Q-2.12538422665625,21.24639506953125,-2.13742966165625,21.49158666953125Q-2.14947509765625,21.73677636953125,-2.14947509765625,21.98226276953125Q-2.14947509765625,22.22774876953125,-2.13742966165625,22.47293976953125Q-2.12538422665625,22.718129769531252,-2.10132237165625,22.96243476953125Q-2.07726052365625,23.20673776953125,-2.04124022765625,23.449566769531252Q-2.00521991765625,23.692394769531248,-1.95732794765625,23.933164769531253Q-1.90943598765625,24.17393276953125,-1.84978767765625,24.41206276953125Q-1.79013940765625,24.65019176953125,-1.71887850765625,24.885107769531253Q-1.64761763765625,25.12002376953125,-1.56491589765625,25.35115976953125Q-1.4822140976562501,25.582294769531252,-1.38827061765625,25.80909476953125Q-1.29432713765625,26.03589476953125,-1.18936818765625,26.25781076953125Q-1.08440939765625,26.47972776953125,-0.9686878976562501,26.696227769531248Q-0.8529664976562501,26.91272776953125,-0.72676149765625,27.123286769531248Q-0.60055639765625,27.33384676953125,-0.46417169765625,27.53796176953125Q-0.3277868976562499,27.742076769531252,-0.18155099765624994,27.93925276953125Q-0.035314997656250124,28.13642876953125,0.12042000234374983,28.32619276953125Q0.27615450234375016,28.51595676953125,0.4410131023437498,28.69784976953125Q0.6058717023437499,28.87974176953125,0.7794566023437501,29.05332776953125Q0.9530416023437498,29.22691176953125,1.1349349023437498,29.39177176953125Q1.3168282023437499,29.55662876953125,1.50659180234375,29.71236576953125Q1.6963549023437499,29.86809876953125,1.8935308023437498,30.01433576953125Q2.09070730234375,30.16056976953125,2.29482170234375,30.29695476953125Q2.4989357023437497,30.43333776953125,2.7094965023437503,30.55954376953125Q2.92005730234375,30.68574876953125,3.1365566023437497,30.80147176953125Q3.3530560023437497,30.91719476953125,3.57497260234375,31.02215176953125Q3.79688930234375,31.12710976953125,4.02368930234375,31.22105376953125Q4.25048880234375,31.31499676953125,4.48162510234375,31.39769976953125Q4.71276090234375,31.48039976953125,4.94767710234375,31.55166276953125Q5.18259240234375,31.62292476953125,5.42072150234375,31.68257176953125Q5.65885070234375,31.74221976953125,5.89962010234375,31.79011176953125Q6.14038850234375,31.83800476953125,6.383217802343751,31.87402576953125Q6.626047102343749,31.91004576953125,6.87035180234375,31.93410876953125Q7.11465550234375,31.95817176953125,7.3598461023437505,31.97021676953125Q7.6050377023437505,31.98226176953125,7.850523902343751,31.98226176953125Q8.08035090234375,31.98226176953125,8.30993490234375,31.97170476953125Q8.53951790234375,31.96114576953125,8.76837490234375,31.94004976953125Q8.99723290234375,31.91895676953125,9.22487790234375,31.88736876953125Q9.45252390234375,31.85578176953125,9.67847890234375,31.81377076953125Q9.90443390234375,31.77175876953125,10.12821990234375,31.71940976953125Q10.35200690234375,31.66706276953125,10.57315190234375,31.60448876953125Q10.79429690234375,31.54191576953125,11.01233490234375,31.46924976953125Q11.23037190234375,31.39658376953125,11.44483990234375,31.31397676953125Q11.65930790234375,31.23136876953125,11.86975490234375,31.13899576953125Q12.08019990234375,31.04662176953125,12.28618090234375,30.94467776953125Q12.49216090234375,30.84273576953125,12.69324090234375,30.73143576953125Q12.89432090234375,30.62013576953125,13.09007490234375,30.49971776953125Q13.28582990234375,30.37929876953125,13.47584490234375,30.25001376953125Q13.66586090234375,30.12072776953125,13.84973490234375,29.98284876953125Q14.03361090234375,29.84497076953125,14.210958902343751,29.69879176953125Q14.388305902343749,29.55261276953125,14.558749902343749,29.39843976953125Q14.72919490234375,29.24426676953125,14.892375902343751,29.08242376953125Q15.05555690234375,28.92058176953125,15.211127902343751,28.75141476953125Q15.36670290234375,28.58224876953125,15.51434090234375,28.40611276953125Q15.661979902343749,28.22997876953125,15.80136890234375,28.04724676953125Q15.940757902343751,27.864515769531252,16.07160590234375,27.67557276953125Q16.20245390234375,27.48662976953125,16.32448190234375,27.29187376953125Q16.44651190234375,27.09712076953125,16.55946590234375,26.89696376953125Q16.67242090234375,26.69680976953125,16.77605790234375,26.49167776953125Q16.87969590234375,26.28654376953125,16.97380090234375,26.07686576953125Q17.06790590234375,25.86718776953125,17.15227690234375,25.65340676953125Q17.23664890234375,25.43962876953125,17.31111190234375,25.22219876953125Q17.38557390234375,25.00476876953125,17.44996990234375,24.784146769531247Q17.51436590234375,24.56352576953125,17.56855790234375,24.34017976953125Q17.62274890234375,24.11683276953125,17.66662190234375,23.891231769531252Q17.71049490234375,23.665631769531252,17.74395990234375,23.438254769531248Q17.77742190234375,23.21087676953125,17.80040390234375,22.98220076953125L7.26489930234375,22.98231776953125L9.55785990234375,25.27527776953125C9.74522390234375,25.46292476953125,9.85056490234375,25.71723876953125,9.85056490234375,25.98241276953125C9.85056490234375,26.53460876953125,9.40292090234375,26.98225276953125,8.85072490234375,26.98225276953125C8.58554990234375,26.98225276953125,8.33123590234375,26.876911769531247,8.14372990234375,26.68940576953125L4.14342980234375,22.68938876953125C3.75289010234375,22.29884776953125,3.75289010234375,21.66565796953125,4.14342980234375,21.27511786953125L8.14358890234375,17.27495906953125C8.33123690234375,17.08759406953125,8.58554990234375,16.98225406953125,8.85072490234375,16.98225406953125C9.40292090234375,16.98225406953125,9.85056490234375,17.42989776953125,9.85056490234375,17.98209376953125C9.85056490234375,18.24726776953125,9.74522390234375,18.50158116953125,9.55771790234375,18.68908736953125L7.26475140234375,20.982250169531248L17.80039590234375,20.982250169531248Z%22 fill-rule=%22evenodd%22 fill=%22%23D8D8D8%22 fill-opacity=%221%22 transform=%22matrix%280.7071067690849304,-0.7071067690849304,0.7071067690849304,0.7071067690849304,-9.102288848851458,1.9896082352715894%29%22/%3E%3C/g%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 xmlns:xlink=%22http://www.w3.org/1999/xlink%22 fill=%22none%22 version=%221.1%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22%3E%3Cdefs%3E%3CclipPath id=%22master_svg0_34_7034%22%3E%3Crect x=%220%22 y=%220%22 width=%2224%22 height=%2224%22 rx=%220%22/%3E%3C/clipPath%3E%3C/defs%3E%3Cg transform=%22matrix%280,1,1,0,0,0%29%22 clip-path=%22url%28%23master_svg0_34_7034%29%22%3E%3Cpath d=%22M17.80039590234375,20.982250169531248Q17.77741290234375,20.75357626953125,17.74394990234375,20.52619936953125Q17.71048590234375,20.29882236953125,17.66661090234375,20.07322406953125Q17.62273790234375,19.84762476953125,17.56854390234375,19.62427946953125Q17.51435090234375,19.40093416953125,17.44995490234375,19.18031406953125Q17.38555890234375,18.95969436953125,17.31109590234375,18.74226566953125Q17.23663090234375,18.52483746953125,17.15225790234375,18.31105896953125Q17.06788490234375,18.09728146953125,16.97377790234375,17.88760466953125Q16.87967290234375,17.67792896953125,16.77603290234375,17.47279736953125Q16.67239390234375,17.26766586953125,16.55944090234375,17.067512469531252Q16.44648790234375,16.86735866953125,16.32445490234375,16.67260546953125Q16.20242690234375,16.47785286953125,16.07157890234375,16.28891136953125Q15.940730902343748,16.09996986953125,15.801339902343749,15.91723966953125Q15.661948902343749,15.73450926953125,15.51431290234375,15.55837536953125Q15.36667590234375,15.38224176953125,15.21110190234375,15.213076369531251Q15.055528902343749,15.043911169531249,14.89234690234375,14.88207196953125Q14.72916790234375,14.72023246953125,14.55872390234375,14.566060569531249Q14.38827890234375,14.41188856953125,14.21093390234375,14.26570986953125Q14.03358690234375,14.11953116953125,13.84971090234375,13.98165416953125Q13.66583590234375,13.84377726953125,13.47582190234375,13.71449326953125Q13.28580790234375,13.585209369531249,13.09005390234375,13.46479126953125Q12.89430090234375,13.34437326953125,12.69321990234375,13.23307546953125Q12.49214190234375,13.12177776953125,12.28616190234375,13.01983536953125Q12.08018190234375,12.91789292953125,11.86973590234375,12.82552098953125Q11.65928990234375,12.73314904953125,11.44482190234375,12.65054267953125Q11.23035590234375,12.56793635953125,11.01232090234375,12.49527006953125Q10.79428390234375,12.42260375953125,10.57313890234375,12.36003094953125Q10.35199590234375,12.29745813953125,10.12820990234375,12.24511095953125Q9.90442590234375,12.19276377953125,9.67847290234375,12.150752779531249Q9.45251890234375,12.10874175953125,9.22487390234375,12.07715563453125Q8.99722890234375,12.04556950953125,8.76837190234375,12.02447495953125Q8.53951690234375,12.00338041053125,8.30993290234375,11.99282198853125Q8.08034990234375,11.98226356506325,7.850523902343751,11.98226356506325Q7.6050377023437505,11.98226356506325,7.3598461023437505,11.99430900153125Q7.11465550234375,12.00635443853125,6.87035180234375,12.03041629453125Q6.626047102343749,12.05447814653125,6.38321880234375,12.09049844953125Q6.14038850234375,12.12651875953125,5.89962010234375,12.17441072953125Q5.65885070234375,12.22230270953125,5.42072150234375,12.28195097953125Q5.18259240234375,12.34159928953125,4.94767710234375,12.41286015953125Q4.71276090234375,12.48412102953125,4.48162460234375,12.56682282953125Q4.25048880234375,12.64952456953125,4.02368930234375,12.74346810953125Q3.79688930234375,12.83741151953125,3.57497260234375,12.94237041953125Q3.3530560023437497,13.04732926953125,3.1365566023437497,13.16305076953125Q2.92005730234375,13.27877206953125,2.7094965023437503,13.40497736953125Q2.4989357023437497,13.53118226953125,2.29482170234375,13.66756726953125Q2.09070730234375,13.80395196953125,1.8935313023437503,13.95018806953125Q1.6963549023437499,14.096424069531249,1.50659180234375,14.25215886953125Q1.3168282023437499,14.40789366953125,1.1349349023437498,14.57275196953125Q0.9530416023437498,14.73761036953125,0.7794566023437501,14.91119546953125Q0.6058717023437499,15.08478046953125,0.4410131023437498,15.26667356953125Q0.27615450234375016,15.44856686953125,0.12042000234374983,15.638330469531251Q-0.035314997656250124,15.82809356953125,-0.1815508976562501,16.02526996953125Q-0.3277868976562499,16.22244646953125,-0.46417169765625,16.426560369531252Q-0.60055639765625,16.630674869531248,-0.72676159765625,16.84123516953125Q-0.8529664976562501,17.05179596953125,-0.9686879976562499,17.26829526953125Q-1.08440939765625,17.48479456953125,-1.1893682476562502,17.70671126953125Q-1.29432713765625,17.92862796953125,-1.38827061765625,18.15542796953125Q-1.4822140976562501,18.38222786953125,-1.56491589765625,18.61336376953125Q-1.64761769765625,18.84450006953125,-1.7188785376562499,19.079415769531252Q-1.79013943765625,19.31433106953125,-1.8497877076562501,19.55246016953125Q-1.90943598765625,19.79058936953125,-1.95732794765625,20.03135866953125Q-2.00521991765625,20.27212806953125,-2.04124022765625,20.51495746953125Q-2.07726052365625,20.75778676953125,-2.10132237165625,21.00209136953125Q-2.12538422665625,21.24639506953125,-2.13742966165625,21.49158666953125Q-2.14947509765625,21.73677636953125,-2.14947509765625,21.98226276953125Q-2.14947509765625,22.22774876953125,-2.13742966165625,22.47293976953125Q-2.12538422665625,22.718129769531252,-2.10132237165625,22.96243476953125Q-2.07726052365625,23.20673776953125,-2.04124022765625,23.449566769531252Q-2.00521991765625,23.692394769531248,-1.95732794765625,23.933164769531253Q-1.90943598765625,24.17393276953125,-1.84978767765625,24.41206276953125Q-1.79013940765625,24.65019176953125,-1.71887850765625,24.885107769531253Q-1.64761763765625,25.12002376953125,-1.56491589765625,25.35115976953125Q-1.4822140976562501,25.582294769531252,-1.38827061765625,25.80909476953125Q-1.29432713765625,26.03589476953125,-1.18936818765625,26.25781076953125Q-1.08440939765625,26.47972776953125,-0.9686878976562501,26.696227769531248Q-0.8529664976562501,26.91272776953125,-0.72676149765625,27.123286769531248Q-0.60055639765625,27.33384676953125,-0.46417169765625,27.53796176953125Q-0.3277868976562499,27.742076769531252,-0.18155099765624994,27.93925276953125Q-0.035314997656250124,28.13642876953125,0.12042000234374983,28.32619276953125Q0.27615450234375016,28.51595676953125,0.4410131023437498,28.69784976953125Q0.6058717023437499,28.87974176953125,0.7794566023437501,29.05332776953125Q0.9530416023437498,29.22691176953125,1.1349349023437498,29.39177176953125Q1.3168282023437499,29.55662876953125,1.50659180234375,29.71236576953125Q1.6963549023437499,29.86809876953125,1.8935308023437498,30.01433576953125Q2.09070730234375,30.16056976953125,2.29482170234375,30.29695476953125Q2.4989357023437497,30.43333776953125,2.7094965023437503,30.55954376953125Q2.92005730234375,30.68574876953125,3.1365566023437497,30.80147176953125Q3.3530560023437497,30.91719476953125,3.57497260234375,31.02215176953125Q3.79688930234375,31.12710976953125,4.02368930234375,31.22105376953125Q4.25048880234375,31.31499676953125,4.48162510234375,31.39769976953125Q4.71276090234375,31.48039976953125,4.94767710234375,31.55166276953125Q5.18259240234375,31.62292476953125,5.42072150234375,31.68257176953125Q5.65885070234375,31.74221976953125,5.89962010234375,31.79011176953125Q6.14038850234375,31.83800476953125,6.383217802343751,31.87402576953125Q6.626047102343749,31.91004576953125,6.87035180234375,31.93410876953125Q7.11465550234375,31.95817176953125,7.3598461023437505,31.97021676953125Q7.6050377023437505,31.98226176953125,7.850523902343751,31.98226176953125Q8.08035090234375,31.98226176953125,8.30993490234375,31.97170476953125Q8.53951790234375,31.96114576953125,8.76837490234375,31.94004976953125Q8.99723290234375,31.91895676953125,9.22487790234375,31.88736876953125Q9.45252390234375,31.85578176953125,9.67847890234375,31.81377076953125Q9.90443390234375,31.77175876953125,10.12821990234375,31.71940976953125Q10.35200690234375,31.66706276953125,10.57315190234375,31.60448876953125Q10.79429690234375,31.54191576953125,11.01233490234375,31.46924976953125Q11.23037190234375,31.39658376953125,11.44483990234375,31.31397676953125Q11.65930790234375,31.23136876953125,11.86975490234375,31.13899576953125Q12.08019990234375,31.04662176953125,12.28618090234375,30.94467776953125Q12.49216090234375,30.84273576953125,12.69324090234375,30.73143576953125Q12.89432090234375,30.62013576953125,13.09007490234375,30.49971776953125Q13.28582990234375,30.37929876953125,13.47584490234375,30.25001376953125Q13.66586090234375,30.12072776953125,13.84973490234375,29.98284876953125Q14.03361090234375,29.84497076953125,14.210958902343751,29.69879176953125Q14.388305902343749,29.55261276953125,14.558749902343749,29.39843976953125Q14.72919490234375,29.24426676953125,14.892375902343751,29.08242376953125Q15.05555690234375,28.92058176953125,15.211127902343751,28.75141476953125Q15.36670290234375,28.58224876953125,15.51434090234375,28.40611276953125Q15.661979902343749,28.22997876953125,15.80136890234375,28.04724676953125Q15.940757902343751,27.864515769531252,16.07160590234375,27.67557276953125Q16.20245390234375,27.48662976953125,16.32448190234375,27.29187376953125Q16.44651190234375,27.09712076953125,16.55946590234375,26.89696376953125Q16.67242090234375,26.69680976953125,16.77605790234375,26.49167776953125Q16.87969590234375,26.28654376953125,16.97380090234375,26.07686576953125Q17.06790590234375,25.86718776953125,17.15227690234375,25.65340676953125Q17.23664890234375,25.43962876953125,17.31111190234375,25.22219876953125Q17.38557390234375,25.00476876953125,17.44996990234375,24.784146769531247Q17.51436590234375,24.56352576953125,17.56855790234375,24.34017976953125Q17.62274890234375,24.11683276953125,17.66662190234375,23.891231769531252Q17.71049490234375,23.665631769531252,17.74395990234375,23.438254769531248Q17.77742190234375,23.21087676953125,17.80040390234375,22.98220076953125L7.26489930234375,22.98231776953125L9.55785990234375,25.27527776953125C9.74522390234375,25.46292476953125,9.85056490234375,25.71723876953125,9.85056490234375,25.98241276953125C9.85056490234375,26.53460876953125,9.40292090234375,26.98225276953125,8.85072490234375,26.98225276953125C8.58554990234375,26.98225276953125,8.33123590234375,26.876911769531247,8.14372990234375,26.68940576953125L4.14342980234375,22.68938876953125C3.75289010234375,22.29884776953125,3.75289010234375,21.66565796953125,4.14342980234375,21.27511786953125L8.14358890234375,17.27495906953125C8.33123690234375,17.08759406953125,8.58554990234375,16.98225406953125,8.85072490234375,16.98225406953125C9.40292090234375,16.98225406953125,9.85056490234375,17.42989776953125,9.85056490234375,17.98209376953125C9.85056490234375,18.24726776953125,9.74522390234375,18.50158116953125,9.55771790234375,18.68908736953125L7.26475140234375,20.982250169531248L17.80039590234375,20.982250169531248Z%22 fill-rule=%22evenodd%22 fill=%22%23D8D8D8%22 fill-opacity=%221%22 transform=%22matrix%280.7071067690849304,-0.7071067690849304,0.7071067690849304,0.7071067690849304,-9.102288848851458,1.9896082352715894%29%22/%3E%3C/g%3E%3C/svg%3E")} .migration-metric__trend-icon--down{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 xmlns:xlink=%22http://www.w3.org/1999/xlink%22 fill=%22none%22 version=%221.1%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22%3E%3Cdefs%3E%3CclipPath id=%22master_svg0_34_7008%22%3E%3Crect x=%2224%22 y=%220%22 width=%2224%22 height=%2224%22 rx=%220%22/%3E%3C/clipPath%3E%3C/defs%3E%3Cg transform=%22matrix%280,1,-1,0,24,-24%29%22 clip-path=%22url%28%23master_svg0_34_7008%29%22%3E%3Cpath d=%22M70.04924023437499,21.01763626015625Q70.026256234375,20.788963360156252,69.992794234375,20.561586360156248Q69.959329234375,20.334209460156252,69.915455234375,20.10860916015625Q69.871582234375,19.88300996015625,69.817388234375,19.65966466015625Q69.763195234375,19.43631936015625,69.698799234375,19.21569876015625Q69.634403234375,18.99507906015625,69.559938234375,18.77764986015625Q69.48547323437501,18.56022116015625,69.40110023437501,18.34644266015625Q69.316726234375,18.13266466015625,69.222622234375,17.92298846015625Q69.128517234375,17.71331216015625,69.02487923437499,17.50818016015625Q68.921240234375,17.30304816015625,68.808286234375,17.10289426015625Q68.695331234375,16.90274046015625,68.573303234375,16.70798726015625Q68.45127323437501,16.51323416015625,68.320425234375,16.32429266015625Q68.18957723437501,16.13535166015625,68.050188234375,15.95262076015625Q67.910797234375,15.76989006015625,67.763160234375,15.59375596015625Q67.61552223437499,15.41762206015625,67.459947234375,15.24845646015625Q67.304374234375,15.079291060156251,67.141193234375,14.91745136015625Q66.978012234375,14.75561186015625,66.807567234375,14.60143976015625Q66.637123234375,14.44726756015625,66.459778234375,14.30108876015625Q66.282432234375,14.15490986015625,66.098556234375,14.01703266015625Q65.914682234375,13.87915566015625,65.72466623437501,13.74987136015625Q65.534652234375,13.62058726015625,65.338898234375,13.50016906015625Q65.143144234375,13.37975086015625,64.942066234375,13.26845286015625Q64.740986234375,13.15715506015625,64.535005234375,13.05521236015625Q64.329027234375,12.95326978015625,64.118581234375,12.86089772015625Q63.908135234375,12.76852572015625,63.693667234375,12.68591923015625Q63.479200234375,12.60331273015625,63.261164234375,12.53064632015625Q63.043128234375004,12.45797998015625,62.821983234375,12.39540705015625Q62.600839234375,12.33283418015625,62.377054234375,12.28048694015625Q62.153269234375,12.22813970015625,61.927315234375,12.18612862015625Q61.701362234375,12.14411755015625,61.473717234375,12.11253137915625Q61.246072234375,12.08094519415625,61.017215234375,12.05985061415625Q60.788359234375,12.03875603515625,60.558776234375,12.02819759815625Q60.329192234375,12.01763916015625,60.099365234375,12.01763916015625Q59.853878934375004,12.01763916015625,59.608688334375,12.02968459715625Q59.363497734375,12.04173003315625,59.119194034375,12.06579189015625Q58.874889334375,12.08985374115625,58.632060034375,12.12587404015625Q58.389230734375,12.16189435015625,58.148461334375,12.20978633015625Q57.907691934375,12.25767830015625,57.669562334375,12.31732658015625Q57.431433634375,12.37697488015625,57.196518434375,12.44823575015625Q56.961602234375,12.51949662015625,56.730466334375,12.60219842015625Q56.499330034375,12.68490016015625,56.272530534375,12.77884370015625Q56.045730634375,12.87278724015625,55.823814434375,12.97774607015625Q55.601897234375,13.08270506015625,55.385397934375,13.19842636015625Q55.168898534375,13.31414776015625,54.958337734375,13.44035296015625Q54.747777034375,13.56655786015625,54.543662534375,13.70294276015625Q54.339548134375,13.83932756015625,54.142371634375,13.98556356015625Q53.945195634375,14.13179966015625,53.755432134375,14.28753446015625Q53.565668534375,14.44326926015625,53.383775234375,14.60812756015625Q53.201882134375,14.77298616015625,53.028297234375,14.94657116015625Q52.854712234375,15.12015606015625,52.689853634375,15.30204916015625Q52.524995334375,15.48394276015625,52.369260534375,15.67370626015625Q52.213525734375,15.86346956015625,52.067289634375,16.06064606015625Q51.921053634375,16.25782206015625,51.784668834375,16.46193646015625Q51.648283934375,16.666050960156248,51.522078734375,16.87661166015625Q51.395873834375,17.08717246015625,51.280152434375,17.30367186015625Q51.164431134375,17.520171160156252,51.059472144375,17.74208736015625Q50.954513314375,17.96400456015625,50.860569774375,18.190803960156252Q50.766626234375,18.41760346015625,50.683924434375,18.64873986015625Q50.601222694375,18.87987616015625,50.529961824375,19.11479236015625Q50.458700954375,19.34970806015625,50.399052684375,19.58783726015625Q50.339404374375,19.82596686015625,50.291512404375,20.066736260156247Q50.243620424375,20.307504660156248,50.207600114375,20.55033396015625Q50.171579815375,20.79316326015625,50.147517964375,21.03746796015625Q50.123456107375,21.281771660156252,50.111410671375,21.52696226015625Q50.099365234375,21.77215286015625,50.099365234375,22.01763916015625Q50.099365234375,22.26312516015625,50.111410671375,22.508316160156248Q50.123456107375,22.75350716015625,50.147517964375,22.99781116015625Q50.171579815375,23.24211516015625,50.207600114375,23.48494316015625Q50.243620424375,23.72777216015625,50.291512404375,23.96854216015625Q50.339404374375,24.20931016015625,50.399052654375,24.447440160156248Q50.458700954375,24.68557016015625,50.529961824375,24.92048516015625Q50.601222694375,25.155401160156252,50.683924494375,25.38653716015625Q50.766626234375,25.61767216015625,50.860569774375,25.84447216015625Q50.954513314375,26.071272160156248,51.059472144375,26.293188160156248Q51.164431134375,26.51510516015625,51.280152434375,26.73160516015625Q51.395873834375,26.94810516015625,51.522079034375,27.15866516015625Q51.648283934375,27.36922416015625,51.784668834375,27.57333916015625Q51.921053634375,27.77745416015625,52.067289634375,27.974630160156252Q52.213525734375,28.17180616015625,52.369260534375,28.36157016015625Q52.524995334375,28.55133416015625,52.689853634375,28.73322716015625Q52.854712234375,28.91512116015625,53.028297234375,29.08870716015625Q53.201882134375,29.26229116015625,53.383775234375,29.42715116015625Q53.565668834375,29.59201016015625,53.755432334375,29.74774516015625Q53.945195634375,29.90348016015625,54.142372134375,30.04971516015625Q54.339548134375,30.19594916015625,54.543662534375,30.33233416015625Q54.747777034375,30.46871916015625,54.958337734375,30.59492516015625Q55.168898534375,30.72113016015625,55.385397934375,30.83685116015625Q55.601897234375,30.95257216015625,55.823813434375,31.05753116015625Q56.045730634375,31.16249116015625,56.272530034375,31.25643316015625Q56.499329534375,31.35037616015625,56.730465934375,31.43307916015625Q56.961602234375,31.51578116015625,57.196518434375,31.58704216015625Q57.431434134375,31.65830216015625,57.669563334375,31.71795316015625Q57.907692934375,31.77759916015625,58.148462334375,31.82549316015625Q58.389230734375,31.87338416015625,58.632060034375,31.90940516015625Q58.874889334375,31.94542716015625,59.119194034375,31.96948816015625Q59.363497734375,31.99354916015625,59.608688334375,32.00559416015625Q59.853878934375004,32.01763916015625,60.099365234375,32.01763916015625Q60.329193234375,32.01763916015625,60.558777234375,32.00708216015625Q60.788360234375,31.99652316015625,61.017217234374996,31.97542716015625Q61.246074234375,31.95433416015625,61.473720234375,31.92274616015625Q61.701366234375,31.89115916015625,61.927321234375,31.84914816015625Q62.153276234375,31.80713616015625,62.377062234375,31.75478716015625Q62.600847234374996,31.70244016015625,62.821992234375,31.63986616015625Q63.043138234375,31.57729316015625,63.261175234375,31.50462716015625Q63.479212234375,31.43196116015625,63.693680234375,31.34935416015625Q63.908148234375,31.26674616015625,64.118595234375,31.17437316015625Q64.329040234375,31.08200116015625,64.535021234375,30.98005716015625Q64.741002234375,30.87811316015625,64.942082234375,30.76681516015625Q65.143162234375,30.65551716015625,65.338916234375,30.53509716015625Q65.534670234375,30.41467816015625,65.724685234375,30.28539516015625Q65.91469923437501,30.15610916015625,66.09857423437501,30.01823016015625Q66.28244923437501,29.88035216015625,66.459797234375,29.73417316015625Q66.637144234375,29.58799316015625,66.807588234375,29.43382116015625Q66.978031234375,29.27964816015625,67.141212234375,29.11780716015625Q67.304394234375,28.95596716015625,67.459966234375,28.78679816015625Q67.615541234375,28.61763416015625,67.763178234375,28.44149816015625Q67.910816234375,28.26536216015625,68.050205234375,28.08263016015625Q68.189594234375,27.899898160156248,68.32044223437501,27.71095516015625Q68.451290234375,27.52201316015625,68.573320234375,27.32725716015625Q68.695350234375,27.13250316015625,68.808304234375,26.93234916015625Q68.92125723437499,26.73219416015625,69.024896234375,26.52706116015625Q69.128534234375,26.32192816015625,69.222639234375,26.11225016015625Q69.316744234375,25.90257216015625,69.401117234375,25.68879216015625Q69.485489234375,25.47501416015625,69.559952234375,25.25758316015625Q69.634414234375,25.04015316015625,69.698810234375,24.81953216015625Q69.763206234375,24.59891116015625,69.81739823437499,24.37556416015625Q69.871589234375,24.152218160156252,69.915462234375,23.926617160156248Q69.959335234375,23.701017160156248,69.992800234375,23.47364016015625Q70.026262234375,23.24626116015625,70.049244234375,23.01758716015625L59.513739634375,23.01770416015625L61.806700234375,25.31066416015625C61.994065234375,25.49831116015625,62.099405234375,25.75262416015625,62.099405234375,26.01779816015625C62.099405234375,26.56999516015625,61.651762234375,27.01763916015625,61.099565234375,27.01763916015625C60.834390234375,27.01763916015625,60.580077234375,26.91229816015625,60.392570234375,26.72479116015625L56.392270134374996,22.72477316015625C56.001730434375,22.33423416015625,56.001730434375,21.70104406015625,56.392270134374996,21.31050296015625L60.392429234375,17.31034426015625C60.580078234375,17.122979160156248,60.834391234375,17.01763916015625,61.099565234375,17.01763916015625C61.651762234375,17.01763916015625,62.099405234375,17.46528296015625,62.099405234375,18.01747896015625C62.099405234375,18.28265286015625,61.994064234375,18.53696636015625,61.806558234375004,18.72447296015625L59.513591734375,21.01763626015625L70.04924023437499,21.01763626015625Z%22 fill-rule=%22evenodd%22 fill=%22%23D8D8D8%22 fill-opacity=%221%22 transform=%22matrix%28-0.7071067690849304,0.7071067690849304,-0.7071067690849304,-0.7071067690849304,94.02271951702642,-14.910207125361921%29%22/%3E%3C/g%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 xmlns:xlink=%22http://www.w3.org/1999/xlink%22 fill=%22none%22 version=%221.1%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22%3E%3Cdefs%3E%3CclipPath id=%22master_svg0_34_7008%22%3E%3Crect x=%2224%22 y=%220%22 width=%2224%22 height=%2224%22 rx=%220%22/%3E%3C/clipPath%3E%3C/defs%3E%3Cg transform=%22matrix%280,1,-1,0,24,-24%29%22 clip-path=%22url%28%23master_svg0_34_7008%29%22%3E%3Cpath d=%22M70.04924023437499,21.01763626015625Q70.026256234375,20.788963360156252,69.992794234375,20.561586360156248Q69.959329234375,20.334209460156252,69.915455234375,20.10860916015625Q69.871582234375,19.88300996015625,69.817388234375,19.65966466015625Q69.763195234375,19.43631936015625,69.698799234375,19.21569876015625Q69.634403234375,18.99507906015625,69.559938234375,18.77764986015625Q69.48547323437501,18.56022116015625,69.40110023437501,18.34644266015625Q69.316726234375,18.13266466015625,69.222622234375,17.92298846015625Q69.128517234375,17.71331216015625,69.02487923437499,17.50818016015625Q68.921240234375,17.30304816015625,68.808286234375,17.10289426015625Q68.695331234375,16.90274046015625,68.573303234375,16.70798726015625Q68.45127323437501,16.51323416015625,68.320425234375,16.32429266015625Q68.18957723437501,16.13535166015625,68.050188234375,15.95262076015625Q67.910797234375,15.76989006015625,67.763160234375,15.59375596015625Q67.61552223437499,15.41762206015625,67.459947234375,15.24845646015625Q67.304374234375,15.079291060156251,67.141193234375,14.91745136015625Q66.978012234375,14.75561186015625,66.807567234375,14.60143976015625Q66.637123234375,14.44726756015625,66.459778234375,14.30108876015625Q66.282432234375,14.15490986015625,66.098556234375,14.01703266015625Q65.914682234375,13.87915566015625,65.72466623437501,13.74987136015625Q65.534652234375,13.62058726015625,65.338898234375,13.50016906015625Q65.143144234375,13.37975086015625,64.942066234375,13.26845286015625Q64.740986234375,13.15715506015625,64.535005234375,13.05521236015625Q64.329027234375,12.95326978015625,64.118581234375,12.86089772015625Q63.908135234375,12.76852572015625,63.693667234375,12.68591923015625Q63.479200234375,12.60331273015625,63.261164234375,12.53064632015625Q63.043128234375004,12.45797998015625,62.821983234375,12.39540705015625Q62.600839234375,12.33283418015625,62.377054234375,12.28048694015625Q62.153269234375,12.22813970015625,61.927315234375,12.18612862015625Q61.701362234375,12.14411755015625,61.473717234375,12.11253137915625Q61.246072234375,12.08094519415625,61.017215234375,12.05985061415625Q60.788359234375,12.03875603515625,60.558776234375,12.02819759815625Q60.329192234375,12.01763916015625,60.099365234375,12.01763916015625Q59.853878934375004,12.01763916015625,59.608688334375,12.02968459715625Q59.363497734375,12.04173003315625,59.119194034375,12.06579189015625Q58.874889334375,12.08985374115625,58.632060034375,12.12587404015625Q58.389230734375,12.16189435015625,58.148461334375,12.20978633015625Q57.907691934375,12.25767830015625,57.669562334375,12.31732658015625Q57.431433634375,12.37697488015625,57.196518434375,12.44823575015625Q56.961602234375,12.51949662015625,56.730466334375,12.60219842015625Q56.499330034375,12.68490016015625,56.272530534375,12.77884370015625Q56.045730634375,12.87278724015625,55.823814434375,12.97774607015625Q55.601897234375,13.08270506015625,55.385397934375,13.19842636015625Q55.168898534375,13.31414776015625,54.958337734375,13.44035296015625Q54.747777034375,13.56655786015625,54.543662534375,13.70294276015625Q54.339548134375,13.83932756015625,54.142371634375,13.98556356015625Q53.945195634375,14.13179966015625,53.755432134375,14.28753446015625Q53.565668534375,14.44326926015625,53.383775234375,14.60812756015625Q53.201882134375,14.77298616015625,53.028297234375,14.94657116015625Q52.854712234375,15.12015606015625,52.689853634375,15.30204916015625Q52.524995334375,15.48394276015625,52.369260534375,15.67370626015625Q52.213525734375,15.86346956015625,52.067289634375,16.06064606015625Q51.921053634375,16.25782206015625,51.784668834375,16.46193646015625Q51.648283934375,16.666050960156248,51.522078734375,16.87661166015625Q51.395873834375,17.08717246015625,51.280152434375,17.30367186015625Q51.164431134375,17.520171160156252,51.059472144375,17.74208736015625Q50.954513314375,17.96400456015625,50.860569774375,18.190803960156252Q50.766626234375,18.41760346015625,50.683924434375,18.64873986015625Q50.601222694375,18.87987616015625,50.529961824375,19.11479236015625Q50.458700954375,19.34970806015625,50.399052684375,19.58783726015625Q50.339404374375,19.82596686015625,50.291512404375,20.066736260156247Q50.243620424375,20.307504660156248,50.207600114375,20.55033396015625Q50.171579815375,20.79316326015625,50.147517964375,21.03746796015625Q50.123456107375,21.281771660156252,50.111410671375,21.52696226015625Q50.099365234375,21.77215286015625,50.099365234375,22.01763916015625Q50.099365234375,22.26312516015625,50.111410671375,22.508316160156248Q50.123456107375,22.75350716015625,50.147517964375,22.99781116015625Q50.171579815375,23.24211516015625,50.207600114375,23.48494316015625Q50.243620424375,23.72777216015625,50.291512404375,23.96854216015625Q50.339404374375,24.20931016015625,50.399052654375,24.447440160156248Q50.458700954375,24.68557016015625,50.529961824375,24.92048516015625Q50.601222694375,25.155401160156252,50.683924494375,25.38653716015625Q50.766626234375,25.61767216015625,50.860569774375,25.84447216015625Q50.954513314375,26.071272160156248,51.059472144375,26.293188160156248Q51.164431134375,26.51510516015625,51.280152434375,26.73160516015625Q51.395873834375,26.94810516015625,51.522079034375,27.15866516015625Q51.648283934375,27.36922416015625,51.784668834375,27.57333916015625Q51.921053634375,27.77745416015625,52.067289634375,27.974630160156252Q52.213525734375,28.17180616015625,52.369260534375,28.36157016015625Q52.524995334375,28.55133416015625,52.689853634375,28.73322716015625Q52.854712234375,28.91512116015625,53.028297234375,29.08870716015625Q53.201882134375,29.26229116015625,53.383775234375,29.42715116015625Q53.565668834375,29.59201016015625,53.755432334375,29.74774516015625Q53.945195634375,29.90348016015625,54.142372134375,30.04971516015625Q54.339548134375,30.19594916015625,54.543662534375,30.33233416015625Q54.747777034375,30.46871916015625,54.958337734375,30.59492516015625Q55.168898534375,30.72113016015625,55.385397934375,30.83685116015625Q55.601897234375,30.95257216015625,55.823813434375,31.05753116015625Q56.045730634375,31.16249116015625,56.272530034375,31.25643316015625Q56.499329534375,31.35037616015625,56.730465934375,31.43307916015625Q56.961602234375,31.51578116015625,57.196518434375,31.58704216015625Q57.431434134375,31.65830216015625,57.669563334375,31.71795316015625Q57.907692934375,31.77759916015625,58.148462334375,31.82549316015625Q58.389230734375,31.87338416015625,58.632060034375,31.90940516015625Q58.874889334375,31.94542716015625,59.119194034375,31.96948816015625Q59.363497734375,31.99354916015625,59.608688334375,32.00559416015625Q59.853878934375004,32.01763916015625,60.099365234375,32.01763916015625Q60.329193234375,32.01763916015625,60.558777234375,32.00708216015625Q60.788360234375,31.99652316015625,61.017217234374996,31.97542716015625Q61.246074234375,31.95433416015625,61.473720234375,31.92274616015625Q61.701366234375,31.89115916015625,61.927321234375,31.84914816015625Q62.153276234375,31.80713616015625,62.377062234375,31.75478716015625Q62.600847234374996,31.70244016015625,62.821992234375,31.63986616015625Q63.043138234375,31.57729316015625,63.261175234375,31.50462716015625Q63.479212234375,31.43196116015625,63.693680234375,31.34935416015625Q63.908148234375,31.26674616015625,64.118595234375,31.17437316015625Q64.329040234375,31.08200116015625,64.535021234375,30.98005716015625Q64.741002234375,30.87811316015625,64.942082234375,30.76681516015625Q65.143162234375,30.65551716015625,65.338916234375,30.53509716015625Q65.534670234375,30.41467816015625,65.724685234375,30.28539516015625Q65.91469923437501,30.15610916015625,66.09857423437501,30.01823016015625Q66.28244923437501,29.88035216015625,66.459797234375,29.73417316015625Q66.637144234375,29.58799316015625,66.807588234375,29.43382116015625Q66.978031234375,29.27964816015625,67.141212234375,29.11780716015625Q67.304394234375,28.95596716015625,67.459966234375,28.78679816015625Q67.615541234375,28.61763416015625,67.763178234375,28.44149816015625Q67.910816234375,28.26536216015625,68.050205234375,28.08263016015625Q68.189594234375,27.899898160156248,68.32044223437501,27.71095516015625Q68.451290234375,27.52201316015625,68.573320234375,27.32725716015625Q68.695350234375,27.13250316015625,68.808304234375,26.93234916015625Q68.92125723437499,26.73219416015625,69.024896234375,26.52706116015625Q69.128534234375,26.32192816015625,69.222639234375,26.11225016015625Q69.316744234375,25.90257216015625,69.401117234375,25.68879216015625Q69.485489234375,25.47501416015625,69.559952234375,25.25758316015625Q69.634414234375,25.04015316015625,69.698810234375,24.81953216015625Q69.763206234375,24.59891116015625,69.81739823437499,24.37556416015625Q69.871589234375,24.152218160156252,69.915462234375,23.926617160156248Q69.959335234375,23.701017160156248,69.992800234375,23.47364016015625Q70.026262234375,23.24626116015625,70.049244234375,23.01758716015625L59.513739634375,23.01770416015625L61.806700234375,25.31066416015625C61.994065234375,25.49831116015625,62.099405234375,25.75262416015625,62.099405234375,26.01779816015625C62.099405234375,26.56999516015625,61.651762234375,27.01763916015625,61.099565234375,27.01763916015625C60.834390234375,27.01763916015625,60.580077234375,26.91229816015625,60.392570234375,26.72479116015625L56.392270134374996,22.72477316015625C56.001730434375,22.33423416015625,56.001730434375,21.70104406015625,56.392270134374996,21.31050296015625L60.392429234375,17.31034426015625C60.580078234375,17.122979160156248,60.834391234375,17.01763916015625,61.099565234375,17.01763916015625C61.651762234375,17.01763916015625,62.099405234375,17.46528296015625,62.099405234375,18.01747896015625C62.099405234375,18.28265286015625,61.994064234375,18.53696636015625,61.806558234375004,18.72447296015625L59.513591734375,21.01763626015625L70.04924023437499,21.01763626015625Z%22 fill-rule=%22evenodd%22 fill=%22%23D8D8D8%22 fill-opacity=%221%22 transform=%22matrix%28-0.7071067690849304,0.7071067690849304,-0.7071067690849304,-0.7071067690849304,94.02271951702642,-14.910207125361921%29%22/%3E%3C/g%3E%3C/svg%3E")} .migration-page .is-up{color:var(--status-danger)} .migration-page .is-down{color:var(--status-success)} /* 2026-08-17 V4 资产总览标题问号：hover 显示指标构成说明。 */ .migration-section-title{position:relative} /* 2026-08-19 卡片标题右侧的问号：标题与问号包在 .migration-card-heading 里， 问号与标题间距 6px（与区块标题的 gap 一致）。区块标题里的问号带 -8px 负边距， 是为了抵消「（2026年7月）」这类全角括号自带的空隙，卡片标题没有括号，不需要负边距。 */ .migration-card-heading{ display:flex; align-items:center; gap:var(--migration-spacer-6); min-width:0; position:relative; } .migration-card-heading .migration-title-help{ display:inline-flex; width:16px; height:16px; flex:0 0 auto; align-items:center; justify-content:center; padding:0; color:var(--text-disabled); font-family:Arial,sans-serif; font-size:11px; font-weight:var(--font-weight-medium); line-height:1; background:transparent; border:1px solid currentColor; border-radius:var(--radius-full); cursor:help; } .migration-card-heading .migration-title-help:hover, .migration-card-heading .migration-title-help:focus-visible{ color:var(--brand-primary); outline:0; } /* 卡片标题的气泡挂在 .migration-card-heading 上，左对齐到问号所在的行首 */ .migration-title-help__tooltip--card{ top:calc(100% + 8px); left:0; } .migration-section-title .migration-title-help{ display:inline-flex; width:16px; height:16px; flex:0 0 auto; align-items:center; justify-content:center; margin-left:calc(var(--spacer-8) * -1); padding:0; color:var(--text-disabled); font-family:Arial,sans-serif; font-size:11px; font-weight:var(--font-weight-medium); line-height:1; background:transparent; border:1px solid currentColor; border-radius:var(--radius-full); cursor:help; } .migration-section-title .migration-title-help:hover, .migration-section-title .migration-title-help:focus-visible{ color:var(--brand-primary); outline:0; } .migration-title-help__tooltip{ position:absolute; top:calc(100% + 6px); left:var(--spacer-20); z-index:8; box-sizing:border-box; width:440px; max-width:calc(100vw - 80px); padding:var(--spacer-16); color:var(--text-regular); font-family:var(--font-family-default); font-size:13px; font-weight:var(--font-weight-default); line-height:20px; background:var(--bg-container); border:1px solid var(--border-split); border-radius:var(--migration-inner-card-radius); box-shadow:var(--shadow-float); opacity:0; visibility:hidden; pointer-events:none; transform:translateY(-4px); transition:opacity .16s ease,transform .16s ease,visibility .16s ease; } .migration-title-help:hover+.migration-title-help__tooltip, .migration-title-help:focus-visible+.migration-title-help__tooltip, .migration-title-help__tooltip:hover{ opacity:1; visibility:visible; pointer-events:auto; transform:translateY(0); } .migration-page .migration-card{background:transparent;border-radius:0} .migration-page .migration-card .mb-content-section__title{font-size:var(--migration-heading-subsection-font-size)} .migration-title-actions{display:flex;align-items:center;gap:var(--spacer-16)} .migration-title-actions .mb-field__label::after{content:none} .migration-title-actions .mb-select{width:150px} #composition-vehicle-select .mb-select__option[hidden]{display:none} .migration-action-tag{color:var(--brand-primary);background:var(--brand-primary-a10);border-color:transparent} /* 2026-08-18 V5 删除：这两条按位置写死的宽度是给旧结构（本品/资产范围/分割线/竞品/资产范围 共 5 个 .mb-field）准备的。合并成"本品及范围""竞品及范围"两组后 nth-child(5) 已不存在，nth-child(2) 会误中 第二组，且特异度比 .migration-field-group 那条高一级，导致两组宽度不一致。宽度统一由下方组内规则给。 */ .migration-title-actions .mb-field__label{color:var(--text-default)} /* 2026-08-17 V4 重合筛选：本品与竞品之间竖线分隔；label 与组件间距 8px，对齐头部卡片。 */ .migration-title-actions .mb-field{gap:var(--spacer-8)} .migration-filter-divider{width:1px;height:16px;flex:0 0 auto;background:var(--migration-chart-grid-line)} .migration-title-actions .mb-select__trigger,.migration-title-actions .mb-select.has-value .mb-select__trigger{color:var(--text-default);border-color:var(--border-control)} .migration-title-actions .mb-select__caret{color:var(--text-default)} .migration-title-actions .mb-select__trigger:hover,.migration-title-actions .mb-select.is-open .mb-select__trigger{border-color:var(--brand-primary)} .migration-detail-control{display:flex;align-items:center;gap:var(--spacer-16)} .migration-title-actions__divider{width:1px;height:16px;flex:0 0 auto;background:var(--migration-chart-grid-line)} .migration-chart-actions{display:flex;height:var(--control-height-md);align-items:center} .migration-page .migration-title-actions .migration-data-button{color:var(--text-default);background:var(--bg-container);border-color:transparent;box-shadow:none} .migration-page .migration-title-actions .migration-data-button:hover{color:var(--brand-primary);background:var(--bg-container);border-color:transparent} .migration-download-button{display:inline-flex;align-items:center;justify-content:center;width:var(--control-height-md);height:var(--control-height-md);padding:0;color:var(--text-default);background:transparent;border:0;border-radius:var(--radius-control);cursor:pointer} .migration-download-button .mb-icon{width:var(--control-height-md);height:var(--control-height-md)} .migration-download-button .mb-icon--download{background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2232%22 height=%2232%22 viewBox=%220 0 32 32%22 fill=%22none%22%3E %3Cpath d=%22M16 7.5v11m0 0-4.5-4.5m4.5 4.5 4.5-4.5M8.5 22v2.5h15V22%22 stroke=%22%236F7A91%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22/%3E %3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2232%22 height=%2232%22 viewBox=%220 0 32 32%22 fill=%22none%22%3E %3Cpath d=%22M16 7.5v11m0 0-4.5-4.5m4.5 4.5 4.5-4.5M8.5 22v2.5h15V22%22 stroke=%22%236F7A91%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22/%3E %3C/svg%3E") center/contain no-repeat} .migration-download-button:hover{color:var(--brand-primary);background-color:var(--brand-primary-a06)} .migration-card+.migration-card{position:relative;margin-top:0;border-top:0} .migration-card+.migration-card::before{position:absolute;top:0;right:var(--spacer-20);left:var(--spacer-20);height:1px;background:var(--border-split);content:""} .migration-insight{display:flex;align-items:center;gap:var(--spacer-8);margin:var(--spacer-20) 0;padding:var(--spacer-12) var(--spacer-16);color:var(--text-default);font-size:var(--body-base-font-size);line-height:normal;background:var(--migration-gradient-insight-bar);border-radius:var(--migration-inner-card-radius)} .migration-insight__icon{width:54px;height:48px;flex:0 0 auto;margin:-15px -8px -15px -10px;object-fit:contain;filter:saturate(1.15) contrast(1.08) brightness(.96)} .migration-insight__label-image{display:none} .migration-checks{display:flex;align-items:center;flex-wrap:wrap;gap:var(--spacer-20);color:var(--text-regular);font-size:var(--body-caption-font-size)} .migration-checks .mb-checkbox__label{font-size:var(--body-caption-font-size)} .migration-chart-title{margin:var(--spacer-20) 0 0;color:var(--text-default);font-family:var(--font-family-default);font-size:var(--body-caption-font-size);font-weight:var(--font-weight-medium);line-height:var(--body-caption-line-height)} .migration-chart-title--first{margin-top:0} .migration-line-wrap+.migration-chart-title{margin-top:var(--spacer-32)} /* 2026-08-17 V4 去掉图表小标题。 */ .migration-chart-title{display:none} /* 2026-08-17 V4 本竞品模块两个图表恢复小标题。 */ #brand-line-title, #brand-bars-title{display:block} .migration-echart{width:100%;height:var(--migration-chart-height)} .migration-echart--stack,.migration-echart--flow,.migration-echart--brands,.migration-echart--overlap{height:320px} .migration-echart--flow{height:440px} .chart-expand{display:flex;align-items:center;justify-content:center;gap:var(--spacer-8);width:220px;height:18px;margin:0 auto;color:var(--text-secondary);font-size:10px;background:var(--bg-fill-light);border:0;cursor:pointer} .chart-expand span{transition:transform .2s} .chart-expand.is-open span{transform:rotate(180deg)} .migration-chart-detail__divider{height:1px;margin:var(--spacer-20) 0;background:var(--border-split)} .chart-data{border-radius:var(--migration-inner-card-radius)} .chart-data.mb-table{max-height:var(--migration-detail-table-max-height)} .migration-page .chart-data.mb-table .mb-table__native thead th{position:sticky;z-index:2;top:0;background:var(--migration-detail-table-header-bg)} .migration-page .chart-data.mb-table .mb-table__native tbody td{height:var(--migration-detail-table-row-height)} .chart-data.mb-table .mb-table__native td.is-alert{color:var(--status-danger);font-weight:var(--font-weight-medium)} /* 2026-08-17 V4 详情表涨幅不使用斜体。 */ .migration-page .chart-data.mb-table .mb-table__native em{font-style:normal} .migration-divider{height:1px;margin:var(--spacer-16) 0;background:var(--border-split)} .migration-line-wrap{position:relative} .migration-line{height:320px} .migration-brand-hover-arrow{position:absolute;z-index:3;top:calc(100% - 24px);left:0;width:32px;height:36px;background:var(--brand-primary-a10);clip-path:polygon(25% 0,75% 0,75% 42%,100% 42%,50% 100%,0 42%,25% 42%);opacity:0;pointer-events:none;transform:translateX(-50%);transition:opacity .12s ease} .migration-brand-hover-arrow.is-visible{opacity:1} .migration-summary{color:var(--text-default);font-size:var(--body-base-font-size);line-height:20px;background:var(--migration-gradient-summary-card);border-radius:var(--migration-inner-card-radius)} .migration-summary strong{display:block;color:var(--text-default);font-weight:var(--font-weight-medium)} .migration-summary p{margin:var(--spacer-4) 0 var(--spacer-12);color:var(--text-default)} .migration-summary p:last-child{margin-bottom:0} .migration-overlap-tooltip__venn{--venn-own-width:56%;--venn-rival-width:76%;position:relative;width:100%;height:88px;margin:var(--spacer-12) 0 var(--spacer-8)} .migration-overlap-tooltip__circle{position:absolute;top:0;display:flex;box-sizing:border-box;height:80px;align-items:center;justify-content:center;flex-direction:column;border:0;border-radius:24px;font-size:10px;line-height:16px} .migration-overlap-tooltip__circle strong{font-size:11px;font-weight:var(--font-weight-medium)} .migration-overlap-tooltip__circle--own{left:0;width:var(--venn-own-width);color:var(--chart-line-series-1);background:rgba(49,112,255,.18)} .migration-overlap-tooltip__circle--rival{right:0;width:var(--venn-rival-width);color:var(--migration-competitor-mix);background:rgba(255,122,69,.18)} .migration-overlap-tooltip__summary{padding:var(--spacer-8);text-align:center;background:rgba(152,117,162,.1);border-radius:var(--migration-control-radius)} .migration-overlap-tooltip__summary strong{display:block;font-weight:var(--font-weight-medium)} .migration-overlap-tooltip__rates{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacer-8);margin-top:var(--spacer-8);color:var(--text-regular);text-align:center} .migration-overlap-tooltip__rates span{padding:var(--spacer-4) var(--spacer-8);background:var(--bg-fill-light);border-radius:var(--migration-control-radius)} .migration-overlap-meta__group{margin-bottom:var(--spacer-12)} .migration-overlap-meta__group:last-child{margin-bottom:0} .migration-overlap-meta__title{font-size:14px;font-weight:var(--font-weight-medium);line-height:21px;margin-bottom:var(--spacer-16)} .migration-overlap-meta__row{display:grid;grid-template-columns:max-content 1fr;gap:var(--spacer-12);align-items:baseline;margin-top:var(--spacer-8)} .migration-overlap-meta__row span{color:var(--text-default);white-space:nowrap} .migration-overlap-meta__row strong{text-align:right;font-weight:var(--font-weight-default);white-space:nowrap} @media(max-width:1360px){.migration-metrics{grid-template-columns:repeat(5,minmax(0,1fr))}.migration-metric{padding:0 var(--spacer-12)}.migration-metric strong{font-size:20px}.migration-page .migration-card .mb-content-section__header{flex-wrap:wrap;row-gap:var(--spacer-12)}.migration-title-actions{width:100%;flex-wrap:wrap;justify-content:flex-start}} /* 2026-08-18 V5：页面布局规则 — 左右两侧固定间距 100px，Logo/顶导航/内容区统一对齐该基线。 */ .migration-page{--migration-page-gutter:100px} .migration-page .mb-task-page__brand{left:var(--migration-page-gutter)} .migration-page .mb-task-page__topnav{ left:calc(var(--migration-page-gutter) + var(--page-brand-logo-width) + var(--spacer-24)); width:calc(100% - (var(--migration-page-gutter) * 2 + var(--page-brand-logo-width) + var(--spacer-24))); } .migration-main{ display:grid; grid-template-columns:minmax(0,1fr); gap:var(--page-content-section-gap); width:calc(100% - (var(--migration-page-gutter) * 2)); /* 上外边距 = 固定顶栏高度(--page-shell-top) + 20px，即首张卡片与 logo 栏之间的留白。 原来是 32px，随 logo 栏从 72 收到 64 一并收紧一档。 */ margin:calc(var(--page-shell-top) + 20px) var(--migration-page-gutter) var(--page-gutter); } .migration-report-cover,.migration-main>.migration-block{grid-column:1} #summary{ box-sizing:border-box; overflow:hidden; background-color:var(--bg-container); border:2px solid var(--bg-container); } /* 锚点 tab 栏：改为 position:fixed 紧贴 logo 栏下沿，默认隐藏，头图（报告封面）滚出视口后才出现。 高度 56px = tab 36px + 下方 20px 留白，所以 align-items:flex-start 让 tab 贴在栏顶。 left/right 拉满是为了背景能盖住整条视口宽度、挡住下方滚过的内容；tab 本身靠 padding 对齐内容列。 背景与 body、logo 栏同一份（见文件顶部 --migration-page-bg-image），都是 attachment:fixed， 三层像素级对齐，滚动时看不出接缝。 隐藏用 visibility 而非 display:none —— JS 计算锚点滚动偏移时要读它的高度。 关键：背景放在 ::before 上、瞬时切换，不参与淡入；只有 __track（tab 本身）做淡入 + 位移。 之前把 opacity/transform 加在整个 nav 上，动画的 0.22s 里背景也是半透明的，下方滚过的内容会透出来， 再叠加 translateY(-6px) 让栏底边上移露出一条缝 —— 就是"中间闪一下"的成因。 背景与页面背景完全同源且视口对齐，所以它瞬时出现在视觉上是无感的，只有在需要遮挡内容时才起作用。 */ .migration-page .migration-anchor-nav{ box-sizing:border-box; position:fixed; z-index:calc(var(--z-sticky) - 1); top:var(--page-shell-top); left:0; right:0; display:flex; align-items:flex-start; width:auto; height:var(--migration-anchor-nav-height); margin:0; padding:0 var(--migration-page-gutter) 20px; background:none; border:0; border-radius:0; box-shadow:none; backdrop-filter:none; -webkit-backdrop-filter:none; visibility:hidden; pointer-events:none; } .migration-page .migration-anchor-nav::before{ position:absolute; z-index:0; inset:0; content:""; pointer-events:none; } .migration-page .migration-anchor-nav.is-stuck{ visibility:visible; pointer-events:auto; } .migration-anchor-nav__track{ position:relative; z-index:1; display:flex; height:auto; flex:0 0 auto; align-items:center; justify-content:flex-start; gap:var(--spacer-8); opacity:0; transform:translateY(-6px); transition:opacity .22s ease,transform .22s ease; } .migration-page .migration-anchor-nav.is-stuck .migration-anchor-nav__track{ opacity:1; transform:none; } .migration-anchor-nav>.migration-report-filters{z-index:1;flex:0 0 auto;gap:var(--spacer-12);margin-left:auto} .migration-anchor-nav .migration-report-filter{gap:var(--spacer-4)} .migration-anchor-nav .migration-report-filter .mb-select{width:120px} .migration-anchor-nav .migration-report-filter--competitor .mb-multiselect{width:160px} .migration-anchor-nav .migration-report-filter--date .mb-date-picker{width:220px} .migration-anchor-nav__item{display:inline-flex;height:32px;align-items:center;justify-content:center;gap:var(--spacer-8);min-width:0;padding:0 var(--spacer-12);color:var(--text-regular);font-family:var(--font-family-default);font-size:var(--body-base-font-size);font-weight:var(--font-weight-default);line-height:20px;background:transparent;border:0;border-radius:var(--migration-control-radius);cursor:pointer;transition:color .16s ease,background-color .16s ease} .migration-anchor-nav__item:hover{color:var(--nav-active);background:var(--brand-primary-a06)} .migration-anchor-nav__item:focus-visible{color:var(--nav-active);outline:2px solid var(--brand-primary-a20);outline-offset:-2px} .migration-anchor-nav__item.is-selected{color:var(--nav-active);font-weight:var(--font-weight-strong);background:var(--brand-primary-a10)} .migration-anchor-nav__item.is-selected .migration-nav-icon{background-color:transparent;background-image:var(--migration-icon-selected);background-position:center;background-size:contain;background-repeat:no-repeat;-webkit-mask:none;mask:none} /* 2026-08-13 V3 首屏概览：数据卡片居右，报告信息在左下与卡片底边对齐。 */ .migration-report-cover__content{ display:none; grid-template-columns:minmax(250px,.7fr) minmax(0,2.3fr); gap:var(--spacer-24); width:100%; margin-top:var(--spacer-16); align-items:end; } .migration-report-cover__metrics{ grid-column:2; grid-row:1; width:100%; max-width:1000px; margin-top:0; justify-self:end; } .migration-report-cover__meta{ grid-column:1; grid-row:1; display:flex; align-self:end; flex-direction:column; gap:var(--spacer-4); margin-top:0; color:var(--nav-default); transform:translateY(-8px); } /* 2026-08-19 原头图底图声明（report-hero-blue-circles.png）已删除： 它被后面的 .migration-report-cover{background:transparent} 整条覆盖，从未渲染。 封面现由页面背景光晕 + __surface 纹理 + __corner 插画三层构成。 */ .migration-report-cover__header{display:flex;min-height:192px;align-items:center;justify-content:center} .migration-report-cover__heading{width:100%;min-width:0;margin:0 auto;text-align:center} .migration-report-cover__title{margin:0;color:#fff;font-size:30px;font-weight:var(--font-weight-strong);line-height:42px;letter-spacing:1px;text-shadow:0 2px 8px rgba(13,58,153,.3)} .migration-report-cover__subtitle{display:flex;max-width:840px;align-items:center;justify-content:center;gap:var(--spacer-12);margin:var(--spacer-8) auto 0;color:rgba(255,255,255,.9);font-size:14px;line-height:22px;text-shadow:0 1px 4px rgba(13,58,153,.26)} .migration-report-cover__subtitle::before,.migration-report-cover__subtitle::after{display:none;content:none} .migration-report-cover .migration-report-filters{display:flex;width:min(100%,920px);max-width:none;align-items:center;justify-content:center;flex-wrap:wrap;gap:var(--spacer-16);margin:20px auto 0;padding-top:20px;border-top:1px solid rgba(255,255,255,.38)} .migration-report-cover .migration-report-filter{gap:var(--spacer-8);color:#fff} .migration-report-cover .migration-report-filter .mb-field__label{color:#fff;text-shadow:0 1px 4px rgba(13,58,153,.26)} /* 2026-08-17 18:15 按用户提供的桌面基准包（audience-migration-analysis-v4-preview 17:52 版）恢复头图筛选样式：白字 #fff + 半透明白 rgba(255,255,255,.16) + blur(10px) 毛玻璃（此前 18:14 误回落到通用深字规则，文字颜色不对，已纠正）。 */ .migration-report-cover .migration-report-filter .mb-select__trigger,.migration-report-cover .migration-report-filter .mb-select.has-value .mb-select__trigger,.migration-report-cover .migration-report-filter .mb-multiselect__trigger,.migration-report-cover .migration-report-filter .mb-multiselect.has-value .mb-multiselect__trigger,.migration-report-cover .migration-report-filter .mb-date-picker__trigger{color:#fff;background:rgba(255,255,255,.16);border-color:transparent;box-shadow:none;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)} .migration-report-cover .migration-report-filter .mb-select__value,.migration-report-cover .migration-report-filter .mb-select__caret,.migration-report-cover .migration-report-filter .mb-multiselect__caret,.migration-report-cover .migration-report-filter .mb-date-picker__value,.migration-report-cover .migration-report-filter .mb-date-picker__separator,.migration-report-cover .migration-report-filter .mb-date-picker__icon{color:#fff} .migration-report-cover .migration-report-filter .mb-multiselect__tag{color:#fff;background:rgba(255,255,255,.14)} .migration-report-cover .migration-report-filter .mb-multiselect__tag-remove{color:rgba(255,255,255,.72)} .migration-report-cover .migration-report-filter .mb-select__trigger:hover,.migration-report-cover .migration-report-filter .mb-select.is-open .mb-select__trigger,.migration-report-cover .migration-report-filter .mb-multiselect__trigger:hover,.migration-report-cover .migration-report-filter .mb-multiselect.is-open .mb-multiselect__trigger,.migration-report-cover .migration-report-filter .mb-date-picker__trigger:hover,.migration-report-cover .migration-report-filter .mb-date-picker.is-open .mb-date-picker__trigger{color:#fff;background:rgba(255,255,255,.22);border-color:transparent} .migration-report-cover .migration-report-filter--dimension .mb-select{width:120px} /* 2026-08-13 V3 数据卡片趋势：涨为红色，跌为绿色，右下随曲线增加柔和渐变。 */ .migration-page{ --migration-stat-up-glow:rgba(233,23,54,.14); --migration-stat-down-glow:rgba(26,196,93,.14); } .migration-report-stat{position:relative;overflow:hidden;isolation:isolate} .migration-report-stat::after{ position:absolute; z-index:0; right:-18%; bottom:-38%; width:78%; height:86%; filter:blur(16px); content:""; pointer-events:none; } .migration-report-stat.is-up::after{background:radial-gradient(ellipse at 72% 68%,rgba(233,23,54,.13) 0%,rgba(233,23,54,.06) 42%,rgba(233,23,54,0) 74%)} .migration-report-stat.is-down::after{background:radial-gradient(ellipse at 72% 68%,rgba(26,196,93,.13) 0%,rgba(26,196,93,.06) 42%,rgba(26,196,93,0) 74%)} .migration-report-stat>*{position:relative;z-index:1} .migration-report-stat__info{max-width:58%} .migration-report-stat .migration-report-stat__spark{ position:absolute; right:-17px; bottom:14px; width:54%; height:88%; flex:none; transform:none; } .migration-report-stat__spark>path:first-of-type{opacity:.3} .migration-report-stat .migration-report-stat__spark-line{stroke-width:1.2} .migration-report-stat.is-up .migration-report-stat__spark{color:var(--status-danger)} .migration-report-stat.is-down .migration-report-stat__spark{color:var(--status-success)} .migration-report-stat:first-child{background:rgba(255,255,255,.62);border-color:rgba(255,255,255,.84)} /* 2026-08-13 V3 内容层级：恢复一级标题与二级内容同卡，并以分割线区隔。 */ .migration-block{ display:block; background:var(--bg-container); border-radius:var(--migration-module-radius); } .migration-section-title{ margin:0; padding:var(--spacer-20) var(--spacer-20) var(--spacer-10); background:transparent; border-bottom:0; border-radius:0; } .migration-metrics{ padding:var(--spacer-10) var(--spacer-20) 18px; margin:0; background:transparent; border-radius:var(--migration-inner-card-radius); } .migration-subsections{ display:flex; flex-direction:column; gap:var(--spacer-20); margin:var(--spacer-10) var(--spacer-20) var(--spacer-20); overflow:visible; background:transparent; border-radius:0; } .migration-page .migration-card{ padding:12px var(--spacer-20) 18px; background:var(--migration-bg-fill-metric); border-radius:var(--migration-inner-card-radius); } .migration-card+.migration-card{margin-top:0} .migration-card+.migration-card::before{content:none} .migration-summary{ position:relative; padding:18px var(--spacer-20); margin:0; overflow:hidden; background:var(--migration-summary-card-surface); border-radius:var(--migration-inner-card-radius); } .migration-summary::before{position:absolute;inset:0;background:url("assets/summary-card-gradient.webp") center/cover no-repeat;content:"";opacity:.5;pointer-events:none} .migration-summary>*{position:relative;z-index:1} .migration-summary__heading{display:flex;align-items:center;gap:var(--spacer-8)} .migration-summary__icon{box-sizing:border-box;display:inline-flex;width:6px;height:6px;flex:0 0 6px;background:transparent;border:1px solid var(--brand-primary);border-radius:var(--radius-full)} .migration-summary__heading strong{font-size:14px;font-weight:var(--font-weight-strong);line-height:14px;text-align:left} .migration-summary p{margin:12px 0 0 14px;font-size:14px;font-weight:normal;line-height:14px;text-align:left} .migration-summary__lines{display:flex;flex-direction:column;gap:var(--spacer-12)} .migration-summary-list{ display:flex; flex-direction:column; gap:var(--spacer-20); margin:var(--spacer-10) var(--spacer-20) var(--spacer-20); } /* 2026-08-13 V3 一级标题序号：三个角为小圆角，右下角为大圆角。 */ .migration-section-title{gap:var(--spacer-8)} .migration-section-title .migration-section-icon{ display:inline-flex; width:20px; height:20px; align-items:center; justify-content:center; color:#fff; font-family:var(--migration-font-family-numeric); font-size:12px; font-weight:var(--font-weight-strong); line-height:20px; background:var(--brand-primary); border-radius:3px 3px 8px 3px; } .migration-section-title .migration-section-icon::before{content:""} .migration-section-title .migration-icon--overview::before{content:"1"} .migration-section-title .migration-icon--own-analysis::before{content:"2"} .migration-section-title .migration-icon--competitor-analysis::before{content:"3"} .migration-section-title .migration-icon--summary::before{content:"4"} /* 2026-08-17 V4 二级标题圆圈恢复：将总结处的 6px 空心蓝圆圈装饰放到二级标题前（样式同 V3 实测）。 */ .migration-page .migration-card .mb-content-section__title{ display:flex; align-items:center; gap:var(--spacer-8); } .migration-page .migration-card .mb-content-section__title::before{ box-sizing:border-box; width:6px; height:6px; flex:0 0 6px; background:transparent; border:1px solid var(--brand-primary); border-radius:var(--radius-full); content:""; } /* 2026-08-13 V3 二级卡片操作区：下拉与下载按钮使用无描边白底。 */ .migration-title-actions .mb-select__trigger, .migration-title-actions .mb-select.has-value .mb-select__trigger{ background:#fff; border-color:transparent; } .migration-title-actions .mb-select__trigger:hover, .migration-title-actions .mb-select.is-open .mb-select__trigger{ background:#fff; border-color:transparent; } .migration-download-button, .migration-download-button:hover{ background:#fff; border:0; } /* 2026-08-13 V3 总结条：参考浅蓝智能提示条，使用多层柔光与细微明暗纹理。 */ .migration-insight{ position:relative; box-sizing:border-box; overflow:hidden; background-color:var(--migration-summary-card-surface); background-image:none; border:0; box-shadow:none; } .migration-insight::before{ position:absolute; inset:0; background-image:url("assets/summary-card-gradient.webp"); background-position:center; background-size:cover; background-repeat:no-repeat; content:""; opacity:.85; pointer-events:none; } .migration-insight::after{ content:none; } .migration-insight>*{position:relative;z-index:1} /* 2026-08-17 V4 大屏总结卡：左侧总结与右侧图表、详情整体等高。 */ .migration-insight{align-items:stretch;flex-direction:column;justify-content:flex-start;gap:var(--spacer-16)} .migration-insight__heading{display:flex;align-items:center;gap:var(--spacer-4)} .migration-insight__heading strong{font-size:15px;font-style:normal;font-weight:var(--font-weight-strong);line-height:22px} .migration-insight__list{display:flex;flex-direction:column;gap:var(--spacer-12);padding:0;margin:0;list-style:none} .migration-insight__list li{position:relative;padding-left:14px;line-height:22px} .migration-insight__list li::before{box-sizing:border-box;position:absolute;top:8px;left:0;width:6px;height:6px;background:transparent;border:1px solid var(--brand-primary);border-radius:var(--radius-full);content:""} .migration-page .migration-card{display:block} .migration-card .migration-insight__icon{width:44px;height:39px;margin:-8px 0 -7px -6px} .migration-chart-detail{width:100%} /* 2026-08-19 本竞品明细两张表改为 tab 切换：tab 名取上方两个图表的名称。 用组件库的 .mb-tabs--inner（带下方指示条），与卡片内的层级相称。 */ /* 上方分隔线自带 20px 下边距，tab 不再叠加 margin-top，否则合计 40px 显得散； tab 到表格改成 16px，让 tab 与它控制的表格靠得更近。 */ .migration-detail-tabs{margin-top:0;margin-bottom:var(--spacer-16)} /* 组件库默认 tab 间距 40px，用在这里两个长标题之间显得散，收到 24px */ .migration-detail-tabs.mb-tabs--inner{gap:var(--spacer-24)} /* 纵向合并的时间单元格：顶部对齐，右侧一条分隔线把「同一天」这一组框出来 */ .migration-page .chart-data.mb-table .mb-table__native td.mb-table__cell--group{ vertical-align:top; padding-top:var(--spacer-20); color:var(--text-default); border-right:1px solid var(--border-split); } /* 模块间距 28px：覆写 --page-content-section-gap（设计系统默认 10px）而不是直接写 .migration-main 的 gap， 因为吸顶锚点导航的高度/负边距/内边距都是基于这个变量算的（见 .migration-anchor-nav.is-stuck）， 只改 gap 会让吸顶时的遮挡高度对不上。28px 无对应 spacer token，故写字面值。 */ .migration-page{--page-content-section-gap:28px} .migration-main>.migration-block{ display:flex; flex-direction:column; /* 一级标题到所属卡片 16px */ gap:var(--spacer-16); background:transparent; border-radius:0; } #summary{background-color:transparent;border:0;overflow:visible} .migration-main>.migration-block>.migration-section-title{ padding:0; background:transparent; border-bottom:0; } /* 卡片描边统一 60% 白（用户指定）。设计 容器 121982 是纯白 stroke，这里按要求降透明度， 封面卡（原 80%）和缺角描边 SVG 也一并跟随。 */ .migration-page{--migration-card-border:rgba(255,255,255,.6)} /* 一级卡片外观（用户指定，与设计 容器 121982 的 fill/radius 一致）： 20px 圆角 + 自下而上由实转虚的白色渐变 + 2px 描边。原来是 var(--bg-container) 纯白底 + 12px 圆角。 */ .migration-block>.migration-metrics, .migration-block>.migration-summary-list{ box-sizing:border-box; margin:0; padding:var(--spacer-20); background:linear-gradient(0deg,#ffffffcc 0%,#ffffff99 90%,#ffffff4d 100%); border:2px solid var(--migration-card-border); border-radius:20px; } /* 二级区块（本品趋势 / 本竞对比）里的两张图表卡在设计中是平级的顶层卡片，不再外套一层卡片： 容器 121983(区块) 1240x1426 → 容器 121981(标题 y=83 h=24) / 容器 121982(卡1 y=127) / 容器 121983(卡2 y=765.88) 标题到卡1 20px、卡1 到卡2 20px。所以这个包裹容器只做透明的纵向排列，卡片样式落到每张 .migration-card 上。 */ .migration-block>.migration-subsections{ margin:0; padding:0; gap:var(--spacer-20); background:transparent; border:0; border-radius:0; } /* 2026-08-13 V3 图表详情：表格在图表下方展开。 */ .migration-chart-layout{display:block;min-width:0} .migration-chart-primary{min-width:0} .migration-chart-primary--timeline{overflow-x:auto;overflow-y:hidden} .migration-chart-primary--timeline>.migration-echart, .migration-chart-primary--timeline>.migration-line-wrap, .migration-chart-primary--timeline>.migration-divider, .migration-chart-primary--timeline>.migration-chart-title, .migration-chart-primary--timeline>.migration-subcard{ min-width:var(--migration-timeline-min-width); } /* 2026-08-18 V5 「查看详情」改为卡片底部的文字按钮： 原来它在卡片头部、和车系下拉/下载按钮挤在一排，是个带底色的常规按钮； 现在移到卡片最底部（明细表格之后），展开表格时按钮自然落在表格下方，收起时贴在图表下方。 文字按钮：无底色无描边、品牌色文字 + 箭头，展开时箭头翻转 180°。 */ .migration-detail-toggle{ display:flex; justify-content:center; padding-top:var(--spacer-8); border-top:1px solid var(--border-split); } /* 按钮上下留白收紧并对称：原来分割线到文字 9px、文字到卡片底 22px，下方明显偏松 （卡片本身有 20px 下内边距）。用负下外边距抵掉一部分，两侧都落到 10px 左右。 特异度要压过前面给卡片子元素统一清零外边距的那条 .migration-card>* 规则。 */ .migration-page .migration-card>.migration-detail-toggle{margin-bottom:-12px} .migration-page .migration-detail-toggle .migration-data-button{ display:inline-flex; align-items:center; gap:var(--spacer-4); height:auto; /* 中性色而非品牌蓝——它是次级操作，不该和图表里的品牌色抢注意力；hover 时才转品牌色 */ padding:var(--spacer-4) var(--spacer-8); color:var(--text-regular); font-size:var(--body-base-font-size); line-height:20px; background:none; border:0; box-shadow:none; cursor:pointer; } .migration-page .migration-detail-toggle .migration-data-button:hover{ color:var(--brand-primary); background:none; border:0; } .migration-data-button__arrow{ width:14px; height:14px; flex:0 0 auto; transition:transform .2s ease; } .migration-data-button.is-open .migration-data-button__arrow{transform:rotate(180deg)} /* 2026-08-18 V5 多选标签：圆角 2px → 6px（标签高 24px，6px 比控件的 8px 略小， 符合"内嵌元素圆角小于容器"的关系，又明显比原来圆）。 关闭图标原本取 --text-secondary，本页把该 token 重映射成了近白的 #E0E2E4， 压在标签自身的浅灰底上对比度只有约 1.1:1，基本不可见（与之前多选文字发白是同一个根因）。 改成正文色 50% 透明，对比度约 3.2:1，hover 时转为实色。 */ .migration-page .mb-multiselect__tag{border-radius:6px} .migration-page .mb-multiselect__tag-remove{color:rgba(17,30,54,.5)} .migration-page .mb-multiselect__tag-remove:hover, .migration-page .mb-multiselect__tag-remove:focus-visible{color:var(--text-default)} /* 2026-08-18 V5 组合筛选项：把"本品 + 资产范围"、"竞品 + 资产范围"各自并成一组，共用一个标题 （本品及范围 / 竞品及范围），组内两个控件并列、间距 8px；两组之间靠 .migration-title-actions 的 常规间距区分，原来那条 .migration-filter-divider 已从标记里删掉。 */ .migration-field-group{display:flex;align-items:center;gap:var(--spacer-8)} .migration-field-group .mb-field__label{flex:0 0 auto} .migration-title-actions--wide .migration-field-group .mb-select{width:130px} .migration-title-actions--wide .migration-field-group .mb-multiselect{width:186px} /* 2026-08-18 V5 选中态箭头：与选中高亮条（--brand-primary-a20）同浓度， 比 hover 态（a10）更实，用于区分"停留查看"和"已锁定"两种状态。 */ .migration-brand-hover-arrow.is-selected{background:var(--brand-primary-a20)} /* 2026-08-18 V5 本竞对比两图降高：320px → 260px。 这张卡纵向叠了两个图表，是全页最高的一块；且两图的数据都只占到坐标轴上半部 （折线 0–200k 一段基本空置，柱图 150k–200k 同样空着），降高不会挤压数据可读性。 只动这两个，其余图表（堆叠/双段/重合）保持原高。 */ .migration-line{height:260px} .migration-echart--brands{height:260px} /* 2026-08-18 V5 图表与展开表格之间：去掉分割线，改为 16px 间距。 分割线原本自带 margin:20px 0（上下各 20，加上 1px 线共占 41px）。这里把线本身隐藏， 高度归零、只保留 16px 上外边距充当间隔；同一详情区里若有多段表格（本竞品对比那张卡有两段）， 相邻表格之间也沿用这 16px。 */ .migration-chart-detail__divider{ height:0; margin:var(--spacer-16) 0 0; background:none; } /* 2026-08-18 V5 "总结与建议"区块改用与图表卡内"总结"完全一致的形态（.migration-insight）： 原来是 .migration-summary（另一套底纹图 + 小圆环图标 + 纯段落），和总结条各说各话。 现在两块分别以"数据洞察""建议"为标题，正文改成项目符号列表，样式全部复用 insight。 .migration-insight 基础规则带 margin:20px 0，这里由外层 .migration-summary-list 的 gap 统一控制间距。 */ .migration-summary-list>.migration-insight{margin:0} /* 2026-08-18 V5 二级卡片：一级卡片内部再分一层的图表用它包起来（目前用于"本竞品资产构成对比"—— 这张卡里同时放了折线的资产趋势对比和柱状的资产构成对比，后者需要单独圈出来）。 底色 rgba(17,30,54,.05)，与外层白色渐变卡片区分；圆角沿用二级卡的 16px。 */ .migration-subcard{ box-sizing:border-box; padding:var(--spacer-16); background:rgba(17,30,54,.05); border-radius:var(--migration-inner-card-radius); } /* 二级卡内首行标题不再需要额外上边距（外层已有 padding） */ .migration-subcard>.migration-chart-title{margin-top:0} /* 与上方图表拉开 20px：父级 .migration-chart-primary 是 display:block，卡片的 16px gap 不作用于它， 原来二级卡顶边紧贴上方折线图的坐标轴标签（实测 0px），所以这里显式给上外边距。 */ .migration-subcard{margin-top:var(--spacer-20)} .migration-subcard:first-child{margin-top:0} /* 2026-08-18 V5 下载按钮图标缩小：原来 line 183 把 .mb-icon 强制设成 var(--control-height-md)=32px， 等于图标撑满整个 32px 按钮、四周零留白（HTML 上声明的 mb-icon--16 被这条覆盖掉了）。 这里收到 24px，按钮尺寸不变，图标四周留 4px。（先试过 20px，偏小，回调一档。） */ .migration-page .migration-download-button .mb-icon{width:24px;height:24px} /* 2026-08-18 V5 控件间竖分隔线：按用户要求先整体隐藏。 颜色已按设计 paint_469:090637 定为 rgba(111,122,145,.4)（容器 121759 里"目标时间 | 目标车系"之间的 路径 40），变量保留在这里，需要恢复时把下面的 display:none 去掉即可。 注：原先复用的是 --migration-chart-grid-line(#DDE3EC)，那是图表网格线的色，语义不对。 */ .migration-page{--migration-control-divider:rgba(111,122,145,.4)} .migration-filter-divider, .migration-title-actions__divider{display:none;background:var(--migration-control-divider)} /* 2026-08-18 V5 控件底色统一 70% 白：对应设计 paint_873:123043 = rgba(255,255,255,0.7) （容器 121982 里 Timepicker 的 Rectangle 5、新增备份 9 的矩形都用这个填充）。 覆盖范围：卡片内筛选下拉 / 下载按钮 / 查看详情按钮，以及封面筛选栏的下拉、多选、日期控件。 原来这些是不透明白（#fff / var(--bg-container)），压在渐变卡片上显得发死。 */ .migration-page{--migration-control-surface:rgba(255,255,255,.7)} .migration-title-actions .mb-select__trigger, .migration-title-actions .mb-select.has-value .mb-select__trigger, .migration-title-actions .mb-select__trigger:hover, .migration-title-actions .mb-select.is-open .mb-select__trigger, .migration-title-actions .mb-multiselect__trigger, .migration-title-actions .mb-multiselect.has-value .mb-multiselect__trigger, .migration-title-actions .mb-multiselect__trigger:hover, .migration-title-actions .mb-multiselect.is-open .mb-multiselect__trigger, .migration-download-button, .migration-download-button:hover, .migration-page .migration-title-actions .migration-data-button, .migration-page .migration-title-actions .migration-data-button:hover{ background:var(--migration-control-surface); } /* 多选框文字原本取 --text-secondary，而本页把该 token 重映射成了 --migration-text-tertiary(#E0E2E4)， 结果是接近白色、几乎看不见——这正是"部分下拉样式不统一"的来源。这里显式改回正文色。 */ .migration-title-actions .mb-multiselect__trigger, .migration-title-actions .mb-multiselect__values, .migration-title-actions .mb-multiselect__caret{color:var(--text-default)} /* 多选框还保留着 #C5CAD4 的实色描边，而同排的 mb-select 是透明描边（见上方 --wide 无描边白底那组规则）， 所以视觉上多出一圈框。这里补齐，保持整排控件都是无描边白底。 */ .migration-title-actions .mb-multiselect__trigger, .migration-title-actions .mb-multiselect.has-value .mb-multiselect__trigger, .migration-title-actions .mb-multiselect__trigger:hover, .migration-title-actions .mb-multiselect.is-open .mb-multiselect__trigger{border-color:transparent} .migration-report-cover .migration-report-filter .mb-select__trigger, .migration-report-cover .migration-report-filter .mb-select.has-value .mb-select__trigger, .migration-report-cover .migration-report-filter .mb-multiselect__trigger, .migration-report-cover .migration-report-filter .mb-multiselect.has-value .mb-multiselect__trigger, .migration-report-cover .migration-report-filter .mb-date-picker__trigger, .migration-report-cover .migration-report-filter .mb-select__trigger:hover, .migration-report-cover .migration-report-filter .mb-select.is-open .mb-select__trigger, .migration-report-cover .migration-report-filter .mb-multiselect__trigger:hover, .migration-report-cover .migration-report-filter .mb-multiselect.is-open .mb-multiselect__trigger, .migration-report-cover .migration-report-filter .mb-date-picker__trigger:hover, .migration-report-cover .migration-report-filter .mb-date-picker.is-open .mb-date-picker__trigger{ background:var(--migration-control-surface); } /* 2026-08-18 V5 图表卡片：按设计 容器 121982（fill 渐变 / stroke #FFFFFF 2px inside / radius 20 / padding 20 / 内部 gap 16）——每张图表卡自己就是一级卡片，不再外套一层，也不再用灰底 （原 --migration-bg-fill-metric #F6F7FB）。 */ .migration-page .migration-card{ box-sizing:border-box; display:flex; flex-direction:column; gap:var(--spacer-16); padding:var(--spacer-20); background:linear-gradient(0deg,#ffffffcc 0%,#ffffff99 90%,#ffffff4d 100%); border:2px solid var(--migration-card-border); border-radius:20px; } .migration-page .migration-card>*{margin-top:0;margin-bottom:0} /* 2026-08-18 V5 总结条：按 MasterGo file 191801444643342 / layer 873:129000（容器 122010）还原。 底 容器 121984 1200x184，linear-gradient(100deg, rgba(200,230,255,.7) 9%, rgba(241,237,255,.7) 99%)，16px 圆角 内容 容器 121985 1136x122 @ (32,32) —— 即四边内缩 32px（1200-64=1136 ✓） 装饰引号 容器 121992/121993 40x26.98，rgba(49,112,255,.1)，左上 (16,16)、右下贴右 16 —— 左上那枚与"总结"文字区域重叠，是压在文字底下的水印，所以 z-index 归 0 标题 总结 Alimama ShuHeiTi 18px / line-height 18 / Bold / #111E36 条目 PingFang SC 16px / line-height 28 / #111E36，实心蓝点 6px #3170FF，点距文字 8px（6+8=14 缩进），条目间距 10px 原来是 summary-card-gradient.png 铺底 + 机器人图标，设计里换成了渐变 + 引号水印，故图标隐藏。 */ .migration-insight{ /* "总结"标题到下方文案 16px */ gap:var(--spacer-16); /* 降高：四周内边距 32 → 24（设计稿是内容相对底框内缩 32，这里收紧一档） */ padding:24px; background-color:transparent; background-image:linear-gradient(100deg,rgba(200,230,255,.7) 9%,rgba(241,237,255,.7) 99%); border-radius:var(--migration-inner-card-radius); } .migration-insight::before, .migration-insight::after{ position:absolute; z-index:0; inset:auto; width:40px; height:27px; background-size:contain; background-position:center; background-repeat:no-repeat; opacity:1; content:""; pointer-events:none; } .migration-insight::before{left:16px;top:16px;background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 40 26.98%22 width=%2240%22 height=%2226.98%22%3E%3Cpath d=%22M62.222325999999995,42.728371698120114L62.222325999999995,29.209301698120118C62.222325999999995,27.976293918120117,63.221876,26.976743698120117,64.454885,26.976743698120117L77.76744099999999,26.976743698120117C79.00045,26.976743698120117,80,27.976293918120117,80,29.209301698120118L80,44.960927698120116C80,48.237207698120116,79.134884,51.30790469812012,77.621399,53.953487698120114L68.733023,53.953487698120114C70.297085,51.21495969812012,71.116827,48.11462569812012,71.110693,44.96092969812012L64.45488,44.96092969812012C63.221874,44.96092969812012,62.222324,43.96137969812011,62.222325999999995,42.728371698120114Z M40,42.728371698120114L40.0000010547626,29.209301698120118C40.00000089982575,27.976293918120117,40.99955118,26.976743698120117,42.2325592,26.976743698120117L55.545116,26.976743698120117C56.778124,26.976743698120117,57.777674000000005,27.97629367812012,57.777676,29.209301698120118L57.777676,44.960927698120116C57.777676,48.237207698120116,56.91256,51.307903698120114,55.399071,53.95348569812012L46.5116286,53.953487698120114C48.0760155,51.21505169812012,48.896081,48.114709698120116,48.890234,44.96092969812012L42.2325592,44.960927698120116C40.99955106,44.960927698120116,40.0000011620266,43.96137769812012,40,42.728371698120114Z%22 fill=%22rgba%2849, 112, 255, 0.1%29%22 transform=%22matrix%28-1,0,0,-1,80,53.953487396240234%29%22/%3E%3C/svg%3E")} /* 右下角这枚比左上角淡：左上压在"总结"标题下当水印、需要一点存在感， 右下是收尾装饰，同样浓度会显得抢眼。 */ .migration-insight::after{right:16px;bottom:20px;opacity:.5;background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%221124 0 40 26.98%22 width=%2240%22 height=%2226.98%22%3E%3Cpath d=%22M1146.222326,42.728434640625L1146.222326,29.209364640625C1146.222326,27.976356860625,1147.221876,26.976806640625,1148.454885,26.976806640625L1161.767441,26.976806640625C1163.00045,26.976806640625,1164,27.976356860625,1164,29.209364640625L1164,44.960990640625C1164,48.237270640625,1163.134884,51.307967640625,1161.621399,53.953550640625L1152.733023,53.953550640625C1154.297085,51.215022640625,1155.116827,48.114688640625005,1155.110693,44.960992640625L1148.45488,44.960992640625C1147.221874,44.960992640625,1146.222324,43.961442640624995,1146.222326,42.728434640625Z M1124,42.728434640625L1124.0000010547626,29.209364640625C1124.0000008998259,27.976356860625,1124.99955118,26.976806640625,1126.2325592,26.976806640625L1139.545116,26.976806640625C1140.778124,26.976806640625,1141.777674,27.976356620625,1141.777676,29.209364640625L1141.777676,44.960990640625C1141.777676,48.237270640625,1140.91256,51.307966640625,1139.399071,53.953548640625L1130.5116286,53.953550640625C1132.0760155,51.215114640625,1132.896081,48.114772640625,1132.890234,44.960992640625L1126.2325592,44.960990640625C1124.99955106,44.960990640625,1124.0000011620266,43.961440640625,1124,42.728434640625Z%22 fill=%22rgba%2849, 112, 255, 0.1%29%22 transform=%22matrix%281,0,0,-1,0,53.95361328125%29%22/%3E%3C/svg%3E")} .migration-page .migration-insight__icon{display:none} .migration-insight__heading strong{ font-family:"Alimama ShuHeiTi",var(--migration-font-family-numeric),sans-serif; /* 降高：标题 18 → 16（设计稿 18px/18，这里按用户要求小一档，行高同步收到 16 才真正省出高度） */ font-size:16px; font-weight:700; line-height:16px; color:#111E36; } /* 条目之间 4px */ .migration-insight__list{gap:var(--spacer-4)} /* 正文用常规字重（设计里是 500 中黑体，但按用户要求正文不加粗，只有高亮部分加粗） */ .migration-insight__list li{padding-left:14px;color:#111E36;font-size:16px;font-weight:var(--font-weight-default);line-height:28px} /* 文案内高亮：设计 873:129221 的 textColor 分段——日期/数值取 #3170FF（paint_322:034457）； 加粗只施加在这些变色片段上。 涨跌幅按页面既有的中文财经惯例分方向（与 .is-up / .is-down 一致）： --up 上涨 #FB4949（设计里 +22% 用的就是这个色） --down 下降 #59C5BA（用户指定） 原来只有一个 --alert 恒为红色，-4.1% 这种下降值也被标成红的，方向语义是错的。 */ .migration-insight__hl{color:#3170FF;font-style:normal;font-weight:600} .migration-insight__hl--up{color:#FB4949} .migration-insight__hl--down{color:#59C5BA} .migration-insight__list li::before{top:11px;left:0;width:6px;height:6px;background:#3170FF;border:0;border-radius:var(--radius-full)} /* 2026-08-18 V5 锚点 tab：按 MasterGo 设计图 file 191801444643342 / layer 873:128476（容器 122000）还原。 容器 1240x36，flex row / align center / gap 16px；每个 tab 高 36、圆角 18（胶囊）、padding 12px 20px。 选中态 底 rgba(49,112,255,.1) + 1px #3170FF 内描边 + 文字 #3170FF 中粗体(600) 未选中 底 rgba(255,255,255,.4) + 无描边 + 文字 #111E36 常规体(400) 字号统一 14px / line-height 14px。 设计里 tab 内没有图标（"资产总览"文字 56 + 左右 padding 20*2 = 96，正好等于 tab 宽度，没留图标位）， 但按用户要求保留原有 .migration-nav-icon，用 8px 间距与文字分开，tab 会比设计稿相应加宽。 */ .migration-anchor-nav__track{gap:var(--spacer-16)} .migration-anchor-nav__item{ box-sizing:border-box; height:36px; gap:var(--spacer-8); padding:12px 20px; color:#111E36; font-size:14px; font-weight:var(--font-weight-default); line-height:14px; background:rgba(255,255,255,.4); border:1px solid transparent; border-radius:18px; } .migration-anchor-nav__item:hover{color:#111E36;background:rgba(255,255,255,.7)} .migration-anchor-nav__item.is-selected, .migration-anchor-nav__item.is-selected:hover{ color:#3170FF; font-weight:600; background:rgba(49,112,255,.1); border-color:#3170FF; } /* 2026-08-18 V5 报告封面重做：按 MasterGo 设计图 file 191801444643342 / layer 873:127928 还原 （标题+副标题+筛选栏，220px 高度区间；原设计里的 3 张统计卡片按用户确认不再保留）。 标题/副标题左对齐、标题渐变字；筛选栏改毛玻璃白底 + 右侧查询按钮；卡片 16px 大圆角 + 两处模糊光斑。 卡片形状取自设计图 矩形 1013 / 蒙版组 3 的 path：右上角是一道斜向缺角（顶边止于 x=942.18， 斜切到 (1013.32, 106.5) 后平推到右边缘），插画图层在卡片下方（DSL 里 image 是第一个子节点＝底层）， 只从缺角处露出上半部分。因此拆成三层：__corner(底,插画) → __surface(中,带缺角的卡面) → 内容(顶)。 缺角尺寸跟插画绑定，用 calc(100% - Npx) 固定在右侧，卡片变宽时缺角不跟着拉伸。 */ .migration-report-cover{ position:relative; min-height:0; /* 下内边距 20px：设计里筛选栏 容器 121979 底边在 y=200，卡片高 220，所以底部留 20； 上/左/右保持 28（标题容器 容器 121980 起点 (28,28)）。 */ padding:28px 28px 20px; overflow:visible; color:var(--text-default); background:transparent; border:0; border-radius:20px; box-shadow:none; } .migration-report-cover__corner{ position:absolute; z-index:0; top:0; right:20px; width:208px; height:188px; background:url("assets/report-cover-corner.webp") center/contain no-repeat; pointer-events:none; } .migration-report-cover__surface{ box-sizing:border-box; position:absolute; z-index:1; inset:0; overflow:hidden; /* 基础背景层：弥散光斑和纹理都画在这层之上——缺了它光斑直接落在页面背景上， 没有承托就糊成一片，看不出"卡片内部的弥散"。 设计里 矩形 1013 叠了 .5 + .8 两道白（合成约 90%），按用户要求下调到 50%， 让页面头图和缺角后面的插画透出来。 */ background-color:rgba(255,255,255,.5); border:2px solid var(--migration-card-border); border-radius:20px; backdrop-filter:blur(10px); -webkit-backdrop-filter:blur(10px); /* 缺角形状：clip-path:polygon() 只能画直角折点，三个转折点做不出圆角，改用 mask 三层合成 （多层 mask 默认 mask-composite:add，即取并集）： ① 左侧：整块矩形，宽 calc(100% - 300px)，随卡片宽度伸缩 ② 右上：固定 300x132 的内联 SVG，缺角轮廓直接搬设计图 矩形 1013 的贝塞尔曲线 ③ 右下：固定 300px 宽、y=132 以下的矩形 缺角锚在右上角且尺寸固定（跟插画绑定），所以 ② 用固定尺寸 SVG 不会被拉伸变形。 SVG 坐标 = 设计图坐标 - 940（设计卡宽 1240，右边缘对应本地 300）； 设计 path 是逆时针，这里改顺时针，起止点与控制点相应对调： 转折1 (942.181,0) → 本地 (2.181,0) 圆角 r≈20，顶边转斜边 转折2 (1013.319,106.5)→ 本地 (73.319,106.5) 圆角 r≈20，斜边转横边 转折3 (1240,126.5) → 本地 (300,126.5) 圆角 r=20，横边转右边缘 */ mask-image: linear-gradient(#000,#000), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='132' viewBox='0 0 300 132'%3E%3Cpath d='M0,0L2.181,0C10.248,0,17.525,4.846,20.635,12.289L54.865,94.211C57.975,101.654,65.252,106.5,73.319,106.5L280,106.5C291.046,106.5,300,115.454,300,126.5L300,132L0,132Z' fill='%23000'/%3E%3C/svg%3E"), linear-gradient(#000,#000); mask-size:calc(100% - 300px) 100%,300px 132px,300px calc(100% - 132px); mask-position:left top,right top,right bottom; mask-repeat:no-repeat,no-repeat,no-repeat; pointer-events:none; } /* 缺角处的描边：mask 会把 border 沿边界一起切掉，斜边和横边上不会留下描边。 用同一条轮廓路径单独描一次（只描边不填充），尺寸与上面 mask 的第 ② 层完全一致。 */ .migration-report-cover::before{ position:absolute; z-index:2; top:0; right:0; width:300px; height:132px; background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='132' viewBox='0 0 300 132'%3E%3Cpath d='M2.181,0C10.248,0,17.525,4.846,20.635,12.289L54.865,94.211C57.975,101.654,65.252,106.5,73.319,106.5L280,106.5C291.046,106.5,300,115.454,300,126.5' fill='none' stroke='%23ffffff' stroke-opacity='0.6' stroke-width='2'/%3E%3C/svg%3E") top right no-repeat; content:""; pointer-events:none; } .migration-report-cover__surface::before, .migration-report-cover__surface::after{ position:absolute; inset:0; content:""; pointer-events:none; } /* 弥散光斑：对应设计 蒙版组 3 里的 圆形 1 / 圆形 2（各带 blur 204px）。 圆形 1 = 1124x527 @ (-268,-39) #C3D7FF 80%；圆形 2 = 1093x450 @ (529,-151) #A9EEFF 30%。 按卡片 1240x220 换算成百分比圆心与半径，两个合并画在同一层，压在基础白底之上。 */ .migration-report-cover__surface::before{ z-index:0; /* 半径在设计原尺寸基础上放大约 1.45 倍、透明端从 70% 推到 100%，用来还原设计里 blur(204px) 的扩散范围——原来按椭圆本身尺寸换算，收得太紧，弥散范围偏小。 */ background: radial-gradient(ellipse 66% 174% at 23.7% 102%,rgba(195,215,255,.8) 0%,rgba(195,215,255,.44) 42%,rgba(195,215,255,0) 100%), radial-gradient(ellipse 64% 148% at 86.7% 33.6%,rgba(169,238,255,.3) 0%,rgba(169,238,255,.17) 42%,rgba(169,238,255,0) 100%); } /* 纹理：对应 蒙版组 3 最上层的 image（设计里 1240x697 @ (0,-169)，卡片 1240x220），画在光斑之上。 background-size:100% auto → 宽度贴卡片宽，高度按原图比例 941/1672=0.5628 自动推算（1240*0.5628≈697 ✓）； background-position 的 -169px 即设计里的 relativeY。 贴图用的是 report-cover-texture-white.png：原图线条本来就以白色为主，但 alpha 中位数只有 4/255， 等于看不见（之前显示成灰线，是少数深色像素在白底上的错觉）。这版把 RGB 统一压成纯白， 再对 alpha 做 alpha' = 255*(alpha/255)^(1/1.35)*0.55 —— gamma 1.35 提亮 + 0.55 整体降透明度。 （初版用 gamma 2.0 无衰减，中位 4→32、峰值 255，线条过于抢眼；本版中位 6、峰值封顶 140。） （原图 report-cover-texture.png 未被 CSS 引用，已于 2026-08-19 随包精简一并删除。）*/ .migration-report-cover__surface::after{ z-index:1; background:url("assets/report-cover-texture-white.webp") center -169px/100% auto no-repeat; } .migration-report-cover__header{position:relative;z-index:3;display:block;min-height:0;align-items:normal;justify-content:normal} .migration-report-cover__heading{width:100%;max-width:828px;margin:0;text-align:left} .migration-report-cover__title{ margin:0; font-family:"Alimama ShuHeiTi",var(--migration-font-family-numeric),sans-serif; font-size:32px; font-weight:700; line-height:40px; letter-spacing:0; color:transparent; /* 标题渐变改为以主文字色 #111E36 = hsl(219,52%,14%) 为基准： 起点 #24407A 是同色相族（hsl(220,54%,31%)）提亮后的靛蓝，终点回落到主文字色本身， 所以既有可见的色相层次，又和正文同源。原来是设计稿的 #032166 → #001B58， 那两个色彩比正文更蓝更深，与页面文字体系是脱开的。 */ background:linear-gradient(180deg,var(--migration-title-gradient-from,#24407A) 0%,var(--migration-text-primary) 100%); background-clip:text; -webkit-background-clip:text; -webkit-text-fill-color:transparent; text-shadow:none; } .migration-report-cover__subtitle{ display:block; max-width:828px; /* 设计里 容器 121980 的 column gap 是 16px，但那里副标题 line-height 也只有 16px； 这边 line-height 是 24px，多出的 8px 行距会让间距看起来更松，所以收到 10px 找平。 */ margin:10px 0 0; color:rgba(17,30,54,.85); font-size:16px; line-height:24px; text-shadow:none; } /* 筛选栏对应设计里的 容器 121979（1200x72 @ (20,128)），和标题容器 容器 121980（828x72 @ (28,28)） 是两个平级容器——之前误放进 __heading 里，被它的 max-width:828px 限死，四个筛选项 + 查询按钮 实际需要 1020px 放不下才换的行。现在提到与 __header 同级，负边距 -8px 抵消卡片 28px 内边距， 让它左右各距卡片边缘 20px，与设计一致。 */ .migration-report-cover .migration-report-filters{ position:relative; z-index:3; display:flex; width:auto; max-width:none; align-items:center; justify-content:flex-start; flex-wrap:nowrap; gap:var(--spacer-24); /* 上外边距 24.5px：缺角横边在 y=106.5（见下方 mask 路径），副标题底边在 y=102， 102 + 24.5 = 126.5，与缺角横边正好隔 20px。 注：这段间距不能只看副标题，缺角是固定位置的，改标题行距时要连带核对这里。 */ margin:24.5px -8px 0; padding:20px; background:rgba(255,255,255,.5); border-top:0; border-radius:var(--migration-inner-card-radius); backdrop-filter:blur(10px); -webkit-backdrop-filter:blur(10px); } /* nowrap 之后，窄屏（页面 min-width 1280，此时筛选栏内容区约 985px）仍略小于 1020px 的理想宽度， 所以让控件可压缩而不是溢出：标签保持原宽，选择器按需收窄。 */ .migration-report-cover .migration-report-filters>.mb-field{flex:0 1 auto;min-width:0} .migration-report-cover .migration-report-filter .mb-select, .migration-report-cover .migration-report-filter .mb-multiselect, .migration-report-cover .migration-report-filter .mb-date-picker{min-width:0;max-width:100%} .migration-report-cover .migration-report-filter{gap:var(--spacer-8);color:var(--text-default)} .migration-report-cover .migration-report-filter .mb-field__label{color:var(--text-default);text-shadow:none} .migration-report-cover .migration-report-filter .mb-select__trigger, .migration-report-cover .migration-report-filter .mb-select.has-value .mb-select__trigger, .migration-report-cover .migration-report-filter .mb-multiselect__trigger, .migration-report-cover .migration-report-filter .mb-multiselect.has-value .mb-multiselect__trigger, .migration-report-cover .migration-report-filter .mb-date-picker__trigger{ color:var(--text-default); background:var(--migration-control-surface); border-color:transparent; box-shadow:none; backdrop-filter:none; -webkit-backdrop-filter:none; } .migration-report-cover .migration-report-filter .mb-select__value, .migration-report-cover .migration-report-filter .mb-select__caret, .migration-report-cover .migration-report-filter .mb-multiselect__caret, .migration-report-cover .migration-report-filter .mb-date-picker__value, .migration-report-cover .migration-report-filter .mb-date-picker__separator, .migration-report-cover .migration-report-filter .mb-date-picker__icon{color:var(--text-default)} .migration-report-cover .migration-report-filter .mb-multiselect__tag{color:var(--text-default);background:var(--migration-bg-fill-metric)} /* 封面筛选栏的标签关闭图标与卡内保持同一处理：--text-secondary 在本页是近白的 #E0E2E4，看不清 */ .migration-report-cover .migration-report-filter .mb-multiselect__tag-remove{color:rgba(17,30,54,.5)} .migration-report-cover .migration-report-filter .mb-multiselect__tag-remove:hover, .migration-report-cover .migration-report-filter .mb-multiselect__tag-remove:focus-visible{color:var(--text-default)} .migration-report-cover .migration-report-filter .mb-select__trigger:hover, .migration-report-cover .migration-report-filter .mb-select.is-open .mb-select__trigger, .migration-report-cover .migration-report-filter .mb-multiselect__trigger:hover, .migration-report-cover .migration-report-filter .mb-multiselect.is-open .mb-multiselect__trigger, .migration-report-cover .migration-report-filter .mb-date-picker__trigger:hover, .migration-report-cover .migration-report-filter .mb-date-picker.is-open .mb-date-picker__trigger{background:var(--migration-control-surface);border-color:transparent} .migration-report-cover .migration-report-filter--dimension .mb-select{width:120px} .migration-report-cover__search{ display:inline-flex; flex:0 0 auto; white-space:nowrap; align-items:center; justify-content:center; height:32px; padding:0 20px; margin-left:auto; color:#fff; font-size:14px; font-weight:var(--font-weight-strong); line-height:14px; background:var(--brand-primary); border:0; border-radius:var(--migration-control-radius); cursor:pointer; } .migration-report-cover__search:hover{background:var(--brand-primary-hover,#255fe0)}