*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:#f5f6f8;color:#1f2329;font-size:13px;-webkit-font-smoothing:antialiased}a{text-decoration:none}.app-layout{min-height:100vh}.app-sider{position:fixed;left:0;top:0;bottom:0;z-index:20;overflow:auto;border-right:1px solid #0f1114}.app-sider-logo{height:56px;display:flex;align-items:center;gap:8px;padding:0 18px;color:#fff;font-weight:600;font-size:14px;letter-spacing:.5px;border-bottom:1px solid #2b3038;white-space:nowrap}.app-sider-logo .logo-dot{width:22px;height:22px;border-radius:6px;background:#fe2c55;display:inline-flex;align-items:center;justify-content:center;font-size:12px;flex:none}.app-main{transition:margin-left .2s}.app-header{position:sticky;top:0;z-index:10;height:56px;line-height:1.4;display:flex;align-items:center;justify-content:space-between;padding:0 20px 0 8px;background:#fff;border-bottom:1px solid #f0f0f0}.app-header-left{display:flex;align-items:center;gap:8px}.app-header-right{display:flex;align-items:center;gap:14px}.app-content{padding:16px;min-height:calc(100vh - 56px)}.app-brand-badge{font-size:12px;color:#8c8c8c;padding-left:8px;border-left:1px solid #eee}.page-container{max-width:1680px;margin:0 auto}.page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap}.page-header-main{min-width:260px}.page-header-extra{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.page-header-card{margin-bottom:12px;border:1px solid #f0f0f0}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:12px}.toolbar-filters{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.stat-card{border:1px solid #f0f0f0;height:100%}.stat-title{font-size:12px;color:#8c8c8c;margin-bottom:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stat-value{font-size:22px;font-weight:600;line-height:1.2;color:#1f2329;display:flex;align-items:baseline;gap:4px}.stat-suffix{font-size:12px;font-weight:400;color:#8c8c8c}.stat-icon{margin-left:auto;color:#d9d9d9;font-size:16px}.stat-compare{display:inline-flex;align-items:center;gap:2px;font-size:12px;margin-top:6px}.stat-compare.up{color:#fe2c55}.stat-compare.down{color:#52c41a}.stat-compare.flat{color:#8c8c8c}.chart-wrap{position:relative}.chart-legend{display:flex;gap:16px;flex-wrap:wrap;font-size:12px;color:#595959;margin-bottom:4px}.legend-item{display:inline-flex;align-items:center;gap:6px}.legend-item i{width:8px;height:8px;border-radius:2px;display:inline-block}.legend-item b{color:#1f2329}.chart-hover-hint{font-size:11px;color:#bfbfbf;text-align:right;height:14px}.ratio-bar{display:flex;height:12px;border-radius:6px;overflow:hidden;background:#f5f5f5}.ratio-bar i{height:100%;display:block}.h-bar-wrap{display:flex;flex-direction:column;gap:10px;padding:4px 0}.h-bar-row{display:flex;align-items:center;gap:10px;font-size:12px}.h-bar-label{width:96px;color:#595959;flex:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.h-bar-track{flex:1;height:10px;background:#f5f5f5;border-radius:5px;overflow:hidden}.h-bar-fill{height:100%;border-radius:5px;transition:width .3s}.h-bar-value{width:70px;text-align:right;color:#1f2329;flex:none}.state-block{padding:40px 0;text-align:center}.account-card{border:1px solid #f0f0f0;height:100%}.content-card{border:1px solid #f0f0f0;cursor:pointer;transition:border-color .2s,box-shadow .2s}.content-card:hover{border-color:#ffccc7;box-shadow:0 2px 8px #0000000f}.cover-thumb{width:100%;aspect-ratio:3 / 4;object-fit:cover;background:#f5f5f5;border-radius:4px}.cover-thumb-sm{width:48px;height:64px;object-fit:cover;border-radius:4px;background:#f5f5f5}.meta-muted{color:#8c8c8c;font-size:12px}.text-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#f5f6f8}.login-card{width:380px;background:#fff;border:1px solid #f0f0f0;border-radius:10px;padding:32px 28px;box-shadow:0 6px 24px #0000000d}.ai-output-section{border-left:2px solid #fe2c55;padding-left:10px;margin:16px 0 8px;font-weight:600}.script-segment{border:1px solid #f0f0f0;border-radius:6px;padding:10px 12px;margin-bottom:8px;background:#fcfcfd}.comment-item{padding:10px 12px;border:1px solid #f0f0f0;border-radius:6px;margin-bottom:8px}.comment-item.pending{border-left:3px solid #faad14}.comment-item.replied{border-left:3px solid #52c41a}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:#d9d9d9;border-radius:4px}::-webkit-scrollbar-track{background:transparent}