:root{font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;color:#25262c;background:#f7f8fa;font-size:14px}*{box-sizing:border-box}body{margin:0}aside{width:228px;background:#fff;position:fixed;inset:0 auto 0 0;border-right:1px solid #eceef2;padding:28px 16px;display:flex;flex-direction:column}.brand{font-size:23px;font-weight:750;padding:0 15px}.account{display:flex;flex-direction:column;align-items:center;gap:13px;margin:40px 0 30px;font-size:14px}.avatar{background:#2c2c34;color:white;border-radius:50%;width:54px;height:54px;display:grid;place-items:center;font-weight:700;font-size:24px}nav{display:grid;gap:8px}button{font:inherit;cursor:pointer}nav button{border:0;background:transparent;text-align:left;padding:15px 16px;border-radius:8px;color:#676970}nav .active{background:#fff0f3;color:#f23a64;font-weight:650}.aside-bottom{margin-top:auto;padding:16px;line-height:1.9;color:#9c9fa7;font-size:12px}.workspace{margin-left:228px}header{height:85px;background:#fff;border-bottom:1px solid #eceef2;display:flex;align-items:center;justify-content:space-between;padding:0 36px}h1{font-size:19px;margin:0}h2{font-size:16px;margin:0}h3{font-size:16px;line-height:1.65;margin:0 0 12px;font-weight:600}header span,.section-head span{font-size:12px;color:#9b9da5}main{max-width:1400px;padding:25px 36px;margin:auto}#notice{font-size:12px;line-height:1.8;color:#7b7e87;background:#eff1f5;padding:11px 16px;border-radius:6px;margin-bottom:22px}#notice.error{background:#fff3e8;color:#a26930}.overview,.video{background:#fff;border:1px solid #eff0f3;border-radius:10px;padding:25px}.section-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:23px}.metrics{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px}.metric{border-right:1px solid #f1f2f5;padding:10px 18px}.metric:first-child{padding-left:0}.metric:last-child{border:0}.metric .label{display:block;color:#7f828c;font-size:13px}.metric strong{display:block;font-size:29px;line-height:1.4;font-weight:650;margin:12px 0 4px;font-variant-numeric:tabular-nums}.metric small{font-size:11px;color:#9b9fa7}.works-head{margin:28px 0 16px}.video{margin-bottom:18px}.video-top{display:flex;align-items:flex-start;gap:20px;margin-bottom:20px}.cover{width:66px;height:86px;background:#f4ede4;border-radius:7px;display:grid;place-items:center;font-size:27px;flex-shrink:0}.title-group{flex:1}.meta{font-size:12px;color:#9a9ca5;line-height:1.8}.tag{font-size:11px;background:#edf7ef;color:#519065;display:inline-block;padding:3px 7px;border-radius:4px;margin-right:8px}.video .metrics{border-top:1px solid #f1f2f5;border-bottom:1px solid #f1f2f5;padding:18px 0}.video .metric strong{font-size:24px}.analysis{padding-top:23px}.analysis h4{font-size:13px;margin:0 0 15px}.detail-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.detail{background:#f8f9fb;border-radius:6px;padding:15px}.detail span{font-size:12px;color:#80838b}.detail strong{display:block;font-size:21px;margin-top:10px;font-weight:600}.empty{color:#999da5;font-size:13px;line-height:1.8;padding:24px;text-align:center;background:#fafbfc;border-radius:7px}.chart{margin-top:22px;padding-top:4px}.chart svg{width:100%;height:135px}.chart-label{font-size:12px;color:#91959c;display:flex;justify-content:space-between}.more-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:14px}.more{padding:14px;border:1px solid #edf0f4;border-radius:6px}.more span{font-size:12px;color:#8a8d95}.more strong{display:block;margin-top:8px;font-size:17px}footer{text-align:center;font-size:12px;color:#a9adb4;padding:20px 20px 35px}a{color:#858b97;text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid #fac1cd;outline-offset:2px}@media(max-width:1000px){aside{width:188px}.workspace{margin-left:188px}header{padding:0 24px}main{padding:24px}.metrics{gap:0}.metric{padding:10px}.metric strong{font-size:25px}.detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:680px){aside{position:static;width:auto;padding:16px;border-right:0}.brand{font-size:18px;padding:0}.account,.aside-bottom{display:none}nav{display:flex;margin-top:15px;gap:8px}nav button{padding:10px 12px}.workspace{margin:0}header{height:65px;padding:0 18px;align-items:flex-start;justify-content:center;flex-direction:column;gap:7px}h1{font-size:17px}main{padding:16px}.overview,.video{padding:18px}.metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 0}.metric,.metric:first-child{padding:0 10px;border:0}.metric strong{font-size:23px;margin-top:8px}.detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.section-head{align-items:flex-start;flex-direction:column;gap:7px}.cover{width:48px;height:66px}.video-top{gap:12px}h3{font-size:14px}.more-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}