:root{--accent:#756b87;--accent-soft:#f1eef5}
body,main,.page{background:#f5f5f7;color:#1d1d1f}
.page{max-width:1700px}.brand{flex-direction:column;justify-content:center;min-height:150px;height:auto;padding:16px;gap:10px}.brandLogo{width:84px}.brandText{text-align:center;font-size:18px;line-height:1.3}
nav button.selected{color:var(--accent);background:var(--accent-soft)}nav button svg{fill:currentColor}
header{position:static!important}.dyHeaderLogo{display:block;width:42px;height:42px;object-fit:contain}.dyHeaderText{font-size:18px;font-weight:700;color:#1d1d1f}
.platformRail{display:flex;gap:4px;margin:-2px 0 16px;padding:4px;width:max-content;max-width:100%;overflow-x:auto;border:1px solid #dedee3;border-radius:12px;background:#eeeef1;scrollbar-width:none}.platformRail a,.platformRail span{flex:none;padding:8px 14px;border-radius:9px;color:#6e6e73;font-size:13px;text-decoration:none}.platformRail .active{color:#1d1d1f;background:#fff;box-shadow:0 1px 5px rgba(0,0,0,.12);font-weight:650}.platformRail .soon{opacity:.48}
.panel{background:#fff;border-color:#e5e5e7;box-shadow:0 8px 24px rgba(0,0,0,.04)}.dyChartCanvas{width:100%;flex:1;min-height:280px}.dyYearCanvas{width:100%;height:320px}.dyTable table{min-width:1580px}.dyTable tbody td{height:104px}.dyTable th:nth-child(n+2),.dyTable td:nth-child(n+2){text-align:center}.dyTable .xhsTitle{max-width:430px}.dyPlaceholder{padding:10px!important;background:#17171b!important}
.xhsMetrics{margin-bottom:16px}.xhsMetricRow.dyAnnual{grid-template-columns:repeat(4,1fr)}.xhsMetricRow.dyPeriod{grid-template-columns:repeat(6,1fr);margin-top:10px}.xhsMetric{padding:20px 18px;text-align:center;border-right:1px solid #ededf0}.xhsMetric:last-child{border-right:0}.xhsMetric span{display:block;color:#6e6e73;font-size:13px}.xhsMetric strong{display:block;margin:8px 0 4px;font-size:27px}.xhsMetric small{color:#92929a;font-size:11px}.xhsGrid{display:grid;grid-template-columns:minmax(420px,1fr) minmax(560px,1.35fr);gap:16px}.xhsChart,.xhsTop{height:420px;display:flex;flex-direction:column}.xhsTopList{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;padding:10px;overflow:auto}.xhsTopCard{display:grid;grid-template-columns:22px 58px 1fr auto;gap:9px;align-items:center;min-width:0;padding:9px;border:1px solid #e8e8ec;border-radius:12px}.xhsTopRank{color:#aaaab2;font-weight:800;text-align:center}.xhsTopCard:nth-child(-n+3) .xhsTopRank{color:var(--accent)}.xhsTopCover{width:58px;height:78px;object-fit:contain;border-radius:8px;background:#f3f3f5}.xhsTopInfo{min-width:0}.xhsTopTitle{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:12px;font-weight:650;line-height:1.4}.xhsTopDate{margin-top:5px;color:#92929a;font-size:10px}.xhsTopViews{text-align:right;color:var(--accent);font-size:15px;font-weight:800}.xhsTopViews small{display:block;color:#999;font-size:9px;font-weight:500}.yearPanel,.xhsTable{margin-top:16px}.yearHeadActions select{height:34px;border:1px solid #d9d9de;border-radius:8px;background:#fff;padding:0 10px}.xhsCell{display:flex;align-items:center;gap:12px;min-width:440px}.xhsCover{width:68px;height:88px;object-fit:contain;border-radius:8px;background:#f3f3f5}.xhsTitle{white-space:normal;font-size:14px;font-weight:600;line-height:1.45}.xhsPager{display:flex;justify-content:center;align-items:center;gap:6px;padding:12px}.xhsPager button{min-width:32px;height:32px;border:1px solid #dedee3;border-radius:8px;background:#fff}.xhsPager button.active{background:var(--accent);color:#fff;border-color:var(--accent)}
@media(max-width:1100px){.xhsMetricRow.dyAnnual{grid-template-columns:repeat(2,1fr)}.xhsMetricRow.dyPeriod{grid-template-columns:repeat(3,1fr)}.xhsMetricRow.dyAnnual .xhsMetric:nth-child(2n),.xhsMetricRow.dyPeriod .xhsMetric:nth-child(3n){border-right:0}.xhsMetricRow.dyAnnual .xhsMetric:nth-child(n+3),.xhsMetricRow.dyPeriod .xhsMetric:nth-child(n+4){border-top:1px solid #ededf0}.xhsGrid{grid-template-columns:1fr}}
@media(max-width:760px){body{padding-bottom:72px}aside{inset:auto 8px 8px;width:auto;height:62px;transform:none;border:1px solid #dddde2;border-radius:18px;background:rgba(255,255,255,.9);box-shadow:0 10px 35px rgba(0,0,0,.13);backdrop-filter:blur(18px)}aside .brand{display:none}aside nav{display:grid;grid-template-columns:repeat(4,1fr);height:100%;padding:5px}aside nav button{flex-direction:column;justify-content:center;gap:2px;height:50px;padding:0 4px;font-size:10px;text-align:center}aside nav button svg{width:18px;height:18px}main{width:100%;margin:0}header{height:56px;padding:0 14px}.page{padding:14px 12px 28px}.titleRow h1{font-size:23px}.platformRail{width:100%;margin-bottom:12px}.platformRail a,.platformRail span{flex:1;padding:8px;text-align:center;font-size:12px}.xhsGrid{display:block}.panel{margin-bottom:12px;border-radius:15px}.xhsChart,.xhsTop{height:auto}.xhsTopList{grid-template-columns:1fr;overflow:visible}.dyChartCanvas,.dyYearCanvas{height:260px!important;min-height:260px}.tableWrap{overflow:visible}.dyTable table{display:block;min-width:0}.dyTable thead{display:none}.dyTable tbody{display:grid;gap:8px;padding:8px}.dyTable tr{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;padding:12px;border:1px solid #e7e7eb;border-radius:14px}.dyTable td{display:block;height:auto!important;padding:0;border:0;text-align:left!important;white-space:normal}.dyTable td:first-child{grid-column:1/-1}.dyTable td:not(:first-child)::before{display:block;margin-bottom:2px;color:#92929a;font-size:9px}.dyTable td:nth-child(2)::before{content:'发布时间'}.dyTable td:nth-child(3)::before{content:'完播率'}.dyTable td:nth-child(4)::before{content:'5秒完播率'}.dyTable td:nth-child(5)::before{content:'2秒跳出率'}.dyTable td:nth-child(6)::before{content:'平均播放时长'}.dyTable td:nth-child(7)::before{content:'播放量'}.dyTable td:nth-child(8)::before{content:'点赞'}.dyTable td:nth-child(9)::before{content:'评论'}.dyTable td:nth-child(10)::before{content:'分享'}.dyTable td:nth-child(11)::before{content:'收藏'}.dyTable td:nth-child(12)::before{content:'主页访问'}.dyTable td:nth-child(13)::before{content:'粉丝增量'}}