*{box-sizing:border-box}body{color:#303642;background:#f5f7fb;margin:0;font:13px Arial,Microsoft YaHei,sans-serif}.sycm{min-width:1180px}.bluebar{color:#fff;background:linear-gradient(110deg,#5c7cf7,#1d68ef);align-items:center;gap:55px;height:52px;padding:0 28px;display:flex;box-shadow:0 2px 8px #2365d833}.bluebar>b{font-size:18px}.bluebar nav{align-items:center;gap:36px;height:100%;font-size:15px;display:flex}.bluebar nav span,.bluebar nav button{color:#fff;height:100%;font:inherit;opacity:.82;cursor:default;background:0 0;border:0;padding:2px 0 0}.bluebar nav button{cursor:pointer}.bluebar nav .active{opacity:1;border-bottom:3px solid #fff;font-weight:700}.bluebar>div{opacity:.9;margin-left:auto;font-size:12px}.toolbar{background:#fff;border-bottom:1px solid #e7eaf1;justify-content:space-between;align-items:end;height:62px;padding:0 28px;display:flex}.tabs{align-items:end;gap:30px;height:100%;display:flex}.tabs button{color:#606878;cursor:pointer;background:0 0;border:0;height:100%;padding:0 3px;font-size:15px}.tabs .on{color:#2f6df6;border-bottom:3px solid #2f6df6;font-weight:700}.period{margin-bottom:14px;display:flex}.period button{color:#677080;background:#fff;border:1px solid #dfe3eb;padding:7px 13px}.period button+button{border-left:0}.period .selected{color:#2f6df6;background:#eef3ff}.quickStats{background:#fff;border:1px solid #e7eaf1;border-radius:4px;grid-template-columns:repeat(8,1fr);margin:14px 22px 12px;padding:0;display:grid}.quickStats>div{border-right:1px solid #edf0f4;height:83px;padding:14px 16px}.quickStats>div:last-child{border:0}.quickStats span{color:#7c8492;font-size:12px;display:block}.quickStats b{color:#1e2430;margin:8px 0 3px;font-size:20px;display:block}.taobaoUp{color:#f04444!important}.taobaoDown{color:#18a058!important}small{color:#a3a9b3;font-size:11px;font-weight:600;display:block}.rankPanel{background:#fff;border:1px solid #e7eaf1;border-radius:4px;margin:0 22px 20px}.panelHead{border-bottom:1px solid #edf0f4;justify-content:space-between;align-items:center;height:58px;padding:0 18px;display:flex}.panelHead>div:first-child{align-items:baseline;gap:18px;display:flex}.panelHead b{font-size:16px}.panelHead span{color:#8a92a0;font-size:12px}.tools{align-items:center;gap:14px;display:flex}.tools input{border:1px solid #dfe3eb;border-radius:3px;width:220px;padding:8px 12px}.tableWrap{overflow-x:auto}table{border-collapse:collapse;table-layout:fixed;width:100%;min-width:1420px}th{color:#687181;text-align:right;background:#f8f9fb;border-bottom:1px solid #e9ecf2;height:38px;padding:0 7px;font-size:12px;font-weight:500}td{text-align:right;vertical-align:middle;border-bottom:1px solid #edf0f4;height:78px;padding:6px 7px}tbody tr:hover{background:#f7faff}.rank{text-align:center;width:46px}.productCol{text-align:left;width:270px}.dateCol{width:86px}.metricHead,.metricCell{width:76px}.actionCol{text-align:left;width:390px}.goods{text-align:left;align-items:center;gap:10px;display:flex}.goods img,.noimg{object-fit:cover;background:#eef1f5;border-radius:4px;flex:0 0 48px;width:48px;height:48px}.noimg{color:#aab0ba;place-items:center;font-size:9px;display:grid}.goods>div:nth-child(2){flex:1;min-width:0}.goods strong{text-overflow:ellipsis;white-space:nowrap;color:#3565c9;font-size:13px;display:block;overflow:hidden}.goods span{color:#939aa6;margin-top:5px;font-size:10px;display:block}.goods em{color:#ed7c18;white-space:nowrap;background:#fff2e6;border-radius:3px;padding:4px 6px;font-size:10px;font-style:normal}.metricCell b{color:#2f3540;font-size:12px;display:block}.metricCell small{margin-top:4px}.advice{text-align:left;color:#596273;font-size:11px;line-height:1.35}.advice p{margin:2px 0}.advice p b{color:#263142;width:54px;display:inline-block}.chance{color:#2f6df6;background:#eef3ff;border-radius:3px;padding:4px 7px;font-size:10px}.pager{color:#7b8491;justify-content:flex-end;align-items:center;gap:7px;height:52px;padding:0 18px;display:flex}.pager select{border:1px solid #dfe3eb;padding:5px}.pager button{color:#6c7480;cursor:pointer;background:#fff;border:1px solid #dfe3eb;min-width:28px;height:28px}.pager button.current{color:#fff;background:#2f6df6;border-color:#2f6df6}.pager button:disabled{opacity:.4}@media (width<=1400px){.quickStats{grid-template-columns:repeat(4,1fr)}.quickStats>div:nth-child(4){border-right:0}.sycm{min-width:1100px}.productCol{width:250px}.actionCol{width:350px}}.stableStrip{background:#fff;border:1px solid #e7eaf1;border-radius:4px;align-items:center;gap:32px;margin:0 22px 12px;padding:10px 16px;display:flex}.stableStrip div span{color:#87909e;font-size:11px;display:block}.stableStrip div b{margin-top:4px;font-size:15px;display:block}.stableStrip p{color:#9aa1ad;margin-left:auto;font-size:11px}.filterBar{border-bottom:1px solid #edf0f4;gap:8px;padding:10px 16px;display:flex}.filterBar button{color:#626c7b;cursor:pointer;background:#fff;border:1px solid #dfe4ee;border-radius:3px;padding:6px 11px}.filterBar button.selected{color:#2f6df6;background:#eef3ff;border-color:#8cacf9}.filterBar i{color:#8a92a0;background:#f0f2f6;border-radius:8px;margin-left:6px;padding:1px 5px;font-size:10px;font-style:normal}.logicNote{color:#667183;background:#fbfcff;border-bottom:1px solid #edf0f4;margin:0;padding:7px 16px;font-size:11px}.logicNote summary{color:#356de8;cursor:pointer;display:inline-block}.logicRows{gap:4px;margin:7px 0 5px;display:grid}.logicRows p{margin:0;line-height:1.5;display:flex}.logicRows b{color:#263142;flex:0 0 78px;width:78px}.logicRows span{color:#667183}.logicNote small{color:#9aa2af;font-weight:400}.overviewPage{padding:18px 24px 28px}.overviewTitle{background:#fff;border:1px solid #e5eaf3;border-bottom:0;border-radius:6px 6px 0 0;justify-content:space-between;align-items:center;height:54px;padding:0 18px;display:flex}.overviewTitle>div:first-child{align-items:baseline;gap:14px;display:flex}.overviewTitle b{color:#1f2b3d;font-size:18px}.overviewTitle span{color:#8792a3}.overviewPeriod{display:flex}.overviewPeriod button{color:#6f7988;background:#fff;border:1px solid #dfe5ef;padding:7px 16px}.overviewPeriod button+button{border-left:0}.overviewPeriod .selected{color:#2f6df6;background:#eef4ff}.overviewPeriod button:disabled{color:#b9c0cb}.overviewCard{background:#fff;border:1px solid #e5eaf3;border-radius:0 0 6px 6px;grid-template-columns:430px minmax(560px,1fr);gap:18px;min-height:465px;padding:18px;display:grid}.overviewMetrics{grid-template-columns:1fr 1fr;align-content:start;gap:12px;display:grid}.overviewMetrics button{text-align:left;cursor:pointer;background:#fafbfe;border:1px solid #e7ebf2;border-radius:7px;min-height:125px;padding:17px 16px;position:relative}.overviewMetrics button:first-child{grid-column:1/-1}.overviewMetrics button:hover{border-color:#abc1fa}.overviewMetrics button.selected{background:#f8faff;border:2px solid #4f7ff4;box-shadow:0 5px 18px #396ff012}.overviewMetrics span{color:#677386;font-size:13px;display:block}.overviewMetrics b{color:#1d2939;margin:12px 12px 10px 0;font-size:25px;display:inline-block}.overviewMetrics small{color:#929cab;margin-top:4px;font-weight:400}.trendArea{background:#fff;border:1px solid #e7ebf2;border-radius:7px;min-width:0;padding:22px 24px 12px}.trendHeading{justify-content:space-between;height:72px;display:flex}.trendHeading span{color:#667287;font-size:14px}.trendHeading b{color:#182437;margin-top:7px;font-size:25px;display:block}.trendHeading p{color:#99a2b0;margin:4px 0;font-size:11px}.trendHeading>div:last-child{text-align:right;padding-top:8px;font-size:15px;font-weight:700}.trendHeading>div:last-child small{color:#99a2b0;margin-top:5px;font-weight:400}.upText{color:#f04444}.downText{color:#18a058}.trendCanvas{width:100%;height:285px;display:block}.trendFoot{justify-content:space-between;padding:0 24px;display:flex}.trendFoot div{min-width:120px}.trendFoot div:last-child{text-align:right}.trendFoot span{color:#9099a7;display:block}.trendFoot b{color:#293649;margin-top:5px;font-size:14px;display:block}.homeNote{color:#7d8796;background:#fff;border:1px solid #e5eaf3;border-radius:5px;gap:25px;margin-top:14px;padding:15px 18px;display:flex}.homeNote b{color:#344054}.homeNote span:last-child{margin-left:auto}@media (width<=1300px){.overviewCard{grid-template-columns:360px minmax(500px,1fr)}.overviewMetrics button{min-height:118px}.trendCanvas{height:270px}}.bluebar nav{align-items:stretch}.bluebar nav span,.bluebar nav button{align-items:center;height:52px;padding:0 2px;line-height:52px;display:flex}.bluebar nav .active{padding-top:0}.toolbar{align-items:stretch;height:70px}.tabs{align-items:stretch;gap:14px}.tabs button{color:#39465a;min-width:118px;height:70px;padding:0 18px;font-size:17px;font-weight:600}.tabs .on{color:#245fe3;background:#eef4ff;border-bottom:4px solid #2f6df6}.logicNote{padding:10px 16px}.logicNote:not([open]) summary:after{content:"  点击查看";color:#9aa3b2;margin-left:8px;font-size:10px}.logicNote[open] summary:after{content:"  点击收起";color:#9aa3b2;margin-left:8px;font-size:10px}.tableWrap{overflow:visible}thead th{z-index:20;background:#f8f9fb;position:sticky;top:0;box-shadow:0 1px #e3e7ef,0 3px 8px #1f2b3d14}.filterBar{background:#fbfcff;gap:10px;padding:13px 16px}.filterBar button{border-width:1px;min-height:34px;padding:7px 14px;font-weight:700;transition:transform .15s,box-shadow .15s,filter .15s;box-shadow:0 1px 2px #1f2b3d0a}.filterBar button:hover{filter:saturate(1.12);transform:translateY(-1px);box-shadow:0 4px 10px #1f2b3d1a}.filterBar button:first-child{color:#2563eb;background:#edf4ff;border-color:#93b4ff}.filterBar[data-tab=priority] button:nth-child(2),.filterBar[data-tab=new] button:nth-child(2),.filterBar[data-tab=growth] button:nth-child(2){color:#dc3f57;background:#fff0f3;border-color:#f2a1ae}.filterBar[data-tab=new] button:nth-child(3),.filterBar[data-tab=growth] button:nth-child(3),.filterBar[data-tab=growth] button:nth-child(4){color:#d14676;background:#fff1f6;border-color:#efabc2}.filterBar[data-tab=priority] button:nth-child(3),.filterBar[data-tab=growth] button:nth-child(5){color:#23815a;background:#edf8f2;border-color:#95cdb2}.filterBar[data-tab=priority] button:nth-child(4),.filterBar[data-tab=priority] button:nth-child(5){color:#18734f;background:#eaf6f0;border-color:#8fc4aa}.filterBar[data-tab=priority] button:nth-child(6),.filterBar[data-tab=priority] button:nth-child(7),.filterBar[data-tab=growth] button:nth-child(6){color:#667085;background:#f2f4f7;border-color:#bcc3ce}.filterBar button.selected{box-shadow:0 4px 12px #2563eb40;color:#fff!important;background:#2563eb!important;border-color:#0000!important}.filterBar[data-tab=priority] button:nth-child(2).selected,.filterBar[data-tab=new] button:nth-child(2).selected,.filterBar[data-tab=growth] button:nth-child(2).selected{box-shadow:0 4px 12px #e0445b47;background:#e0445b!important}.filterBar[data-tab=new] button:nth-child(3).selected,.filterBar[data-tab=growth] button:nth-child(3).selected,.filterBar[data-tab=growth] button:nth-child(4).selected{box-shadow:0 4px 12px #d64b7b42;background:#d64b7b!important}.filterBar[data-tab=priority] button:nth-child(3).selected,.filterBar[data-tab=growth] button:nth-child(5).selected{box-shadow:0 4px 12px #2d8b653d;background:#2d8b65!important}.filterBar[data-tab=priority] button:nth-child(4).selected,.filterBar[data-tab=priority] button:nth-child(5).selected{box-shadow:0 4px 12px #247a573d;background:#247a57!important}.filterBar[data-tab=priority] button:nth-child(6).selected,.filterBar[data-tab=priority] button:nth-child(7).selected,.filterBar[data-tab=growth] button:nth-child(6).selected{box-shadow:0 4px 12px #69738638;background:#697386!important}.filterBar button.selected i{color:inherit;background:#ffffff38}.metricCell{padding:0}.metricCell>button{text-align:right;cursor:pointer;background:0 0;border:0;width:100%;height:78px;padding:6px 7px}.metricCell>button:hover,.metricCell>button:focus-visible{outline-offset:-2px;background:#fff4f6;outline:2px solid #f3a1ae}.metricCell>button b{color:#2f3540;font-size:12px;display:block}.metricCell>button small{margin-top:4px}.trendModalBackdrop{z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0e182b9e;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.productTrendModal{background:#fff;border-radius:8px;width:min(1120px,94vw);max-height:92vh;overflow:auto;box-shadow:0 24px 70px #00000047}.productTrendModal>header{border-bottom:1px solid #e8ebf1;justify-content:space-between;align-items:center;height:68px;padding:0 22px;display:flex}.productTrendModal>header div{min-width:0}.productTrendModal>header b{text-overflow:ellipsis;white-space:nowrap;color:#202a39;max-width:880px;font-size:17px;display:block;overflow:hidden}.productTrendModal>header span{color:#8a94a3;margin-top:6px;font-size:11px;display:block}.productTrendModal>header button{color:#687386;cursor:pointer;background:#f1f3f7;border:0;border-radius:50%;width:34px;height:34px;font-size:24px;line-height:30px}.productTrendModal>header button:hover{color:#d94159;background:#ffecef}.trendMetricTabs{border-bottom:1px solid #e8ebf1;grid-template-columns:repeat(8,1fr);display:grid}.trendMetricTabs button{text-align:left;cursor:pointer;background:#fff;border:0;border-right:1px solid #e8ebf1;min-height:92px;padding:14px 12px}.trendMetricTabs button:last-child{border-right:0}.trendMetricTabs button:hover{background:#fff6f7}.trendMetricTabs button.selected{background:#fff0f3;box-shadow:inset 0 4px #e0445b}.trendMetricTabs span{color:#748094;font-size:11px;display:block}.trendMetricTabs b{color:#1d2735;margin:10px 0 5px;font-size:18px;display:block}.trendMetricTabs small{font-size:10px}.productTrendChart{padding:22px 28px 24px}.productTrendHeading{justify-content:space-between;align-items:start;height:58px;display:flex}.productTrendHeading span{color:#6d788a;display:block}.productTrendHeading b{color:#1d2735;margin-top:7px;font-size:24px;display:block}.productTrendHeading small{color:#929cab;font-weight:400}.productTrendCanvas{width:100%;height:300px;display:block}.productTrendDates{justify-content:space-between;padding:0 32px;display:flex}.productTrendDates div{min-width:120px}.productTrendDates div:nth-child(2){text-align:center}.productTrendDates div:last-child{text-align:right}.productTrendDates span{color:#8993a2;display:block}.productTrendDates b{color:#2b3647;margin-top:5px;font-size:14px;display:block}@media (width<=1300px){.trendMetricTabs{grid-template-columns:repeat(4,1fr)}.trendMetricTabs button{border-bottom:1px solid #e8ebf1}.productTrendCanvas{height:260px}}