:root{color:#171b18;font-synthesis:none;background:#fff;font-family:Microsoft YaHei,PingFang SC,Inter,sans-serif}*{box-sizing:border-box}body{margin:0}.app{min-height:100vh;display:flex}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}aside{z-index:3;background:#f8faf9;border-right:1px solid #e7ebe8;width:216px;position:fixed;inset:0 auto 0 0}.brand{border-bottom:1px solid #e7ebe8;align-items:center;gap:12px;height:68px;padding:0 20px;font-size:20px;font-weight:800;display:flex}.brandMark{color:#fff;background:#08a94f;border-radius:50%;place-items:center;width:32px;height:32px;font-size:12px;display:grid}.close,.hamb{display:none}nav{padding:22px 12px}nav button{color:#535c56;text-align:left;border-radius:9px;align-items:center;gap:14px;width:100%;height:50px;padding:0 15px;font-size:15px;display:flex}nav button svg{fill:currentColor;stroke-width:1.5px;width:19px}nav button.selected{color:#079b49;background:#eaf7ef;font-weight:700}.source{color:#7b837e;font-size:12px;line-height:2;position:absolute;bottom:24px;left:20px}.statusDot{background:#08a94f;border-radius:50%;width:7px;height:7px;margin-right:5px;display:inline-block}main{width:calc(100% - 216px);margin-left:216px}header{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:2;background:#ffffffec;border-bottom:1px solid #e7ebe8;justify-content:space-between;align-items:center;height:68px;padding:0 28px;display:flex;position:sticky;top:0}.account{align-items:center;gap:8px;font-weight:700;display:flex}.account svg,.actions svg,.date svg,.filters svg{width:17px}.wx{color:#08a94f;letter-spacing:-5px;margin-right:7px}.actions{align-items:center;gap:8px;display:flex}.actions button{border-radius:8px;align-items:center;gap:7px;height:38px;padding:0 12px;display:flex}.actions button:hover{background:#f3f6f4}.bell{margin-left:10px}.page{background:#fff;max-width:1700px;margin:auto;padding:24px 26px 40px}.titleRow{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.titleRow h1{margin:0 0 5px;font-size:27px}.titleRow p{color:#79817c;margin:0;font-size:13px}.date{border:1px solid #dfe4e1;border-radius:8px;align-items:center;gap:9px;height:40px;padding:0 13px;display:flex}.metrics{border:1px solid #e2e6e3;border-radius:12px;grid-template-columns:repeat(6,1fr);margin-bottom:16px;display:grid}.metric{border-right:1px solid #e7ebe8;padding:20px 24px}.metric:last-child{border:0}.metric>span{color:#606862;font-size:13px}.metric strong{margin:8px 0;font-size:29px;display:block}.metric small{color:#858d87}.metric small b{margin-left:8px}.up{color:#08a94f}.down{color:#ef4b43}.grid{grid-template-columns:minmax(500px,1.65fr) minmax(280px,.8fr) minmax(280px,.78fr);gap:16px;display:grid}.panel{background:#fff;border:1px solid #e2e6e3;border-radius:12px}.panelHead{border-bottom:1px solid #edf0ee;justify-content:space-between;align-items:center;height:58px;padding:0 18px;display:flex}.panelHead h2{margin:0;font-size:18px}.panelHead>span{color:#7b837e;font-size:12px}.chart{padding-bottom:8px}.seg{border:1px solid #dfe4e1;border-radius:7px;display:flex;overflow:hidden}.seg button{padding:7px 12px;font-size:12px}.seg .on{color:#079b49;background:#eaf8ef;font-weight:700}.chartTabs{color:#7b837e;gap:24px;padding:12px 18px 2px;font-size:13px;display:flex}.chartTabs .activeTab{color:#079b49;font-weight:700}.recharts-cartesian-axis-tick text{fill:#89918c;font-size:11px}.donutWrap{align-items:center;padding:10px;display:flex}.legend{flex-direction:column;gap:11px;width:46%;font-size:12px;display:flex}.legend>b{margin-bottom:5px;font-size:22px}.legend b small{color:#858d87;font-size:11px;font-weight:400;display:block}.legend span{align-items:center;display:flex}.legend i{border-radius:50%;width:7px;height:7px;margin-right:7px}.legend em{color:#858d87;margin-left:auto;font-style:normal}.rate{border-top:1px solid #edf0ee;padding:14px 18px;font-size:12px}.rate strong{margin-left:6px;font-size:14px}.rate span{float:right;color:#079b49}.advice{grid-row:span 2}.advice article{border-bottom:1px solid #edf0ee;padding:14px 16px}.advice article>div{align-items:center;gap:8px;display:flex}.advice article b{font-size:14px}.advice article span{color:#079b49;background:#edf8f1;border-radius:10px;margin-left:auto;padding:3px 7px;font-size:11px}.advice article p{color:#5d655f;margin:9px 0;font-size:12px;line-height:1.65}.advice article button{color:#079b49;align-items:center;gap:4px;margin-left:auto;font-size:11px;display:flex}.advice article button svg{width:13px}.advice article.ack{opacity:.68}.dot{background:#08a94f;border-radius:50%;width:8px;height:8px}.d1{background:#3478ed}.d2{background:#f3a806}.d3{background:#8b9290}.tablePanel{grid-column:1/3;margin-top:16px}.filters{gap:8px;display:flex}.filters button,.filters label{border:1px solid #e0e5e2;border-radius:7px;align-items:center;gap:4px;height:32px;padding:0 10px;font-size:12px;display:flex}.filters input{border:0;outline:0;width:100px}.tableWrap{overflow:auto}table{border-collapse:collapse;width:100%;min-width:850px}th,td{text-align:right;white-space:nowrap;border-bottom:1px solid #edf0ee;height:48px;padding:0 14px;font-size:12px}th{color:#69716c;background:#fbfcfb;height:42px}th:first-child,td:first-child{text-align:left}.thumb{vertical-align:middle;background:linear-gradient(140deg,#4585d8,#6ea642);border-radius:4px;width:48px;height:29px;margin-right:10px;display:inline-block}.t1{background:linear-gradient(140deg,#263a55,#db9c67)}.t2{background:linear-gradient(140deg,#122840,#47a669)}.t3{background:linear-gradient(140deg,#15276c,#2f7de1)}.t4{background:linear-gradient(140deg,#341f7d,#933ed0)}td.green{color:#079b49;font-weight:700}.tablePanel footer{color:#757e78;justify-content:space-between;align-items:center;height:52px;padding:0 16px;font-size:12px;display:flex}.tablePanel footer button{color:#079b49;align-items:center;gap:5px;display:flex}.tablePanel footer svg{width:14px}@media (width<=1200px){.metrics{grid-template-columns:repeat(3,1fr)}.metric:nth-child(3){border-right:0}.metric:nth-child(-n+3){border-bottom:1px solid #e7ebe8}.grid{grid-template-columns:1.5fr 1fr}.advice{grid-column:1/3;grid-template-columns:repeat(2,1fr);display:grid}.advice .panelHead,.tablePanel{grid-column:1/3}}@media (width<=760px){aside{transition:all .25s;transform:translate(-100%)}aside.open{transform:none}.close,.hamb{display:block}.close{margin-left:auto}.brand .close svg{width:18px}.hamb{margin-right:10px}.hamb svg{width:21px}main{width:100%;margin-left:0}header{padding:0 14px}.actions button{padding:0 8px;font-size:0}.actions button svg{width:18px}.page{padding:18px 14px}.titleRow{align-items:flex-start;gap:12px}.titleRow p{display:none}.date{font-size:11px}.metrics{border-radius:10px;display:flex;overflow:auto}.metric{min-width:150px;border-bottom:0!important}.grid{display:block}.panel{margin-bottom:14px}.advice{display:block}.tablePanel{margin-top:0}.filters button{display:none}.chart{min-height:350px}.source{display:none}}.advice{z-index:auto;background:#fff;width:auto;position:static;inset:auto;transform:none!important}.yearly{margin-top:16px}.yearly .panelHead{height:70px}.yearly .panelHead>div p,.contentHead>div p{color:#7b837e;margin:5px 0 0;font-size:12px}.yearly select,.filters select{color:#4f5752;background:#fff;border:1px solid #dfe4e1;border-radius:7px;height:34px;padding:0 30px 0 10px;font:12px inherit}.chartNote{color:#7b837e;padding:0 18px 16px;font-size:12px}.tablePanel.full{grid-column:auto;margin-top:16px}.contentHead{height:72px}.filters label{background:#fff}.sortable{align-items:center;gap:4px;display:inline-flex}.sortable svg{width:13px}.cover{vertical-align:middle;color:#fff;background-position:50%;background-size:cover;border-radius:6px;justify-content:center;align-items:center;width:72px;height:42px;margin-right:11px;display:inline-flex;box-shadow:inset 0 0 0 1px #00000012}.cover span{background:#0007;border-radius:50%;place-items:center;width:19px;height:19px;font-size:8px;display:grid}.travel{background:linear-gradient(140deg,#56a7d8 0 42%,#6d9e47 43% 72%,#e4c361 73%)}.screen{background:linear-gradient(135deg,#1c344c,#cd925f 52%,#f1d5a3)}.football{background:radial-gradient(circle at 60% 45%,#fff 0 8%,#274453 9% 13%,#0000 14%),linear-gradient(155deg,#1c435b,#2aa15e)}.ai{background:linear-gradient(135deg,#15276c,#2f7de1 45%,#62c5f5)}@media (width<=760px){.yearly{overflow:hidden}.yearly .panelHead,.contentHead{align-items:flex-start;gap:10px;height:auto;min-height:72px;padding-top:14px;padding-bottom:14px}.filters{flex-wrap:wrap;justify-content:flex-end}.filters select{max-width:120px}.filters label{width:150px}.filters input{width:110px}.cover{width:58px;height:34px}.yearly .recharts-responsive-container{min-width:560px}.yearly{overflow-x:auto}.chartNote{min-width:560px}}.app{background:#fff}.cover.app{background:linear-gradient(135deg,#351a7c,#8b38c9 60%,#d475df)}.videoCover{aspect-ratio:3/4;object-fit:cover;vertical-align:middle;background:#f2f4f3;border-radius:6px;flex:none;width:66px;height:88px;margin-right:11px}.tablePanel td:first-child{white-space:normal;max-width:520px;line-height:1.45}.tablePanel td:first-child b{font-weight:600}.tablePanel tbody td{height:102px}@media (width<=760px){.videoCover{width:54px;height:72px}.tablePanel td:first-child{min-width:300px}.tablePanel tbody td{height:86px}}.grid{grid-template-rows:360px;align-items:stretch}.grid>.chart,.grid>.donut,.grid>.advice{height:360px;min-height:0}.advice{grid-row:auto;overflow-y:auto}.tablePanel table{min-width:1450px}.tablePanel th:nth-child(n+3),.tablePanel td:nth-child(n+3){text-align:center}@media (width<=1200px){.grid{grid-template-rows:auto}.grid>.chart,.grid>.donut,.grid>.advice{height:auto}.advice{overflow-y:visible}}