.operation-mobile-shell{background:linear-gradient(180deg,#f6f7fb,#fff 54%,#f8fafc);color:#161b26;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;margin:0 auto;max-width:480px;min-height:100vh;position:relative}.mobile-topbar{align-items:center;background:#f6f7fbeb;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);display:flex;justify-content:space-between;padding:18px 20px 10px;position:sticky;top:0;z-index:10}.mobile-topbar strong{display:block;font-size:28px;font-weight:800;letter-spacing:0;line-height:1.14}.mobile-topbar span{color:#7a8494;display:block;font-size:13px;margin-top:5px;max-width:280px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-kp-mark{align-items:center;background:#c93632;border-radius:14px;color:#fff;display:flex;font-size:15px;font-weight:800;height:42px;justify-content:center;letter-spacing:0;width:42px}.mobile-content{padding:8px 16px 92px}.mobile-loading{align-items:center;display:flex;justify-content:center;min-height:460px}.mobile-hero-card,.mobile-panel,.mobile-song-card,.mobile-metric-card,.mobile-detail-hero,.mobile-dimension-card,.mobile-search,.mobile-segment{background:#fff;border:1px solid #edf0f5;box-shadow:0 12px 30px #1118270f}.mobile-hero-card{align-items:center;border-radius:22px;display:flex;justify-content:space-between;margin-bottom:12px;padding:20px}.mobile-hero-card p,.mobile-hero-card span{color:#8a94a6;font-size:13px;margin:0}.mobile-hero-card h1{font-size:24px;line-height:1.2;margin:7px 0 8px}.mobile-hero-card button{align-items:center;background:#fff1f0;border:0;border-radius:50%;color:#c93632;display:flex;font-size:20px;height:44px;justify-content:center;width:44px}.mobile-range-tabs,.mobile-chip-row{display:flex;gap:8px;margin:10px 0 14px;overflow-x:auto}.mobile-range-tabs button,.mobile-chip-row button,.mobile-segment button{background:#fff;border:1px solid #edf0f5;border-radius:999px;color:#667085;flex:0 0 auto;font-size:13px;font-weight:650;padding:9px 14px}.mobile-range-tabs button.active,.mobile-chip-row button.active,.mobile-segment button.active{background:#c93632;border-color:#c93632;color:#fff}.mobile-chip-row.subtle button.active{background:#fff1f0;border-color:#ffd4d1;color:#c93632}.mobile-overview-grid{display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:14px}.mobile-overview-grid.detail{margin-top:12px}.mobile-metric-card{border-radius:18px;min-width:0;padding:15px}.mobile-metric-card span{color:#818898;display:block;font-size:13px}.mobile-metric-card strong{display:block;font-size:25px;line-height:1.2;margin-top:8px;overflow-wrap:anywhere}.mobile-metric-card small,.mobile-song-side small,.mobile-relation-card small{display:block;font-size:12px;margin-top:6px}.up{color:#c93632}.down{color:#10a68e}.flat{color:#98a2b3}.mobile-panel{border-radius:22px;margin-bottom:14px;padding:16px}.mobile-panel-title{align-items:center;display:flex;font-size:17px;font-weight:800;justify-content:space-between;margin-bottom:12px}.mobile-change-row{align-items:center;display:grid;gap:10px;grid-template-columns:minmax(0,1fr) 118px;padding:12px 0}.mobile-change-row+.mobile-change-row,.mobile-rank-block+.mobile-rank-block,.mobile-video-row+.mobile-video-row,.mobile-funnel-row+.mobile-funnel-row{border-top:1px solid #f0f2f5}.mobile-change-row strong,.mobile-video-row strong{display:block;font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-change-row span,.mobile-video-row span,.mobile-dimension-card span,.mobile-song-subtitle,.mobile-song-relation span,.mobile-advice,.mobile-diagnosis p,.mobile-efficiency-card span,.mobile-efficiency-card small,.mobile-funnel-row span,.mobile-funnel-row em,.mobile-trend-compare span,.mobile-trend-compare p,.mobile-mine p,.mobile-mine-list span{color:#818898;font-size:12px}.mobile-mini-trend{display:block;height:48px;width:118px}.mobile-mini-trend polyline:not(.mobile-mini-trend-area){fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:4}.mobile-rank-block{padding:12px 0 4px}.mobile-rank-block h3{color:#4b5563;font-size:14px;margin:0 0 6px}.mobile-funnel{display:grid;gap:2px}.mobile-funnel-row{padding:12px 0}.mobile-funnel-row div{align-items:center;display:grid;gap:8px;grid-template-columns:minmax(0,1fr) auto auto;margin-bottom:8px}.mobile-funnel-row span{font-weight:650}.mobile-funnel-row strong{font-size:17px}.mobile-funnel-row em{font-style:normal}.mobile-funnel-row i{background:linear-gradient(90deg,#dfe4ec,#c93632);border-radius:999px;display:block;height:8px;min-width:8px}.mobile-efficiency-grid{display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}.mobile-efficiency-card{background:#fff;border:1px solid #edf0f5;border-left-width:4px;border-radius:16px;min-width:0;padding:12px}.mobile-efficiency-card strong{display:block;font-size:15px}.mobile-efficiency-card span{display:block;margin-top:4px}.mobile-efficiency-card em{color:#111827;display:block;font-size:24px;font-style:normal;font-weight:800;margin-top:10px}.mobile-efficiency-songs{display:grid;gap:5px;margin-top:10px}.mobile-efficiency-songs button,.mobile-efficiency-songs span{background:#f8fafc;border:0;border-radius:999px;color:#667085;display:block;font-size:12px;min-width:0;overflow:hidden;padding:5px 8px;text-align:left;text-overflow:ellipsis;white-space:nowrap}.mobile-song-list{display:grid;gap:10px}.mobile-song-card{align-items:center;border-radius:18px;color:inherit;display:grid;gap:12px;grid-template-columns:58px minmax(0,1fr) minmax(74px,auto);padding:12px;text-align:left;width:100%}.mobile-song-card.compact{border:0;border-radius:0;box-shadow:none;grid-template-columns:46px minmax(0,1fr) minmax(62px,auto);padding:9px 0}.mobile-song-cover,.mobile-detail-cover{background-position:center;background-size:cover;overflow:hidden}.mobile-song-cover{border-radius:14px;height:58px;width:58px}.mobile-song-card.compact .mobile-song-cover{border-radius:12px;height:46px;width:46px}.mobile-song-cover span,.mobile-detail-cover span{align-items:center;color:#fff;display:flex;font-size:22px;font-weight:800;height:100%;justify-content:center;width:100%}.mobile-song-main{min-width:0}.mobile-song-title{font-size:16px;font-weight:750;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-song-subtitle{margin-top:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-song-relation{display:flex;gap:8px;margin-top:8px;overflow-x:auto}.mobile-song-relation span{background:#f7f8fa;border-radius:999px;flex:0 0 auto;padding:4px 7px}.mobile-song-side{min-width:0;text-align:right}.mobile-song-side strong{display:block;font-size:17px;overflow-wrap:anywhere}.mobile-search{align-items:center;border-radius:999px;display:flex;gap:10px;margin-bottom:12px;padding:12px 16px}.mobile-search input{background:transparent;border:0;flex:1;font-size:14px;min-width:0;outline:none}.mobile-detail{padding-bottom:8px}.mobile-back{background:transparent;border:0;color:#c93632;font-size:15px;margin:0 0 10px;padding:0}.mobile-detail-hero{align-items:center;border-radius:24px;display:grid;gap:14px;grid-template-columns:88px minmax(0,1fr);padding:16px}.mobile-detail-cover{border-radius:18px;height:88px;width:88px}.mobile-detail-hero h2{font-size:20px;line-height:1.25;margin:0 0 6px}.mobile-detail-hero p,.mobile-detail-hero span{color:#818898;display:block;margin:4px 0 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-relation-card{display:grid;gap:10px;grid-template-columns:minmax(0,1fr)}.mobile-relation-card div{background:#f8fafc;border-radius:16px;padding:12px}.mobile-relation-card span{color:#818898;display:block;font-size:12px}.mobile-relation-card strong{display:block;font-size:24px;margin-top:6px}.mobile-trend-compare{background:#f8fafc;border-radius:18px;display:grid;gap:10px;margin-top:12px;padding:12px}.mobile-trend-compare div{align-items:center;background:#fff;border:1px solid #edf0f5;border-radius:14px;display:grid;gap:10px;grid-template-columns:minmax(0,1fr) 118px;padding:10px}.mobile-trend-compare span{font-weight:700}.mobile-trend-compare p{line-height:1.6;margin:0}.mobile-video-row{padding:12px 0;position:relative}.mobile-video-row.ranked{align-items:center;display:grid;gap:10px;grid-template-columns:26px minmax(0,1fr) auto}.mobile-video-row.ranked b{align-items:center;background:#fff1f0;border-radius:50%;color:#c93632;display:flex;font-size:13px;height:26px;justify-content:center;width:26px}.mobile-video-row em{color:#c93632;display:block;font-style:normal;font-weight:700;margin-top:6px}.mobile-video-row.ranked em{margin-top:0;text-align:right}.mobile-video-row.ranked i{background:#f8fafc;border-radius:999px;color:#667085;font-size:12px;font-style:normal;grid-column:2 / 4;justify-self:start;padding:4px 8px}.mobile-advice{background:#fff7ed;border:1px solid #fed7aa;border-radius:16px;line-height:1.65;padding:14px}.mobile-diagnosis{background:linear-gradient(180deg,#fff8f7,#fff);border:1px solid #ffd8d5;border-radius:18px;padding:14px}.mobile-diagnosis-main span{background:#c93632;border-radius:999px;color:#fff;display:inline-flex;font-size:12px;font-weight:750;padding:5px 9px}.mobile-diagnosis-main strong{display:block;font-size:18px;margin-top:10px}.mobile-diagnosis-main p{line-height:1.65;margin:8px 0 0}.mobile-diagnosis-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.mobile-diagnosis-tags em{background:#fff;border:1px solid #f0d0ce;border-radius:999px;color:#9f312e;font-size:12px;font-style:normal;padding:5px 9px}.mobile-segment{border-radius:18px;display:grid;gap:8px;grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:14px;padding:6px}.mobile-segment button{border:0}.mobile-dimension-list{display:grid;gap:10px}.mobile-dimension-card{align-items:center;border-radius:18px;color:inherit;display:flex;justify-content:space-between;padding:15px;text-align:left}.mobile-dimension-card strong{display:block;font-size:17px}.mobile-dimension-card em{color:#c93632;display:block;font-size:20px;font-style:normal;font-weight:800;text-align:right}.mobile-mine{align-items:center;display:flex;flex-direction:column;margin-top:48px;text-align:center}.mobile-avatar{align-items:center;background:#fff1f0;border-radius:50%;color:#c93632;display:flex;font-size:38px;height:82px;justify-content:center;width:82px}.mobile-mine h2{margin:16px 0 5px}.mobile-mine-list{align-self:stretch;display:grid;gap:10px;margin-top:18px}.mobile-mine-list div{align-items:center;background:#f8fafc;border-radius:14px;display:flex;justify-content:space-between;padding:12px}.mobile-mine-list strong{font-size:14px}.mobile-tabbar{background:#fffffff5;border-top:1px solid #edf0f5;bottom:0;box-shadow:0 -10px 28px #11182714;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));left:50%;max-width:480px;padding:8px 0 max(8px,env(safe-area-inset-bottom));position:fixed;transform:translate(-50%);width:100%;z-index:20}.mobile-tabbar button{align-items:center;background:transparent;border:0;color:#858b98;display:flex;flex-direction:column;font-size:12px;gap:3px}.mobile-tabbar svg{font-size:22px}.mobile-tabbar button.active{color:#c93632;font-weight:750}@media (max-width: 360px){.mobile-content{padding-left:12px;padding-right:12px}.mobile-song-card{gap:9px;grid-template-columns:52px minmax(0,1fr) minmax(64px,auto)}.mobile-song-cover{height:52px;width:52px}.mobile-metric-card strong{font-size:22px}}.audience-trigger{width:100%;min-height:52px;padding:10px 14px;border:1px solid #d9d9d9;border-radius:8px;background:#fff;display:flex;align-items:center;justify-content:space-between;cursor:pointer;color:#262626}.audience-trigger:hover{border-color:#c93a37}.audience-trigger-summary{color:#8c8c8c;font-size:13px}.audience-picker{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:18px;margin-top:16px;min-height:460px}.audience-picker-source{min-width:0;border-right:1px solid #f0f0f0;padding-right:18px}.audience-list{display:flex;flex-direction:column;gap:8px}.audience-section+.audience-section{margin-top:12px}.audience-section-title{color:#8c8c8c;font-size:12px;margin:0 0 5px 4px}.audience-row{min-height:52px;padding:8px 10px;display:flex;align-items:center;gap:10px;border-bottom:1px solid #f3f3f3}label.audience-row{cursor:pointer}.audience-row:hover{background:#fafafa}.audience-row-main{min-width:0;flex:1;display:flex;flex-direction:column}.audience-row-main strong,.audience-row-main small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.audience-row-main small{color:#8c8c8c;margin-top:2px}.audience-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:4px}.audience-people{max-height:370px;overflow:auto;margin-top:4px}.audience-selected{min-width:0;display:flex;flex-direction:column}.audience-selected-head{min-height:40px;display:flex;align-items:center;justify-content:space-between}.audience-selected-list{flex:1;max-height:390px;overflow:auto;margin-bottom:10px}.audience-selected-person{min-height:46px;display:grid;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:8px;border-bottom:1px solid #f3f3f3}.audience-selected-person span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width: 760px){.audience-picker{grid-template-columns:1fr}.audience-picker-source{border-right:0;padding-right:0}.audience-selected{border-top:1px solid #f0f0f0;padding-top:10px}}.tasting-display,.display-error,.display-loading{min-height:100vh;padding:4vh 5vw 3vh;background:#f7f7f9;color:#17171b;letter-spacing:0}.tasting-display{display:flex;flex-direction:column}.tasting-display>*:not(.playback-ambient){position:relative;z-index:1}.playback-ambient{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(90deg,rgba(201,54,50,.06) var(--playback-progress),transparent var(--playback-progress));transition:background .25s linear}.tasting-display header{display:flex;align-items:flex-start;justify-content:space-between;gap:32px}.display-brand{color:#e94f55;font-size:clamp(14px,1.3vw,22px);font-weight:850}.tasting-display h1{margin:12px 0 0;font-size:clamp(34px,4.2vw,78px);line-height:1.05}.live-indicator{display:flex;align-items:center;gap:10px;padding:12px 18px;border-radius:999px;background:#fff;font-size:clamp(14px,1.2vw,20px);font-weight:700}.live-indicator i{width:10px;height:10px;border-radius:50%;background:#e94f55;box-shadow:0 0 0 6px #ffe5e3}.live-indicator i.online{background:#2f8f68;box-shadow:0 0 0 6px #dff3e9}.display-live{flex:1;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(360px,.65fr);align-items:center;gap:5vw}.now-playing span,.display-section-title span{color:#e94f55;font-weight:850;font-size:clamp(13px,1.2vw,20px)}.now-playing h2{max-width:1100px;margin:16px 0;font-size:clamp(56px,8vw,150px);line-height:1;overflow-wrap:anywhere}.now-playing p{color:#74747d;font-size:clamp(18px,1.8vw,30px)}.display-progress{display:grid;gap:28px;padding:clamp(24px,3vw,52px);border-radius:8px;background:#fff;box-shadow:0 20px 60px #1f1f2814}.display-progress-group>div:first-child{display:flex;justify-content:space-between;font-size:clamp(18px,1.7vw,28px)}.progress-track{height:16px;margin-top:14px;overflow:hidden;border-radius:4px;background:#ececf0}.progress-track i{display:block;height:100%;background:#e94f55;transition:width .45s ease}.display-results{flex:1;margin-top:4vh}.display-countdown{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:2vh}.display-countdown>span{color:#c93632;font-size:clamp(22px,2.4vw,38px);font-weight:800}.display-countdown h2{margin:0;max-width:85vw;font-size:clamp(40px,5vw,82px);overflow-wrap:anywhere}.display-countdown>strong{font-variant-numeric:tabular-nums;font-size:clamp(120px,18vw,300px);line-height:1}.display-countdown-progress{display:grid;grid-template-columns:repeat(2,minmax(220px,1fr));gap:4vw;width:min(900px,85vw);text-align:left}.display-section-title{display:flex;align-items:baseline;gap:18px}.display-section-title h2{margin:0;font-size:clamp(28px,3vw,48px)}.display-ranks{display:grid;gap:10px;margin-top:2vh}.display-ranks article{min-height:clamp(64px,7vh,104px);display:grid;grid-template-columns:70px 1fr auto;align-items:center;gap:20px;padding:12px 24px;border-bottom:1px solid #dedee3}.display-ranks article.podium{border:0;border-radius:8px;background:#fff;box-shadow:0 12px 36px #1f1f2812}.display-ranks article.rank-1{border-left:8px solid #e94f55}.display-ranks article>b{color:#e94f55;font-size:clamp(25px,2.7vw,48px)}.display-ranks article h3{margin:0;font-size:clamp(20px,2vw,34px)}.display-ranks article p{margin:5px 0 0;color:#7b7b84;font-size:clamp(12px,1.1vw,18px)}.display-ranks article>strong{font-size:clamp(26px,3vw,52px)}.tasting-display footer{color:#898991;font-size:clamp(12px,1vw,17px);text-align:center}.lyrics-stage{flex:1;display:grid;grid-template-columns:minmax(260px,.38fr) minmax(0,1fr);align-items:center;gap:6vw;padding:5vh 2vw}.lyrics-song span{color:#c93632;font-weight:850}.lyrics-song h2{margin:14px 0 0;font-size:clamp(40px,5vw,88px);line-height:1.05;overflow-wrap:anywhere}.lyrics-viewport{position:relative;min-width:0;height:clamp(360px,54vh,620px);overflow:hidden}.lyrics-track{position:absolute;top:0;right:0;bottom:0;left:0}.lyric-line{--line-progress: 0%;position:absolute;top:50%;left:0;width:100%;padding:0 1vw;text-align:center;opacity:.22;transform:translateY(-50%) scale(.88);filter:blur(.3px);transition:transform .56s cubic-bezier(.22,.84,.24,1),opacity .42s ease,filter .42s ease;will-change:transform,opacity}.lyric-line.offset-m2{transform:translateY(calc(-50% - clamp(220px,34vh,380px))) scale(.82);opacity:.08}.lyric-line.offset-m1{transform:translateY(calc(-50% - clamp(110px,17vh,190px))) scale(.88)}.lyric-line.offset-p1{transform:translateY(calc(-50% + clamp(110px,17vh,190px))) scale(.88)}.lyric-line.offset-p2{transform:translateY(calc(-50% + clamp(220px,34vh,380px))) scale(.82);opacity:.08}.lyric-line span{display:inline;color:#8d8d96;font-size:clamp(20px,2vw,38px);line-height:1.35}.lyric-line.is-current{z-index:2;opacity:1;filter:none;transform:translateY(-50%) scale(1)}.lyric-line.is-current span{color:transparent;font-size:clamp(36px,4.2vw,78px);font-weight:850;line-height:1.22;background:linear-gradient(90deg,#c93632 0%,#c93632 var(--line-progress),#17171b calc(var(--line-progress) + 7%),#17171b 100%);background-clip:text;-webkit-background-clip:text;transition:font-size .42s ease}.lyric-line.is-waiting span{color:#17171b;background:none}.lyrics-progress{position:absolute;left:2vw;right:2vw;bottom:2vh;height:6px;overflow:hidden;background:#e1e1e6}.lyrics-progress i{display:block;height:100%;background:#c93632;transition:width .12s linear}.display-error,.display-loading{display:grid;align-content:center;justify-items:center;text-align:center}.display-error h1,.display-loading h1{margin:18px 0 8px;font-size:clamp(38px,5vw,82px)}.display-error p{color:#787881;font-size:20px}@media (max-width: 900px){.display-live,.lyrics-stage{grid-template-columns:1fr;align-content:center}.display-progress{grid-template-columns:1fr 1fr}.display-ranks article{grid-template-columns:46px 1fr auto;padding-inline:12px}}@media (prefers-reduced-motion: reduce){.lyric-line{transition:none}.lyric-line.is-current span{background:none;color:#17171b}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f6f7f9;color:#1d2129}#root{min-height:100vh}.ant-layout{background:#f6f7f9}.ant-card{box-shadow:0 8px 24px #1d21290a}.ant-menu-light .ant-menu-item-selected{background:#fff1f0;color:#c93632}.ant-menu-light .ant-menu-item-selected .anticon,.ant-menu-light .ant-menu-item:hover,.ant-menu-light .ant-menu-submenu-title:hover{color:#c93632}.ant-menu-item-group-title{color:#86909c;font-weight:600}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#a8a8a8}
