/* 恒链BI V177 - 利润分析独立接管层。主 React Bundle 不修改。 */ #hl-profit-v189{margin-top:46px!important;scroll-margin-top:46px!important;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",Arial,sans-serif;color:#303a4d;background:#f2f5f9;min-height:calc(100vh - 92px);padding:14px 14px 22px;box-sizing:border-box;font-size:12px} #hl-profit-v189 *{box-sizing:border-box} #hl-profit-v189 button,#hl-profit-v189 input,#hl-profit-v189 select{font:inherit} .hl-profit-head{height:43px;display:flex;align-items:center;justify-content:space-between;background:#fff;padding:0 12px;border:1px solid #edf0f4;border-bottom:0} .hl-profit-head>div{display:flex;align-items:center;gap:7px}.hl-profit-head b{font-size:16px;color:#202b3c}.hl-profit-head em{font-size:11px;color:#ff4d4f;font-style:normal;font-weight:600}.hl-profit-link{border:0;background:transparent;color:#1688e8;cursor:pointer} .hl-profit-head{display:grid;grid-template-columns:minmax(0,1fr) 310px minmax(0,1fr);gap:12px}.hl-profit-head-title-v098{min-width:0;white-space:nowrap;overflow:hidden}.hl-profit-custom-prompt-host-v098{display:flex!important;align-items:center;justify-content:center;min-width:0}.hl-profit-head>.hl-profit-fix-btn-v246{justify-self:end} .hl-profit-warning{height:30px;display:flex;align-items:center;background:#fff0f0;color:#ff6969;border:1px solid #ffe2e2;padding:0 12px;margin-bottom:12px} .hl-profit-kpis{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;margin-bottom:10px} .hl-profit-kpi{height:62px;border-radius:9px;position:relative;overflow:hidden;color:white;padding:8px 14px;box-shadow:0 2px 8px rgba(39,82,145,.08)} .hl-profit-kpi.purple{background:linear-gradient(110deg,#6976ff,#a75bf1)}.hl-profit-kpi.blue{background:linear-gradient(110deg,#43a1ed,#5d7df4)}.hl-profit-kpi.orange{background:linear-gradient(110deg,#f25470,#ee8b16)} .hl-profit-kpi .wave{position:absolute;inset:0;opacity:.16;background:radial-gradient(80% 42% at 20% 0%,#fff 0 52%,transparent 53%),radial-gradient(95% 55% at 78% 0%,#fff 0 49%,transparent 50%);transform:translateY(-9px)} .kpi-title{position:relative;font-size:14px;font-weight:600}.hl-profit-kpi strong{position:absolute;left:14px;bottom:7px;font-size:23px;line-height:1;font-weight:500}.hl-profit-kpi small{position:absolute;right:12px;bottom:7px;font-size:11px;color:#fff}.kpi-change{position:absolute;right:12px;top:8px;border-radius:12px;background:white;padding:2px 9px;font-size:10px;font-weight:700}.kpi-change.up{color:#ff6363}.kpi-change.down{color:#4fba70} .hl-profit-info{display:inline-flex;width:15px;height:15px;border:1px solid currentColor;border-radius:50%;align-items:center;justify-content:center;font-size:10px;line-height:1;margin-left:3px;vertical-align:1px;position:relative;cursor:help;font-weight:700;z-index:12}.hl-profit-info.tiny{width:12px;height:12px;font-size:8px;color:#9aa6b5}.hl-profit-tipbox{display:none;position:absolute;left:-5px;top:22px;width:235px;background:#fff;color:#4d5665;font-size:12px;line-height:1.75;font-weight:400;padding:12px 14px;border:1px solid #e7ebf0;border-radius:4px;box-shadow:0 5px 18px rgba(28,43,65,.16);z-index:999;text-align:left;white-space:normal}.hl-profit-tipbox:before{content:"";position:absolute;top:-6px;left:12px;width:10px;height:10px;background:#fff;border-left:1px solid #e7ebf0;border-top:1px solid #e7ebf0;transform:rotate(45deg)}.hl-profit-info:hover .hl-profit-tipbox,.hl-profit-info:focus .hl-profit-tipbox{display:block}.head-tip .hl-profit-tipbox{width:300px} .hl-profit-viewtabs{height:31px;background:#fff;display:flex;align-items:flex-end;padding-left:0;border-bottom:1px solid #edf1f5}.hl-profit-viewtabs button{width:50px;height:24px;border:1px solid #d9e1ea;background:#fff;color:#556274;cursor:pointer}.hl-profit-viewtabs button:first-child{border-radius:3px 0 0 0}.hl-profit-viewtabs button:last-child{border-left:0;border-radius:0 3px 0 0}.hl-profit-viewtabs button.active{background:#168ee8;color:#fff;border-color:#168ee8} .hl-profit-metricstrip{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;background:#fff;border-bottom:1px solid #1794ee;min-height:62px}.hl-profit-metricstrip article{position:relative;padding:9px 10px;cursor:pointer;border-right:1px solid #edf1f5;color:#697586}.hl-profit-metricstrip article:last-child{border-right:0}.hl-profit-metricstrip article>div{font-size:14px;color:#536073}.hl-profit-metricstrip article>strong{display:block;margin-top:7px;font-size:15px;font-weight:500;color:#334055}.hl-profit-metricstrip article.active{background:#0d95ee;color:#fff}.hl-profit-metricstrip article.active>div,.hl-profit-metricstrip article.active>strong{color:#fff}.hl-profit-metricstrip .mini{position:absolute;right:12px;top:10px;height:22px;padding:0 9px;background:#fff;color:#168ee8;border:1px solid #afd8f5;border-radius:3px;cursor:pointer}.hl-profit-metricstrip .mini.reset{color:#6d7887;border-color:#d8dee6}.hl-profit-store-strip{display:flex;gap:10px;padding:10px;background:#fff;border-bottom:1px solid #1794ee;overflow:auto}.hl-profit-store-strip article{min-width:245px;border:1px solid #dbe5ef;border-radius:4px;padding:9px}.hl-profit-store-strip article b{display:block;color:#168ee8;margin-bottom:6px}.hl-profit-store-strip article span{display:flex;justify-content:space-between;padding:3px 0;color:#7a8795}.hl-profit-store-strip article strong{color:#344154}.hl-profit-store-empty{background:#fff;padding:18px;color:#a0aab7;border-bottom:1px solid #1794ee} .hl-profit-middle{display:grid;grid-template-columns:1fr 1fr;background:#fff;border:1px solid #1794ee;border-top:0;padding:10px;margin-bottom:14px;min-height:255px}.hl-profit-middle section{min-width:0}.hl-profit-summary{border-right:1px solid #edf1f5;padding-right:10px}.hl-profit-chart{padding-left:10px}.hl-profit-middle h3{font-size:12px;margin:0 0 9px;border-left:3px solid #0b9bf2;padding-left:6px;color:#252f40}.summary-scroll{height:190px;overflow:auto;border:1px solid #edf1f5}.hl-profit-summary table{border-collapse:collapse;width:100%;font-size:11px}.hl-profit-summary th,.hl-profit-summary td{height:36px;padding:0 10px;border-bottom:1px solid #e8edf2;text-align:right}.hl-profit-summary th:first-child,.hl-profit-summary td:first-child{text-align:left;width:20%;background:#f4f7fa;color:#5f6b79}.hl-profit-summary th{background:#f4f7fa;color:#55616e;font-weight:500}.dot,.chart-legend i,.chart-pop i{display:inline-block;width:10px;height:6px;margin-right:5px}.dot.cur,.chart-legend i.cur,.chart-pop i.cur{background:#1299f2}.dot.prev,.chart-legend i.prev,.chart-pop i.prev{background:#f6a31a}.expand-mark{text-align:center;color:#168ee8;font-size:11px;margin-top:2px} .chart-legend{display:flex;gap:18px;height:25px;align-items:center;padding-left:8px}.chart-wrap{height:190px;position:relative;overflow:hidden}.chart-wrap svg{width:100%;height:100%;display:block}.chart-wrap .grid line{stroke:#e7edf2;stroke-width:1}.chart-wrap .axis text{fill:#8b96a4;font-size:10px}.cur-line,.prev-line{fill:none;stroke-width:2}.cur-line{stroke:#1299f2}.prev-line{stroke:#f5a21a;stroke-dasharray:4 3}.cur-dot{fill:#1299f2}.chart-cross{display:none;position:absolute;top:24px;bottom:36px;border-left:1px dashed #1299f2;pointer-events:none}.chart-pop{display:none;position:absolute;top:75px;width:195px;padding:8px 10px;background:#fff;border:1px solid #e2e8ee;border-radius:4px;box-shadow:0 3px 12px rgba(31,45,62,.14);pointer-events:none;z-index:10}.chart-pop b{display:block;margin-bottom:4px}.chart-pop span{display:block;line-height:1.7}.chart-empty{height:180px;display:flex;align-items:center;justify-content:center;color:#a1abb7} .hl-profit-products{background:#fff;border:1px solid #edf1f5;padding:10px 10px 0}.hl-profit-products h2{font-size:14px;margin:0 0 10px;color:#242f40}.product-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.group-tabs{display:flex}.group-tabs button{height:27px;min-width:72px;padding:0 14px;border:1px solid #dbe2ea;background:#fff;color:#637080;cursor:pointer}.group-tabs button+button{border-left:0}.group-tabs button.active{background:#269bf0;color:#fff;border-color:#269bf0}.product-toolbar .search{display:flex;align-items:center;gap:0}.product-toolbar select,.product-toolbar input,.product-toolbar .search button{height:28px;border:1px solid #dce3eb;background:#fff}.product-toolbar select{width:76px;color:#647183;padding:0 7px}.product-toolbar input{width:140px;border-left:0;padding:0 9px;outline:0}.product-toolbar .search button{padding:0 13px;background:#1198ed;color:#fff;border-color:#1198ed;cursor:pointer}.product-toolbar .search button.secondary{margin-left:8px;background:#fff;color:#637080;border-color:#dce3eb} .profit-table-wrap{overflow:auto;border:1px solid #e4e9ef;max-width:100%}.profit-table{border-collapse:collapse;width:100%;min-width:1510px;table-layout:fixed}.profit-table th{height:33px;background:#fff;color:#303b4b;font-weight:600;border-right:1px solid #e4e9ef;border-bottom:1px solid #dfe5ec;text-align:center;white-space:nowrap}.profit-table td{height:145px;vertical-align:top;padding:10px;border-right:1px solid #e4e9ef;border-bottom:1px solid #e4e9ef;color:#5c6775}.profit-table th:nth-child(1){width:245px}.profit-table th:nth-child(2){width:130px}.profit-table th:nth-child(3){width:110px}.profit-table th:nth-child(n+4){width:170px}.product-box{display:flex;gap:9px}.product-box img{width:46px;height:46px;object-fit:contain;border:1px solid #eef1f4;flex:0 0 auto}.product-box>div{min-width:0}.product-title{display:block;color:#168ee8;text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:173px;margin-bottom:4px}.product-box small{display:block;color:#8a95a3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:175px;margin-bottom:5px}.product-box p{margin:3px 0;color:#778291}.product-box .sku-link{color:#168ee8}.copy{border:0;background:transparent;color:#69788a;padding:0;cursor:pointer}.hl-profit-store-cell{text-align:center;color:#475566!important}.hl-profit-status-cell{text-align:center}.status{display:inline-block;padding:2px 7px;border-radius:2px;color:#7d8793}.status.on{background:#48c448;color:#fff}.hl-profit-detail-cell>div{display:flex;align-items:flex-start;justify-content:space-between;gap:6px;line-height:1.65;white-space:nowrap}.hl-profit-detail-cell>div span{color:#727e8d}.hl-profit-detail-cell>div b{color:#405064;font-weight:500}.hl-profit-detail-cell .hl-profit-info{margin-top:2px}.profit-table .empty{text-align:center!important;vertical-align:middle!important;color:#9ba6b2;height:160px} .product-footer{height:45px;display:flex;align-items:center;justify-content:space-between;color:#657283}.product-footer>div{display:flex;align-items:center;gap:6px}.product-footer select{height:27px;border:1px solid #dce3eb;color:#6c7885}.product-footer button{height:27px;min-width:28px;border:1px solid #e1e7ed;background:#fff;color:#9aa4af;cursor:pointer}.product-footer button:disabled{opacity:.45}.product-footer b{display:inline-flex;width:28px;height:28px;align-items:center;justify-content:center;background:#269bf0;color:#fff;font-weight:500} .hl-profit-loading,.hl-profit-error{min-height:520px;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#8591a0;gap:10px}.hl-profit-loading i{width:36px;height:36px;border:3px solid #d9eaf8;border-top-color:#168ee8;border-radius:50%;animation:hlProfitSpin .8s linear infinite}.hl-profit-loading b,.hl-profit-error b{font-size:15px;color:#485566}.hl-profit-error button{background:#168ee8;color:#fff;border:0;border-radius:3px;padding:7px 15px;cursor:pointer}@keyframes hlProfitSpin{to{transform:rotate(360deg)}} @media(max-width:1280px){.hl-profit-kpis{gap:8px}.profit-table{min-width:1450px}.hl-profit-tipbox{width:210px}.hl-profit-middle{grid-template-columns:47% 53%}} @media(max-width:1100px){.hl-profit-head{grid-template-columns:minmax(0,1fr) 260px minmax(0,1fr)}.hl-profit-head-title-v098 em{display:none}} /* 恒链BI V183 - 利润分析布局与提示统一版。 */ #hl-profit-v189{ font-size:13px!important; padding:10px 10px 18px!important; } #hl-profit-v189 .hl-profit-head{height:38px!important;padding:0 10px!important} #hl-profit-v189 .hl-profit-head b{font-size:15px!important} #hl-profit-v189 .hl-profit-warning{height:27px!important;margin-bottom:9px!important;padding:0 10px!important;font-size:12px!important} #hl-profit-v189 .hl-profit-kpis{gap:10px!important;margin-bottom:7px!important} #hl-profit-v189 .hl-profit-kpi{height:52px!important;padding:6px 12px!important;border-radius:7px!important} #hl-profit-v189 .kpi-title{font-size:13px!important} #hl-profit-v189 .hl-profit-kpi strong{left:12px!important;bottom:6px!important;font-size:21px!important} #hl-profit-v189 .hl-profit-kpi small{right:10px!important;bottom:6px!important;font-size:10px!important} #hl-profit-v189 .kpi-change{right:10px!important;top:6px!important;font-size:10px!important;padding:1px 8px!important} #hl-profit-v189 .hl-profit-viewtabs{height:28px!important} #hl-profit-v189 .hl-profit-viewtabs button{width:48px!important;height:23px!important;font-size:12px!important} #hl-profit-v189 .hl-profit-metricstrip{min-height:55px!important} #hl-profit-v189 .hl-profit-metricstrip article{padding:7px 9px!important} #hl-profit-v189 .hl-profit-metricstrip article>div{font-size:13px!important} #hl-profit-v189 .hl-profit-metricstrip article>strong{margin-top:5px!important;font-size:14px!important} #hl-profit-v189 .hl-profit-metricstrip .mini{top:7px!important;height:21px!important;font-size:11px!important} /* 中部摘要：展开后自然撑开，不出现内部纵向滚动条。 */ #hl-profit-v189 .hl-profit-middle{min-height:205px!important;padding:8px!important;margin-bottom:11px!important} #hl-profit-v189 .hl-profit-middle h3{font-size:12px!important;margin-bottom:7px!important} #hl-profit-v189 .summary-scroll{height:148px!important;overflow:hidden!important} #hl-profit-v189 .hl-profit-summary table{font-size:11.5px!important} #hl-profit-v189 .hl-profit-summary th,#hl-profit-v189 .hl-profit-summary td{height:30px!important;padding:0 8px!important} #hl-profit-v189 .chart-legend{height:22px!important;font-size:11px!important} #hl-profit-v189 .chart-wrap{height:148px!important} #hl-profit-v189 .expand-mark{display:block;width:100%;height:23px;border:0;background:transparent;color:#168ee8;cursor:pointer;text-align:center;font-size:11px;line-height:23px;margin:1px 0 0;padding:0} #hl-profit-v189 .summary-expanded{min-height:438px!important} #hl-profit-v189 .summary-expanded .summary-scroll{height:auto!important;max-height:none!important;overflow:visible!important} #hl-profit-v189 .summary-expanded .chart-wrap{height:376px!important} #hl-profit-v189 .summary-expanded .chart-empty{height:365px!important} /* 商品销售明细：按旧BI截图固定比例。 */ #hl-profit-v189 .hl-profit-products{padding:10px 10px 0!important;overflow:visible!important} #hl-profit-v189 .hl-profit-products h2{font-size:14px!important;line-height:22px!important;margin:0 0 9px!important} #hl-profit-v189 .product-toolbar{margin-bottom:9px!important;min-height:29px!important} #hl-profit-v189 .group-tabs button{height:27px!important;min-width:66px!important;padding:0 12px!important;font-size:12px!important} #hl-profit-v189 .product-toolbar select, #hl-profit-v189 .product-toolbar input, #hl-profit-v189 .product-toolbar .search button{height:28px!important;font-size:12px!important} #hl-profit-v189 .product-toolbar select{width:72px!important} #hl-profit-v189 .product-toolbar input{width:138px!important} #hl-profit-v189 .product-toolbar .search button{padding:0 12px!important} #hl-profit-v189 .profit-table-wrap{ width:100%!important; max-width:100%!important; overflow-x:auto!important; overflow-y:visible!important; border:1px solid #dfe5ec!important; } #hl-profit-v189 .profit-table{ display:table!important; width:100%!important; min-width:1640px!important; table-layout:fixed!important; border-collapse:collapse!important; font-size:13px!important; color:#4f5d6b!important; } #hl-profit-v189 .profit-table col:nth-child(1){width:16.5%!important} #hl-profit-v189 .profit-table col:nth-child(2){width:8%!important} #hl-profit-v189 .profit-table col:nth-child(3){width:7%!important} #hl-profit-v189 .profit-table col:nth-child(4){width:11.5%!important} #hl-profit-v189 .profit-table col:nth-child(5){width:11.5%!important} #hl-profit-v189 .profit-table col:nth-child(6){width:11.5%!important} #hl-profit-v189 .profit-table col:nth-child(7){width:11%!important} #hl-profit-v189 .profit-table col:nth-child(8){width:11%!important} #hl-profit-v189 .profit-table col:nth-child(9){width:12%!important} #hl-profit-v189 .profit-table th{ display:table-cell!important; height:36px!important; padding:0 8px!important; font-size:13px!important; line-height:18px!important; font-weight:600!important; vertical-align:middle!important; text-align:center!important; white-space:nowrap!important; background:#fff!important; border-right:1px solid #e1e7ed!important; border-bottom:1px solid #d9e1e8!important; } #hl-profit-v189 .profit-table td{ display:table-cell!important; height:145px!important; padding:10px 11px!important; font-size:12.5px!important; line-height:1.58!important; vertical-align:top!important; border-right:1px solid #e1e7ed!important; border-bottom:1px solid #e1e7ed!important; box-sizing:border-box!important; } #hl-profit-v189 .hl-profit-store-cell, #hl-profit-v189 .hl-profit-status-cell{ display:table-cell!important; vertical-align:middle!important; text-align:center!important; font-size:12.5px!important; } #hl-profit-v189 .status{font-size:11.5px!important;line-height:18px!important;padding:2px 8px!important} #hl-profit-v189 .product-box{gap:9px!important;align-items:flex-start!important} #hl-profit-v189 .product-box img{width:50px!important;height:50px!important;object-fit:contain!important;flex:0 0 50px!important} #hl-profit-v189 .product-title{max-width:190px!important;font-size:12.5px!important;line-height:19px!important;margin-bottom:3px!important} #hl-profit-v189 .product-box small{max-width:190px!important;font-size:11.5px!important;line-height:17px!important;margin-bottom:3px!important} #hl-profit-v189 .product-box p{margin:2px 0!important;font-size:11.5px!important;line-height:17px!important} #hl-profit-v189 .hl-profit-detail-cell>div{ display:flex!important; align-items:flex-start!important; justify-content:space-between!important; gap:7px!important; min-height:18px!important; line-height:18px!important; font-size:11.8px!important; white-space:nowrap!important; } #hl-profit-v189 .hl-profit-detail-cell>div span{flex:1 1 auto!important;min-width:0!important;color:#687584!important} #hl-profit-v189 .hl-profit-detail-cell>div b{flex:0 0 auto!important;margin-left:6px!important;text-align:right!important;color:#394a5c!important;font-size:11.8px!important;font-weight:500!important} #hl-profit-v189 .product-footer{height:44px!important;font-size:12px!important} #hl-profit-v189 .product-footer select,#hl-profit-v189 .product-footer button{height:28px!important;font-size:11.5px!important} /* 提示样式：按照旧BI“说明”气泡。 */ #hl-profit-v189 .hl-profit-info{ width:13px!important;height:13px!important; border-color:#aab5c2!important;color:#7e8b99!important; font-size:8.5px!important;line-height:1!important; margin-left:3px!important;vertical-align:1px!important; z-index:30!important; } #hl-profit-v189 .hl-profit-info.tiny{width:12px!important;height:12px!important;font-size:8px!important} #hl-profit-v189 .hl-profit-tipbox{ display:none; position:absolute; left:-18px; top:22px; width:320px!important; max-width:min(360px,calc(100vw - 40px))!important; padding:11px 14px 13px!important; border:1px solid #dfe4ea!important; border-radius:4px!important; background:#fff!important; box-shadow:0 5px 16px rgba(34,48,67,.18)!important; color:#414b57!important; font-size:12.5px!important; line-height:1.65!important; font-weight:400!important; text-align:left!important; white-space:normal!important; z-index:9999!important; } #hl-profit-v189 .hl-profit-tipbox:before{ content:"";position:absolute;top:-6px;left:24px;width:10px;height:10px;background:#fff;border-left:1px solid #dfe4ea;border-top:1px solid #dfe4ea;transform:rotate(45deg) } #hl-profit-v189 .hl-profit-tip-title{ display:block!important; margin:0 0 8px!important; color:#ff8a00!important; font-size:12px!important; line-height:18px!important; font-weight:600!important; } #hl-profit-v189 .hl-profit-tip-text{display:block!important} #hl-profit-v189 .hl-profit-info:hover .hl-profit-tipbox, #hl-profit-v189 .hl-profit-info:focus .hl-profit-tipbox{display:block!important} #hl-profit-v189 .profit-table td:nth-child(8) .hl-profit-tipbox, #hl-profit-v189 .profit-table td:nth-child(9) .hl-profit-tipbox{left:auto!important;right:-12px!important} #hl-profit-v189 .profit-table td:nth-child(8) .hl-profit-tipbox:before, #hl-profit-v189 .profit-table td:nth-child(9) .hl-profit-tipbox:before{left:auto!important;right:24px!important} /* 彻底隔离全局 table/cell 样式污染。 */ #hl-profit-v189 .profit-table *, #hl-profit-v189 .profit-table th, #hl-profit-v189 .profit-table td{box-sizing:border-box!important} /* ========================================================= V184 - 利润分析整体字号及顶部指标控件放大 ========================================================= */ #hl-profit-v189{ font-size:14px!important; } /* 页面标题与警告 */ #hl-profit-v189 .hl-profit-head{height:44px!important} #hl-profit-v189 .hl-profit-head b{font-size:17px!important} #hl-profit-v189 .hl-profit-head em{font-size:12px!important} #hl-profit-v189 .hl-profit-warning{ height:32px!important; font-size:13px!important; } /* 顶部三张：销量 / 净利率 / ROI */ #hl-profit-v189 .hl-profit-kpis{ gap:12px!important; margin-bottom:10px!important; } #hl-profit-v189 .hl-profit-kpi{ height:72px!important; padding:9px 15px!important; border-radius:9px!important; } #hl-profit-v189 .kpi-title{ font-size:16px!important; line-height:22px!important; } #hl-profit-v189 .hl-profit-kpi strong{ left:15px!important; bottom:9px!important; font-size:29px!important; line-height:30px!important; } #hl-profit-v189 .hl-profit-kpi small{ right:13px!important; bottom:9px!important; font-size:12px!important; line-height:18px!important; } #hl-profit-v189 .kpi-change{ right:13px!important; top:9px!important; font-size:11.5px!important; padding:2px 10px!important; line-height:17px!important; } /* 按指标 / 按店铺 */ #hl-profit-v189 .hl-profit-viewtabs{ height:34px!important; } #hl-profit-v189 .hl-profit-viewtabs button{ width:58px!important; height:29px!important; font-size:13px!important; line-height:27px!important; } /* 销量 / 销售额 / 采购成本 / 净利润 四块 */ #hl-profit-v189 .hl-profit-metricstrip{ min-height:74px!important; } #hl-profit-v189 .hl-profit-metricstrip article{ min-height:74px!important; padding:11px 13px!important; } #hl-profit-v189 .hl-profit-metricstrip article>div{ font-size:16px!important; line-height:22px!important; } #hl-profit-v189 .hl-profit-metricstrip article>strong{ margin-top:8px!important; font-size:18px!important; line-height:22px!important; } #hl-profit-v189 .hl-profit-metricstrip .mini{ top:10px!important; right:12px!important; height:26px!important; padding:0 11px!important; font-size:12px!important; } /* 摘要 / 趋势 */ #hl-profit-v189 .hl-profit-middle h3{ font-size:14px!important; line-height:20px!important; } #hl-profit-v189 .hl-profit-summary table{ font-size:12.5px!important; } #hl-profit-v189 .hl-profit-summary th, #hl-profit-v189 .hl-profit-summary td{ height:34px!important; font-size:12.5px!important; } #hl-profit-v189 .chart-legend{ font-size:12px!important; } #hl-profit-v189 .chart-wrap .axis text{ font-size:11px!important; } #hl-profit-v189 .expand-mark{ font-size:12.5px!important; height:27px!important; line-height:27px!important; } /* 商品销售明细标题、工具栏 */ #hl-profit-v189 .hl-profit-products h2{ font-size:16px!important; line-height:24px!important; } #hl-profit-v189 .group-tabs button{ height:31px!important; min-width:74px!important; font-size:13px!important; } #hl-profit-v189 .product-toolbar select, #hl-profit-v189 .product-toolbar input, #hl-profit-v189 .product-toolbar .search button{ height:31px!important; font-size:13px!important; } #hl-profit-v189 .product-toolbar select{width:82px!important} #hl-profit-v189 .product-toolbar input{width:155px!important} /* 明细表整体字体同步放大 */ #hl-profit-v189 .profit-table{ font-size:14px!important; min-width:1680px!important; } #hl-profit-v189 .profit-table th{ height:40px!important; font-size:14px!important; line-height:20px!important; } #hl-profit-v189 .profit-table td{ height:154px!important; padding:11px 12px!important; font-size:13.5px!important; line-height:1.62!important; } #hl-profit-v189 .hl-profit-store-cell, #hl-profit-v189 .hl-profit-status-cell{ font-size:13.5px!important; } #hl-profit-v189 .status{ font-size:12.5px!important; line-height:19px!important; padding:2px 9px!important; } #hl-profit-v189 .product-box img{ width:54px!important; height:54px!important; flex:0 0 54px!important; } #hl-profit-v189 .product-title{ font-size:13.5px!important; line-height:20px!important; max-width:205px!important; } #hl-profit-v189 .product-box small, #hl-profit-v189 .product-box p{ font-size:12.5px!important; line-height:18px!important; max-width:205px!important; } #hl-profit-v189 .hl-profit-detail-cell>div{ min-height:20px!important; line-height:20px!important; font-size:12.8px!important; } #hl-profit-v189 .hl-profit-detail-cell>div b{ font-size:12.8px!important; } #hl-profit-v189 .product-footer{ height:48px!important; font-size:13px!important; } #hl-profit-v189 .product-footer select, #hl-profit-v189 .product-footer button{ height:30px!important; font-size:12.5px!important; } /* 提示图标也稍放大，和新字号匹配 */ #hl-profit-v189 .hl-profit-info{ width:14px!important; height:14px!important; font-size:9px!important; } #hl-profit-v189 .hl-profit-info.tiny{ width:13px!important; height:13px!important; font-size:8.5px!important; } #hl-profit-v189 .hl-profit-tipbox{ font-size:13px!important; line-height:1.7!important; } /* 小屏幕保持可用，不把顶部卡片压回旧尺寸 */ @media(max-width:1280px){ #hl-profit-v189 .hl-profit-kpi{height:66px!important} #hl-profit-v189 .hl-profit-kpi strong{font-size:26px!important} #hl-profit-v189 .kpi-title{font-size:15px!important} #hl-profit-v189 .hl-profit-metricstrip, #hl-profit-v189 .hl-profit-metricstrip article{min-height:68px!important} } /* V188：利润分析提示规则与订单管理完全一致。 */ #hl-profit-v189 .hl-profit-help-mark-v189{ display:inline-flex!important;align-items:center!important;justify-content:center!important; width:16px!important;height:16px!important;margin-left:5px!important;flex:0 0 16px!important; border-radius:50%!important;background:#606873!important;color:#fff!important; font-size:11px!important;line-height:16px!important;font-weight:700!important;cursor:help!important; vertical-align:middle!important;box-sizing:border-box!important;border:0!important; } #hl-profit-v189 .hl-profit-help-mark-v189.tiny{ width:14px!important;height:14px!important;flex-basis:14px!important; font-size:9px!important;line-height:14px!important;margin-left:4px!important; } .hl-profit-help-popover-v189{ position:fixed!important;z-index:1000000!important; width:max-content!important;max-width:min(420px,calc(100vw - 20px))!important; padding:14px 16px!important;box-sizing:border-box!important; border:1px solid #e3e8ef!important;border-radius:4px!important; background:#fff!important;color:#4a5565!important; box-shadow:0 4px 18px rgba(15,23,42,.16)!important; font-size:13px!important;line-height:1.75!important;white-space:pre-wrap!important; pointer-events:none!important;text-align:left!important; } .hl-profit-help-popover-v189 b{ display:block!important;margin-bottom:5px!important;color:#f59e0b!important; font-size:13px!important;line-height:1.5!important;font-weight:600!important; } .hl-profit-help-popover-v189 div{white-space:pre-wrap!important;} /* ========================================================= V188 - 利润分析“?”提示图标样式修正 与订单管理最终规则一致： 1) 默认白底圆形 + 灰色问号 2) 鼠标移入时深灰背景 + 白色问号 3) 鼠标光标始终为普通箭头，不使用 help 的“箭头+?”光标 ========================================================= */ #hl-profit-v189 .hl-profit-help-mark-v189{ display:inline-flex!important; align-items:center!important; justify-content:center!important; width:16px!important; height:16px!important; min-width:16px!important; margin-left:4px!important; padding:0!important; border:1px solid #a7adb6!important; border-radius:50%!important; background:#fff!important; color:#8d949d!important; font-size:11px!important; line-height:14px!important; font-weight:700!important; vertical-align:middle!important; box-sizing:border-box!important; cursor:default!important; transition:background-color .12s ease,color .12s ease,border-color .12s ease!important; } #hl-profit-v189 .hl-profit-help-mark-v189:hover, #hl-profit-v189 .hl-profit-help-mark-v189:focus{ background:#606873!important; border-color:#606873!important; color:#fff!important; cursor:default!important; outline:none!important; } #hl-profit-v189 .hl-profit-help-mark-v189.tiny{ width:14px!important; height:14px!important; min-width:14px!important; font-size:9px!important; line-height:12px!important; margin-left:3px!important; } /* 防止任何全局帮助样式再次把光标改成 help */ #hl-profit-v189 [data-profit-help-v189], #hl-profit-v189 [aria-label="说明"]{ cursor:default!important; } #hl-profit-v189 .hl-profit-inline-error{ display:flex; align-items:center; justify-content:space-between; gap:12px; margin:0 0 8px; padding:8px 12px; border:1px solid #ffd3d3; background:#fff3f3; color:#b4232c; font-size:12px; } #hl-profit-v189 .hl-profit-inline-error button{ flex:none; border:0; background:transparent; color:#006bb5; cursor:pointer; font-size:12px; } #hl-profit-v189 .hl-profit-reconcile-diff{ display:block; margin-top:3px; color:#a35b00; font-size:11px; line-height:1.25; white-space:nowrap; }