:root{--bg-primary: #0f1115;--bg-secondary: #1e222d;--bg-card: #1e222d;--bg-hover: #2a2e39;--border-color: #2a2e39;--surface-color: #1e222d;--text-primary: #e0e3eb;--text-secondary: #787b86;--accent-blue: #2962ff;--accent-success: #26a69a;--accent-danger: #ef5350;--accent-warning: #fbbf24;--accent-blue-bg: rgba(41, 98, 255, .15);--accent-success-bg: rgba(38, 166, 154, .15);--accent-danger-bg: rgba(239, 83, 80, .15);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-pill: 20px}html.tv-light,:root[data-theme=light]{--bg-primary: #ffffff;--bg-secondary: #f8f9fa;--bg-card: #ffffff;--bg-hover: #f1f3f4;--border-color: #e0e3eb;--surface-color: #ffffff;--text-primary: #131722;--text-secondary: #787b86;--accent-blue: #2962ff;--accent-success: #26a69a;--accent-danger: #ef5350;--accent-warning: #f59e0b;--accent-blue-bg: rgba(41, 98, 255, .1);--accent-success-bg: rgba(38, 166, 154, .1);--accent-danger-bg: rgba(239, 83, 80, .1)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Inter,Segoe UI,Roboto,sans-serif;background-color:var(--bg-primary);color:var(--text-primary);min-height:100vh;line-height:1.5}#root{min-height:100vh}a{color:var(--accent-blue);text-decoration:none;transition:opacity .2s}a:hover{opacity:.8}.container{max-width:900px;margin:0 auto;padding:20px}.card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden}.pill{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:var(--radius-pill);font-size:12px;font-weight:600}.pill-success{background:var(--accent-success-bg);color:var(--accent-success)}.pill-danger{background:var(--accent-danger-bg);color:var(--accent-danger)}.pill-blue{background:var(--accent-blue-bg);color:var(--accent-blue)}.pulse-dot{width:8px;height:8px;border-radius:50%;background:var(--accent-success);position:relative}.pulse-dot:after{content:"";position:absolute;inset:-4px;border-radius:50%;border:2px solid var(--accent-success);opacity:0;animation:pulse-ring 2s infinite}@keyframes pulse-ring{0%{transform:scale(.5);opacity:1}to{transform:scale(1.5);opacity:0}}.loading-spinner{width:40px;height:40px;border:3px solid var(--border-color);border-top-color:var(--accent-blue);border-radius:50%;animation:spin 1s linear infinite}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.react-grid-layout{position:relative;transition:height .2s ease}.react-grid-item{transition:all .2s ease;transition-property:left,top,width,height}.react-grid-item img{pointer-events:none;-webkit-user-select:none;user-select:none}.react-grid-item.cssTransforms{transition-property:transform,width,height}.react-grid-item.resizing{transition:none;z-index:1;will-change:width,height}.react-grid-item.react-draggable-dragging{transition:none;z-index:3;will-change:transform}.react-grid-item.dropping{visibility:hidden}.react-grid-item.react-grid-placeholder{background:red;opacity:.2;transition-duration:.1s;z-index:2;-webkit-user-select:none;user-select:none}.react-grid-item.react-grid-placeholder.placeholder-resizing{transition:none}.react-grid-item>.react-resizable-handle{position:absolute;width:20px;height:20px;opacity:0}.react-grid-item:hover>.react-resizable-handle{opacity:1}.react-grid-item>.react-resizable-handle:after{content:"";position:absolute;right:3px;bottom:3px;width:5px;height:5px;border-right:2px solid rgba(0,0,0,.4);border-bottom:2px solid rgba(0,0,0,.4)}.react-resizable-hide>.react-resizable-handle{display:none}.react-grid-item>.react-resizable-handle.react-resizable-handle-sw{bottom:0;left:0;cursor:sw-resize;transform:rotate(90deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-se{bottom:0;right:0;cursor:se-resize}.react-grid-item>.react-resizable-handle.react-resizable-handle-nw{top:0;left:0;cursor:nw-resize;transform:rotate(180deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-ne{top:0;right:0;cursor:ne-resize;transform:rotate(270deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-w,.react-grid-item>.react-resizable-handle.react-resizable-handle-e{top:50%;margin-top:-10px;cursor:ew-resize}.react-grid-item>.react-resizable-handle.react-resizable-handle-w{left:0;transform:rotate(135deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-e{right:0;transform:rotate(315deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-n,.react-grid-item>.react-resizable-handle.react-resizable-handle-s{left:50%;margin-left:-10px;cursor:ns-resize}.react-grid-item>.react-resizable-handle.react-resizable-handle-n{top:0;transform:rotate(225deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-s{bottom:0;transform:rotate(45deg)}.react-resizable{position:relative}.react-resizable-handle{position:absolute;width:20px;height:20px;background-repeat:no-repeat;background-origin:content-box;box-sizing:border-box;background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2IDYiIHN0eWxlPSJiYWNrZ3JvdW5kLWNvbG9yOiNmZmZmZmYwMCIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI2cHgiIGhlaWdodD0iNnB4Ij48ZyBvcGFjaXR5PSIwLjMwMiI+PHBhdGggZD0iTSA2IDYgTCAwIDYgTCAwIDQuMiBMIDQgNC4yIEwgNC4yIDQuMiBMIDQuMiAwIEwgNiAwIEwgNiA2IEwgNiA2IFoiIGZpbGw9IiMwMDAwMDAiLz48L2c+PC9zdmc+);background-position:bottom right;padding:0 3px 3px 0}.react-resizable-handle-sw{bottom:0;left:0;cursor:sw-resize;transform:rotate(90deg)}.react-resizable-handle-se{bottom:0;right:0;cursor:se-resize}.react-resizable-handle-nw{top:0;left:0;cursor:nw-resize;transform:rotate(180deg)}.react-resizable-handle-ne{top:0;right:0;cursor:ne-resize;transform:rotate(270deg)}.react-resizable-handle-w,.react-resizable-handle-e{top:50%;margin-top:-10px;cursor:ew-resize}.react-resizable-handle-w{left:0;transform:rotate(135deg)}.react-resizable-handle-e{right:0;transform:rotate(315deg)}.react-resizable-handle-n,.react-resizable-handle-s{left:50%;margin-left:-10px;cursor:ns-resize}.react-resizable-handle-n{top:0;transform:rotate(225deg)}.react-resizable-handle-s{bottom:0;transform:rotate(45deg)}.draggable-layout{width:100%;height:100%;display:flex;flex-direction:column;gap:1px}.draggable-layout .react-grid-layout{min-height:400px}@keyframes slideInFromBottom{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.grid-item-wrapper{width:100%;height:100%;display:flex;flex-direction:column}.pane{display:flex;flex-direction:column;background:var(--bg-secondary, #1a1a2e);border:1px solid var(--border-color, #2a2a4a);border-radius:8px;overflow:visible;min-height:0;flex:1;position:relative;z-index:1}.pane-header{display:flex;justify-content:space-between;align-items:center;padding:0 8px;height:32px;background:var(--bg-primary, #0f0f1a);border-bottom:1px solid var(--border-color, #2a2a4a);border-radius:8px 8px 0 0;flex-shrink:0;cursor:grab;z-index:10}.pane-header:active{cursor:grabbing}.pane-header-left{display:flex;align-items:center;gap:8px;height:100%}.drag-handle-icon{font-size:14px;color:var(--text-secondary, #888);cursor:grab;display:flex;align-items:center;padding:0 4px;opacity:.6}.drag-handle-icon:hover{opacity:1;color:#aaa}.pane-icon{font-size:14px}.pane-icon{width:26px;height:26px;display:flex;align-items:center;justify-content:center;background:var(--accent-color, #2962ff);border-radius:6px;flex-shrink:0}.pane-icon svg,.pane-icon svg.lucide,.pane-header-left svg.lucide{width:14px!important;height:14px!important;color:#fff!important}.pane-title{font-size:14px;font-weight:600;color:var(--text-primary, #fff);white-space:nowrap}.fetching-indicator{display:flex;align-items:center;margin-left:6px}.fetching-dot{width:8px;height:8px;background:#22c55e;border-radius:50%;animation:fetchingPulse 1s ease-in-out infinite;box-shadow:0 0 6px #22c55e99}@keyframes fetchingPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.pane-header-right{display:flex;align-items:center;gap:4px}.pane-control-btn{background:transparent;border:none;color:var(--text-secondary, #888);cursor:pointer;font-size:14px;padding:0 4px;display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:4px;transition:all .15s}.pane-control-btn svg{display:block}.pane-control-btn:hover{background:#ffffff1a;color:#ccc}.pane-close-btn:hover{color:#ff4d4d;background:#ff4d4d26}.pane-content{flex:1;overflow:hidden;position:relative;min-height:0}.react-grid-item>.react-resizable-handle{position:absolute;z-index:100;background:transparent}.react-grid-item>.react-resizable-handle-se{width:20px;height:20px;bottom:0;right:0;cursor:se-resize;z-index:101}.react-grid-item>.react-resizable-handle-se:after{content:"";position:absolute;right:4px;bottom:4px;width:8px;height:8px;border-right:2px solid rgba(255,255,255,.4);border-bottom:2px solid rgba(255,255,255,.4)}.react-grid-item>.react-resizable-handle-s{height:4px!important;width:100%!important;bottom:0!important;left:0!important;cursor:ns-resize!important;position:absolute!important;z-index:99;background:transparent!important;background-image:none!important}.react-grid-item>.react-resizable-handle-s:hover{background:#2962ff80!important}.react-grid-item>.react-resizable-handle-e{width:4px!important;height:100%!important;right:0!important;top:0!important;cursor:ew-resize!important;position:absolute!important;z-index:99;background:transparent!important;background-image:none!important}.react-grid-item>.react-resizable-handle-e:hover{background:#2962ff80!important}.react-grid-item>.react-resizable-handle-n{height:4px!important;width:100%!important;top:0!important;left:0!important;cursor:ns-resize!important;position:absolute!important;z-index:99;background:transparent!important;background-image:none!important}.react-grid-item>.react-resizable-handle-n:hover{background:#2962ff80!important}.react-grid-item>.react-resizable-handle-w{width:4px!important;height:100%!important;left:0!important;top:0!important;cursor:ew-resize!important;position:absolute!important;z-index:99;background:transparent!important;background-image:none!important}.react-grid-item>.react-resizable-handle-w:hover{background:#2962ff80!important}.react-grid-item>.react-resizable-handle-sw,.react-grid-item>.react-resizable-handle-nw,.react-grid-item>.react-resizable-handle-ne{width:10px;height:10px;z-index:100}.react-grid-item>.react-resizable-handle:hover:after{border-color:#2962ffb3}.react-grid-placeholder{background:#2962ff33!important;border:2px dashed #2962ff!important;border-radius:8px;opacity:1!important}.react-grid-item.react-draggable-dragging{z-index:100;box-shadow:0 8px 24px #0006}.react-grid-item.resizing{z-index:100}.category-divider{display:flex;align-items:center;width:100%;height:100%;padding:0 8px;margin-top:16px;margin-bottom:8px;pointer-events:none}.category-header-content{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:600;margin-right:16px;white-space:nowrap}.category-icon{display:flex;align-items:center;justify-content:center}.category-icon svg{width:18px;height:18px}.category-line{flex:1;height:1px;border-radius:1px;opacity:.6}.maximize-overlay{position:fixed;inset:0;background:#000000d9;z-index:1000;display:flex;justify-content:center;align-items:center;padding:24px}.maximize-content{width:100%;height:100%;max-width:1400px;max-height:90vh;background:var(--bg-secondary, #1a1a2e);border:1px solid var(--border-color, #2a2a4a);border-radius:12px;overflow:hidden;display:flex;flex-direction:column}.maximize-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:var(--bg-primary, #0f0f1a);border-bottom:1px solid var(--border-color, #2a2a4a)}.maximize-header-title{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:600;color:var(--text-primary, #fff)}.maximize-close-btn{background:transparent;border:none;color:var(--text-secondary, #888);cursor:pointer;font-size:20px;padding:4px 8px;border-radius:4px;transition:all .15s}.maximize-close-btn:hover{background:#ff4d4d26;color:#ff4d4d}.maximize-body{flex:1;overflow:auto;padding:16px}.platform-card{background:var(--bg-card, #1e222d);border:1px solid var(--border-color, #363a45);border-radius:8px;overflow:hidden;display:flex;flex-direction:column;height:360px;transition:all .2s ease}.platform-card:hover{border-color:var(--accent-color, #2962ff);box-shadow:0 2px 12px #00000040}.platform-card-header{display:flex;align-items:center;gap:10px;padding:14px 16px;background:transparent;border-bottom:1px solid var(--border-color, #363a45)}.platform-icon-wrapper{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:var(--accent-color, #2962ff);border-radius:6px;flex-shrink:0}.platform-icon-wrapper .platform-icon{width:16px;height:16px;color:#fff}.platform-name{flex:1;font-size:14px;font-weight:600;color:var(--text-primary, #e1e4ea);margin:0;letter-spacing:.02em}.platform-count{font-size:12px;color:var(--text-secondary, #8b8f9a);background:transparent;padding:0}.platform-card-content{flex:1;overflow-y:auto;padding:4px 0}.platform-card-content::-webkit-scrollbar{width:4px}.platform-card-content::-webkit-scrollbar-track{background:transparent}.platform-card-content::-webkit-scrollbar-thumb{background:var(--border-color, #363a45);border-radius:2px}.platform-card-content::-webkit-scrollbar-thumb:hover{background:var(--text-secondary, #8b8f9a)}.platform-news-list{list-style:none;margin:0;padding:0}.news-item{display:flex;align-items:flex-start;gap:12px;padding:10px 16px;transition:background .15s ease;border-bottom:1px solid transparent}.news-item:hover{background:#ffffff08}.news-rank{flex-shrink:0;width:22px;height:22px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;color:#8b8f9a;background:#2a2e39;border-radius:50%;margin-top:1px}.news-item:nth-child(1) .news-rank{background:#ff4d4f;color:#fff}.news-item:nth-child(2) .news-rank{background:#ff7a45;color:#fff}.news-item:nth-child(3) .news-rank{background:#ffa940;color:#fff}.news-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.news-title{flex:1;font-size:13px;line-height:1.5;color:var(--text-primary, #e1e4ea);text-decoration:none;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-all}.news-title:hover{color:var(--accent-color, #2962ff)}.news-meta{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--text-tertiary, #666)}.news-time{flex-shrink:0;font-size:11px;color:var(--text-tertiary, #666);white-space:nowrap}.news-hot{flex-shrink:0;font-size:11px;color:#ff6b6b;font-weight:500;display:flex;align-items:center;gap:2px}.news-hot:before{content:"🔥";font-size:10px}.loading-state,.error-state,.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;height:100%;color:var(--text-secondary, #8b8f9a);font-size:13px}.error-state{color:#ef5350}.loading-spinner{width:24px;height:24px;border:2px solid var(--border-color, #363a45);border-top-color:var(--accent-color, #2962ff);border-radius:50%;animation:spin .8s linear infinite}.view-all-link{display:flex;align-items:center;justify-content:center;padding:10px 16px;font-size:12px;color:var(--text-secondary, #8b8f9a);border-top:1px solid var(--border-color, #363a45);cursor:pointer;transition:color .15s ease}.view-all-link:hover{color:var(--accent-color, #2962ff)}.view-all-link svg{width:14px;height:14px;margin-left:4px}.platform-card.embedded{height:100%;border:none;border-radius:0}.platform-card.embedded .platform-card-content{padding-top:8px}.sentiment-gauge{background:linear-gradient(135deg,#1a1a2ef2,#16213ee6);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:20px 24px 16px;margin-bottom:16px;position:relative;overflow:hidden}.sentiment-gauge:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent)}.sentiment-gauge__header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.sentiment-gauge__title{font-size:14px;font-weight:600;color:#ffffffd9;letter-spacing:.5px}.sentiment-gauge__chart{position:relative;display:flex;flex-direction:column;align-items:center}.sentiment-gauge__svg{width:220px;height:auto}.sentiment-gauge__arc-fill{filter:drop-shadow(0 0 6px currentColor);transition:d .8s ease}.sentiment-gauge__needle{filter:drop-shadow(0 0 4px currentColor);transition:x2 .8s ease,y2 .8s ease;transform-origin:center}.sentiment-gauge__scale-text{font-size:10px;fill:#fff6;font-family:Inter,SF Pro,sans-serif}.sentiment-gauge__value{display:flex;flex-direction:column;align-items:center;margin-top:-30px;gap:2px}.sentiment-gauge__score{font-size:36px;font-weight:700;font-family:Inter,SF Pro,monospace;line-height:1;text-shadow:0 0 20px currentColor}.sentiment-gauge__label{font-size:13px;font-weight:500;opacity:.9;letter-spacing:1px}.sentiment-gauge__legend{display:flex;justify-content:center;gap:12px;margin-top:12px;flex-wrap:wrap}.sentiment-gauge__legend-item{font-size:11px;opacity:.7;white-space:nowrap}@media(max-width:640px){.sentiment-gauge{padding:16px}.sentiment-gauge__svg{width:180px}.sentiment-gauge__score{font-size:28px}.sentiment-gauge__legend{gap:8px}.sentiment-gauge__legend-item{font-size:10px}}.sector-impacts{background:linear-gradient(135deg,#1a1a2ef2,#16213ee6);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:20px 24px 16px;margin-bottom:16px;position:relative;overflow:hidden}.sector-impacts:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent)}.sector-impacts__header{display:flex;align-items:center;gap:8px;margin-bottom:16px}.sector-impacts__title{font-size:14px;font-weight:600;color:#ffffffd9;letter-spacing:.5px}.sector-impacts__grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.sector-impacts__column-label{font-size:12px;font-weight:600;margin-bottom:10px;display:flex;align-items:center;gap:6px;letter-spacing:.5px}.sector-impacts__column--bullish .sector-impacts__column-label{color:#ef4444}.sector-impacts__column--bearish .sector-impacts__column-label{color:#22c55e}.sector-impacts__arrow{font-size:10px}.sector-impacts__arrow--up{color:#ef4444}.sector-impacts__arrow--down{color:#22c55e}.sector-impacts__card{padding:10px 12px;border-radius:10px;margin-bottom:8px;transition:transform .2s ease,box-shadow .2s ease}.sector-impacts__card:hover{transform:translateY(-1px)}.sector-impacts__card--bullish{background:#ef44441a;border:1px solid rgba(239,68,68,.2)}.sector-impacts__card--bullish:hover{box-shadow:0 2px 12px #ef444426}.sector-impacts__card--bearish{background:#22c55e1a;border:1px solid rgba(34,197,94,.2)}.sector-impacts__card--bearish:hover{box-shadow:0 2px 12px #22c55e26}.sector-impacts__card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.sector-impacts__sector{font-size:13px;font-weight:600;color:#ffffffe6}.sector-impacts__strength{font-size:12px;letter-spacing:2px}.sector-impacts__strength--bullish{color:#ef4444}.sector-impacts__strength--bearish{color:#22c55e}.sector-impacts__reason{font-size:11px;color:#ffffff80;line-height:1.5}.sector-impacts__neutral{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:12px;padding-top:12px;border-top:1px solid rgba(255,255,255,.06)}.sector-impacts__neutral-label{font-size:12px;color:#fff6;font-weight:500}.sector-impacts__neutral-tag{font-size:11px;color:#ffffff80;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);padding:3px 10px;border-radius:12px;cursor:default;transition:background .2s ease}.sector-impacts__neutral-tag:hover{background:#ffffff1a}@media(max-width:640px){.sector-impacts{padding:16px}.sector-impacts__grid{grid-template-columns:1fr;gap:12px}.sector-impacts__card{padding:8px 10px}}.ai-section{margin-top:24px;padding:20px;background:linear-gradient(135deg,#2962ff14,#0ea5e914);border-radius:var(--radius-md);border:1px solid rgba(41,98,255,.2)}.ai-section.ai-error{background:var(--accent-danger-bg);border-color:var(--accent-danger)}.ai-header{display:flex;align-items:center;gap:10px;margin-bottom:16px}.ai-icon{font-size:20px}.ai-title{font-size:16px;font-weight:600;color:var(--accent-blue)}.ai-badge{font-size:10px;font-weight:600;padding:3px 8px;border-radius:4px;background:var(--accent-blue);color:#fff;text-transform:uppercase}.ai-error-content{font-size:14px;color:var(--accent-danger)}.ai-blocks{display:flex;flex-direction:column;gap:12px}.ai-block{padding:20px;background:var(--bg-card);border-radius:12px;border:1px solid var(--border-color);transition:border-color .2s ease,box-shadow .2s ease}.ai-block:hover{border-color:#ffffff1f;box-shadow:0 2px 16px #00000026}.ai-block-header{display:flex;align-items:center;gap:8px;padding-left:12px;margin-bottom:14px;border-left:3px solid var(--accent-blue)}.ai-block-title{font-size:14px;font-weight:600;color:var(--text-primary)}.ai-rich-content{padding-left:8px}.ai-sub-heading{border-left:3px solid;padding:6px 12px;margin:12px 0 8px;background:#ffffff0a;border-radius:0 8px 8px 0}.ai-sub-heading:first-child{margin-top:0}.ai-sub-heading-text{font-size:13px;font-weight:600;color:#ffffffd9;letter-spacing:.3px}.ai-list-item{display:flex;gap:10px;padding:8px 0;align-items:flex-start}.ai-list-badge{flex-shrink:0;width:20px;height:20px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:#fff;margin-top:1px;opacity:.85}.ai-list-text{font-size:13px;line-height:1.7;color:var(--text-secondary)}.ai-paragraph{font-size:13px;line-height:1.8;color:var(--text-secondary);margin:6px 0}.ai-loading-content{display:flex;align-items:center;justify-content:center;gap:12px;padding:40px 20px;color:var(--text-secondary);font-size:14px}.ai-spinner{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.ai-placeholder-content{text-align:center;padding:32px 20px}.ai-placeholder-title{font-size:16px;font-weight:600;color:var(--accent-blue);margin-bottom:8px}.ai-placeholder-text{font-size:13px;color:var(--text-muted)}.ai-stats{font-size:11px;color:var(--text-secondary);margin-left:auto}html.tv-light .ai-section,:root[data-theme=light] .ai-section{background:linear-gradient(135deg,#2962ff0d,#0ea5e90d)}html.tv-light .ai-block,:root[data-theme=light] .ai-block{background:#fff}html.tv-light .ai-sub-heading,:root[data-theme=light] .ai-sub-heading{background:#00000008}html.tv-light .ai-sub-heading-text,:root[data-theme=light] .ai-sub-heading-text{color:#000c}@media(max-width:480px){.ai-section{padding:16px}.ai-block{padding:14px}.ai-rich-content{padding-left:4px}.ai-list-text,.ai-paragraph{font-size:12px}}.news-wordcloud{background:linear-gradient(145deg,#1a1a2e,#16213e);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:20px;margin-top:20px;box-shadow:0 4px 20px #0000004d}.wordcloud-header{display:flex;align-items:center;gap:10px;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.1)}.wordcloud-icon{font-size:24px}.wordcloud-title{font-size:18px;font-weight:600;color:#f0f0f0;flex:1}.wordcloud-count{font-size:12px;color:#ffffff80;background:#ffffff1a;padding:4px 10px;border-radius:12px;display:inline-flex;align-items:center;gap:6px}.live-dot{width:6px;height:6px;border-radius:50%;background:#52c41a;animation:pulse-dot 1.5s ease-in-out infinite;flex-shrink:0}@keyframes pulse-dot{0%,to{opacity:1;box-shadow:0 0 #52c41a66}50%{opacity:.6;box-shadow:0 0 0 4px #52c41a00}}.ticker-number{font-variant-numeric:tabular-nums;font-weight:600;color:#ffffffd9;min-width:2ch;text-align:right}.wordcloud-container{min-height:300px;display:flex;align-items:center;justify-content:center;background:#0003;border-radius:8px;overflow:hidden}.wordcloud-empty{color:#fff6;font-size:14px}.wordcloud-empty p{margin:0}.wordcloud-container svg text{cursor:pointer;transition:opacity .2s ease,transform .2s ease}.wordcloud-container svg text:hover{opacity:.8}@media(max-width:768px){.news-wordcloud{padding:12px;margin-top:12px}.wordcloud-container{min-height:200px}.wordcloud-title{font-size:16px}}html.tv-light .news-wordcloud,:root[data-theme=light] .news-wordcloud{background:#fff;border-color:var(--border-color);box-shadow:0 4px 20px #0000000d}html.tv-light .wordcloud-header,:root[data-theme=light] .wordcloud-header{border-bottom-color:var(--border-color)}html.tv-light .wordcloud-title,:root[data-theme=light] .wordcloud-title{color:var(--text-primary)}html.tv-light .wordcloud-count,:root[data-theme=light] .wordcloud-count{color:var(--text-secondary);background:#0000000d}html.tv-light .wordcloud-container,:root[data-theme=light] .wordcloud-container{background:transparent}html.tv-light .wordcloud-empty,:root[data-theme=light] .wordcloud-empty{color:var(--text-secondary)}.trend-wave-chart{background:linear-gradient(145deg,#1a1a2e,#16213e);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:20px;margin-top:16px;box-shadow:0 4px 20px #0000004d}.trend-wave-tabs{display:flex;gap:6px;margin-bottom:12px;padding:3px;background:#ffffff0a;border-radius:8px;width:fit-content}.trend-wave-tab{padding:5px 14px;border:none;border-radius:6px;background:transparent;color:#ffffff80;font-size:12px;font-weight:500;cursor:pointer;transition:all .25s ease;white-space:nowrap}.trend-wave-tab:hover{color:#fffc;background:#ffffff0f}.trend-wave-tab.active{color:#fff;background:#a78bfa4d;box-shadow:0 0 8px #a78bfa33}.trend-wave-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.1)}.trend-wave-title-group{display:flex;align-items:center;gap:10px}.trend-wave-icon{display:flex;align-items:center;color:#a78bfa;flex-shrink:0}.trend-wave-title{font-size:18px;font-weight:600;color:#f0f0f0;display:block}.trend-wave-subtitle{font-size:12px;color:#fff6;display:block;margin-top:2px}.trend-wave-updated{font-size:11px;color:#fff6;background:#ffffff0f;padding:4px 10px;border-radius:10px;white-space:nowrap;flex-shrink:0}.trend-wave-body{min-height:280px;position:relative}.trend-wave-canvas{width:100%;height:280px}.trend-wave-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:280px;color:#fff6}.trend-wave-placeholder p{margin:0}.trend-wave-empty-text{font-size:14px;color:#ffffff80}.trend-wave-empty-hint{font-size:12px;color:#ffffff4d;margin-top:8px!important}.trend-wave-spinner{width:32px;height:32px;border:3px solid rgba(255,255,255,.1);border-top-color:#a78bfa;border-radius:50%;animation:trend-spin 1s linear infinite;margin-bottom:12px}@keyframes trend-spin{to{transform:rotate(360deg)}}@media(max-width:768px){.trend-wave-chart{padding:12px;margin-top:12px}.trend-wave-header{flex-direction:column;gap:8px}.trend-wave-title{font-size:16px}.trend-wave-canvas{height:220px}.trend-wave-body,.trend-wave-placeholder{min-height:220px}}html.tv-light .trend-wave-chart,:root[data-theme=light] .trend-wave-chart{background:#fff;border-color:var(--border-color);box-shadow:0 4px 20px #0000000d}html.tv-light .trend-wave-header,:root[data-theme=light] .trend-wave-header{border-bottom-color:var(--border-color)}html.tv-light .trend-wave-title,:root[data-theme=light] .trend-wave-title{color:var(--text-primary)}html.tv-light .trend-wave-subtitle,:root[data-theme=light] .trend-wave-subtitle{color:var(--text-secondary)}html.tv-light .trend-wave-updated,:root[data-theme=light] .trend-wave-updated{color:var(--text-secondary);background:#0000000a}html.tv-light .trend-wave-empty-text,:root[data-theme=light] .trend-wave-empty-text{color:var(--text-secondary)}html.tv-light .trend-wave-empty-hint,:root[data-theme=light] .trend-wave-empty-hint{color:var(--text-secondary)}.stream-page{min-height:100vh;display:flex;flex-direction:column;background:var(--bg-primary, #131722)}.stream-header{background:transparent;padding:16px 24px}.header-content{max-width:1600px;margin:0 auto 16px;display:flex;justify-content:space-between;align-items:center}.header-brand{display:flex;align-items:center;gap:12px}.brand-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px;background:#7c4dff33;font-size:20px}.brand-text h1{font-size:18px;font-weight:600;color:var(--text-primary, #f0f0f0);margin:0}.brand-text p{font-size:12px;color:var(--text-secondary, #787b86);margin:2px 0 0}.header-actions{display:flex;align-items:center;gap:12px}.status-badge{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:500;border:1px solid var(--border-color, #2a2e39);background:#1e233280}.status-badge.connected{color:#34d399}.status-badge.disconnected{color:#f87171}.pulse-dot{position:relative;width:8px;height:8px}.pulse-dot:before,.pulse-dot:after{content:"";position:absolute;inset:0;border-radius:50%}.pulse-dot:before{background:currentColor}.status-badge.connected .pulse-dot:after{background:#34d399;animation:pulse 1.5s ease-out infinite}@keyframes pulse{0%{transform:scale(1);opacity:.8}to{transform:scale(2.5);opacity:0}}.header-stats{max-width:1600px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:12px}@media(max-width:768px){.header-stats{grid-template-columns:repeat(2,1fr)}}.stat-item{display:flex;align-items:center;gap:12px;padding:16px;background:#1e233299;border:1px solid var(--border-color, #2a2e39);border-radius:12px;transition:border-color .2s ease}.stat-item:hover{border-color:#7c4dff66}.stat-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:10px;background:#ffffff0d;color:var(--text-secondary, #787b86);transition:all .2s ease}.stat-content{display:flex;flex-direction:column}.stat-label{font-size:12px;color:#fff6;margin-bottom:2px}.stat-value{font-size:20px;font-weight:700;color:var(--text-primary, #f0f0f0);line-height:1.2;font-variant-numeric:tabular-nums}.stat-unit{font-size:12px;font-weight:400;color:#fff6;margin-left:4px}.stat-item.stat-platform{background:#7c4dff0a;border-color:#7c4dff26}.stat-item.stat-platform .stat-icon{background:#7c4dff1a;color:#b388ff}.stat-item.stat-platform .stat-value{color:#b388ff}.stat-item.stat-news{background:#00e5ff0a;border-color:#00e5ff26}.stat-item.stat-news .stat-icon{background:#00e5ff1a;color:#40c4ff}.stat-item.stat-news .stat-value{color:#40c4ff}.stat-item.stat-time{background:#ffd7400a;border-color:#ffd74026}.stat-item.stat-time .stat-icon{background:#ffd7401a;color:#ffd740}.stat-item.stat-time .stat-value{color:#ffd740}.stat-item.stat-status{background:#69f0ae0a;border-color:#69f0ae26}.stat-item.stat-status .stat-icon{background:#69f0ae1a;color:#69f0ae}.stat-item.stat-status .stat-value{color:#69f0ae}.btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;border:1px solid var(--border-color, #2a2e39);background:#1e233280;color:var(--text-primary, #f0f0f0)}.btn:hover:not(:disabled){background:#323746b3}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background:#1e233280;border:1px solid var(--border-color, #2a2e39)}.btn-secondary:hover:not(:disabled){background:#323746b3;border-color:#7c4dff4d}.btn-outline{background:transparent;border:1px solid var(--border-color, #2a2e39)}.btn-outline:hover:not(:disabled){background:#1e233280}.btn-ai{position:relative;overflow:hidden;background:linear-gradient(135deg,#7c4dff,#536dfe);color:#fff;padding:14px 28px;font-size:14px;font-weight:600;border-radius:12px;border:none;box-shadow:0 4px 16px #7c4dff4d}.btn-ai:before{content:"";position:absolute;top:0;left:-100%;width:200%;height:100%;background:linear-gradient(110deg,transparent 25%,rgba(255,255,255,.15) 50%,transparent 75%);transition:left .5s ease}.btn-ai:hover:not(:disabled):before{left:100%}.btn-ai:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 24px #7c4dff73}.error-banner{background:var(--accent-danger-bg, rgba(239, 83, 80, .1));color:var(--accent-danger, #ef5350);padding:12px 20px;display:flex;justify-content:space-between;align-items:center}.error-banner button{background:var(--accent-danger, #ef5350);color:#fff;border:none;padding:6px 12px;border-radius:4px;cursor:pointer}.stream-content{flex:1;max-width:1600px;margin:0 auto;padding:24px;width:100%;display:flex;flex-direction:column}.platform-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px;width:100%}.loading-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:var(--text-secondary, #787b86)}.loading-placeholder.full-width{grid-column:1 / -1}.loading-placeholder p{margin-top:16px}.loading-spinner{width:40px;height:40px;border:3px solid var(--border-color, #2a2e39);border-top-color:var(--accent-blue, #2962ff);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.analysis-section{max-width:1600px;margin:0 auto;padding:20px 24px;width:100%}.ai-section-container{margin-top:16px;text-align:center}.ai-controls{display:flex;gap:12px;justify-content:center;align-items:center;flex-wrap:wrap}.category-select{padding:8px 16px;font-size:14px;border-radius:8px;border:1px solid var(--border-color, #2a2e39);background:var(--bg-secondary, #1e222d);color:var(--text-primary, #d1d4dc);cursor:pointer;min-width:120px}.category-select:focus{outline:none;border-color:var(--accent-blue, #2962ff)}.category-select option{background:var(--bg-primary, #131722);color:var(--text-primary, #d1d4dc)}.ai-loading{display:flex;flex-direction:column;align-items:center;padding:40px;color:var(--text-secondary, #787b86)}.ai-loading p{margin-top:16px}.stream-footer{padding:16px;text-align:center;border-top:1px solid var(--border-color, #2a2e39)}.stream-footer p{font-size:12px;color:var(--text-secondary, #787b86)}.stream-footer strong{color:var(--text-primary, #d1d4dc)}.stream-footer a{color:var(--accent-blue, #2962ff);text-decoration:none}.stream-footer a:hover{text-decoration:underline}@media(min-width:1400px){.platform-grid{grid-template-columns:repeat(4,1fr)}}@media(min-width:1000px)and (max-width:1399px){.platform-grid{grid-template-columns:repeat(3,1fr)}}@media(min-width:650px)and (max-width:999px){.platform-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:649px){.platform-grid{grid-template-columns:1fr}.stream-content{padding:16px}.header-content{flex-direction:column;align-items:flex-start;gap:12px}.header-actions{width:100%;justify-content:space-between}.header-stats{flex-wrap:wrap;gap:16px}}.pulse-dot{width:8px;height:8px;border-radius:50%;background:currentColor;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}html.tv-light .stream-page,:root[data-theme=light] .stream-page{background:var(--bg-primary)}html.tv-light .status-badge,:root[data-theme=light] .status-badge{background:#f0f0f5e6;border-color:var(--border-color)}html.tv-light .stat-item,:root[data-theme=light] .stat-item{background:var(--bg-card);border-color:var(--border-color)}html.tv-light .stat-icon,:root[data-theme=light] .stat-icon{background:#7c4dff1a}html.tv-light .btn,:root[data-theme=light] .btn{background:var(--bg-card);border-color:var(--border-color);color:var(--text-primary)}html.tv-light .btn:hover:not(:disabled),:root[data-theme=light] .btn:hover:not(:disabled){background:var(--bg-hover)}html.tv-light .btn-secondary,:root[data-theme=light] .btn-secondary{background:var(--bg-card)}html.tv-light .btn-outline,:root[data-theme=light] .btn-outline{background:transparent}html.tv-light .btn-outline:hover:not(:disabled),:root[data-theme=light] .btn-outline:hover:not(:disabled){background:var(--bg-hover)}:root{--tv-text-secondary: #787b86;--tv-text-base: #d1d4dc;--tv-text-muted: #5d606b;--tv-border-base: #363a45;--tv-hover-bg: rgba(255, 255, 255, .06);--tv-accent-blue: #2962ff;--tv-accent-red: #ef5350;--tv-bg-base: #000000;--tv-bg-secondary: #1e222d}html.tv-dark{--tv-text-secondary: #787b86;--tv-text-base: #d1d4dc;--tv-bg-base: #000000;--tv-bg-secondary: #1e222d;--tv-border-base: #363a45}html.tv-light{--tv-text-secondary: #787b86;--tv-text-base: #131722;--tv-text-muted: #9598a1;--tv-border-base: #e0e3eb;--tv-hover-bg: rgba(0, 0, 0, .06);--tv-bg-base: #ffffff;--tv-bg-secondary: #f0f3fa}.user-menu-container{position:relative;display:inline-flex;align-items:center}.user-avatar-container{position:relative;display:inline-flex;cursor:pointer}.user-avatar{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:999px;overflow:hidden;box-sizing:border-box;border:1.5px solid rgba(120,123,134,.4);background:transparent;cursor:pointer;color:var(--tv-text-secondary);transition:all .25s ease}.user-avatar:hover{border-color:#2962ff99;box-shadow:0 0 8px #2962ff59;transform:scale(1.05)}.user-avatar img{width:100%;height:100%;object-fit:cover}.user-avatar svg{width:100%;height:100%}.user-avatar-badge{position:absolute;bottom:-2px;right:-2px;width:14px;height:14px;background:linear-gradient(135deg,gold,orange);border-radius:50%;border:2px solid var(--tv-bg-base);display:flex;align-items:center;justify-content:center;box-shadow:0 2px 4px #ffa50066;z-index:1}.user-avatar-badge svg{width:8px;height:8px;color:#131722}.user-dropdown{position:absolute;top:40px;right:0;background:var(--tv-bg-secondary);border:1px solid var(--tv-border-base);border-radius:8px;padding:8px 0;z-index:9999;min-width:200px;box-shadow:0 8px 24px #0006;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-weight:500;-webkit-font-smoothing:antialiased}html.tv-light .user-dropdown{background:var(--tv-bg-secondary);border-color:var(--tv-border-base);box-shadow:0 8px 24px #00000026}.user-dropdown.show{display:block;animation:dropdownFadeIn .15s ease-out}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.user-dropdown-item{padding:10px 16px;color:var(--tv-text-secondary);font-size:14px;line-height:1.4;border-bottom:1px solid var(--tv-border-base);display:flex;align-items:center;gap:8px}.user-dropdown-item strong{color:var(--tv-text-base);font-weight:600;font-size:15px}.vip-badge-text{background:linear-gradient(135deg,gold,orange);color:#131722;font-size:10px;font-weight:700;padding:2px 6px;border-radius:4px;margin-left:4px}.user-dropdown-btn{width:100%;padding:10px 16px;color:var(--tv-text-secondary);background:transparent;border:none;cursor:pointer;font-size:14px;text-align:left;transition:background-color .2s ease,color .2s ease;display:flex;align-items:center;gap:8px}.user-dropdown-btn:hover{background:var(--tv-hover-bg);color:var(--tv-text-base)}.user-dropdown-btn-lang{justify-content:flex-start}.user-dropdown-btn-lang svg:last-child{margin-left:auto}.user-dropdown-btn-logout{color:var(--tv-accent-red);margin-top:4px;border-top:1px solid var(--tv-border-base);padding-top:12px}.user-dropdown-btn-logout:hover{background:#f236451a;color:#ff4757}.menu-icon{flex-shrink:0;width:18px;height:18px;color:var(--tv-text-secondary);transition:color .2s ease}.user-dropdown-btn:hover .menu-icon,.user-dropdown-toggle-item:hover .menu-icon{color:var(--tv-text-base)}.user-dropdown-btn-logout .menu-icon{color:var(--tv-accent-red)}.user-dropdown-btn-logout:hover .menu-icon{color:#ff4757}.user-dropdown-toggle-item{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;color:var(--tv-text-secondary);font-size:14px;transition:background-color .2s ease;gap:8px;cursor:pointer}.user-dropdown-toggle-item:hover{background:var(--tv-hover-bg)}.toggle-label{flex:1;-webkit-user-select:none;user-select:none;display:flex;align-items:center;gap:8px}.toggle-switcher{display:inline-block;position:relative;flex:0 0 auto;width:38px;height:20px;vertical-align:middle;z-index:0}.toggle-checkbox{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;z-index:1;cursor:pointer;margin:0;padding:0;border:none;background:none;appearance:none;-webkit-appearance:none}.toggle-thumb-wrapper{display:block;border-radius:20px;position:relative;z-index:0;width:100%;height:100%;pointer-events:none}.toggle-track{position:absolute;left:0;top:0;width:100%;height:100%;border-radius:20px;background-color:var(--tv-text-muted);transition:background-color .25s ease-out}.toggle-track.active{background-color:var(--tv-accent-blue)}.toggle-thumb{display:block;width:14px;height:14px;border-radius:14px;transition:transform .25s ease-out;transform:translate(3px,3px);background:#fff;position:relative}.toggle-thumb.active{transform:translate(21px,3px)}.language-menu-container{position:relative;width:100%}.language-submenu{position:relative;width:100%;background:var(--tv-bg-base);border-radius:4px;padding:0;margin-top:4px;margin-bottom:4px;overflow:hidden;animation:submenuExpand .2s ease-out}@keyframes submenuExpand{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.language-submenu-item{width:100%;padding:10px 16px;color:var(--tv-text-secondary);background:transparent;border:none;cursor:pointer;font-size:14px;text-align:left;transition:background-color .2s ease,color .2s ease;display:flex;align-items:center;justify-content:space-between}.user-dropdown-btn-lang .chevron-icon{transition:transform .2s ease}.user-dropdown-btn-lang.active .chevron-icon{transform:rotate(90deg)}.language-submenu-item:hover{background:var(--tv-hover-bg);color:var(--tv-text-base)}.language-submenu-item.active{color:var(--tv-accent-blue)}.language-submenu-item.active:after{content:"✓";margin-left:8px}.login-btn{background:var(--tv-accent-blue);color:#fff;padding:6px 14px;border-radius:6px;font-size:13px;font-weight:500;border:none;cursor:pointer;transition:background .2s;white-space:nowrap}.login-btn:hover{background:#1d4ed8}.layout{display:flex;flex-direction:column;min-height:100vh;background:var(--bg-primary, #131722);color:var(--text-primary, #d1d4dc)}.landing-header{position:sticky;top:0;left:0;right:0;height:56px;z-index:10000;background:var(--bg-secondary, #1e222d);border-bottom:1px solid var(--border-color, #2a2e39)}.header-inner{max-width:1400px;margin:0 auto;padding:0 20px;height:100%;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--text-primary);transition:opacity .2s}.brand:hover{opacity:.8}.brand-logo{width:32px;height:32px;background:var(--surface-color);border-radius:6px;display:flex;align-items:center;justify-content:center}.brand-logo img{width:24px;height:24px;filter:invert(1)}:root[data-theme=light] .brand-logo img{filter:none}.brand-text{font-size:16px;font-weight:500;color:var(--text-primary)}.header-actions{display:flex;flex-direction:row;align-items:center;gap:8px;height:100%}.action-item{display:flex;align-items:center;justify-content:center}.relative{position:relative}.nav-item{padding:0 12px;height:36px;font-weight:400;display:flex;align-items:center;gap:6px;white-space:nowrap;text-decoration:none;color:var(--text-secondary, #787b86);font-size:13px;cursor:pointer;background:transparent;border:none;border-radius:4px;transition:all .2s}.nav-item:hover,.nav-item.active{color:var(--text-primary);background:#8080801a}.dropdown-arrow{opacity:.6;transition:transform .2s}.nav-item.active .dropdown-arrow{transform:rotate(180deg)}.dropdown-panel{position:absolute;top:100%;right:0;margin-top:8px;min-width:200px;background:var(--surface-color, #1c1c1c);border:1px solid var(--border-color, #2a2e39);border-radius:8px;box-shadow:0 4px 20px #0000004d;z-index:200;overflow:hidden;padding:4px;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.dropdown-section{display:flex;flex-direction:column}.dropdown-item{display:flex;align-items:center;padding:10px 12px;width:100%;text-align:left;background:transparent;border:none;color:var(--text-primary);cursor:pointer;font-size:14px;border-radius:4px;transition:background-color .12s,color .12s}.dropdown-item:hover{background-color:#8080801a}.dropdown-item.active{background:#2962ff1a;color:var(--accent-color, #2962ff)}.dropdown-label{flex:1}.main{flex:1;padding:20px;max-width:1400px;width:100%;margin:0 auto;box-sizing:border-box}@media(max-width:768px){.landing-header{padding:0}.header-inner{padding:0 12px}.brand-text,.nav-item span{display:none}.nav-item{padding:0 8px}.main{padding:12px}}.user-menu{display:flex;align-items:center;gap:10px}.user-avatar{width:28px;height:28px;border-radius:50%;object-fit:cover;border:2px solid var(--accent-color, #2962ff)}.user-avatar-placeholder{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,#2962ff,#00bcd4);display:flex;align-items:center;justify-content:center;color:#fff;font-size:12px;font-weight:600}.username{font-size:13px;color:var(--text-secondary);max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:768px){.username{display:none}}.dropdown-panel.rich-panel{width:280px;padding:8px;background:var(--surface-color, #fff)}.dropdown-panel.allow-overflow{overflow:visible!important}.rich-menu-item{display:flex;align-items:center;padding:12px;border-radius:8px;cursor:pointer;transition:all .2s ease;text-decoration:none;color:inherit;position:relative;margin-bottom:4px}.rich-menu-item:hover,.rich-menu-item.active{background-color:#8080800a}.menu-icon-box{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;margin-right:12px;flex-shrink:0}.icon-box-green{background-color:#10b9811a;color:#10b981}.icon-box-blue{background-color:#3b82f61a;color:#3b82f6}.icon-box-orange{background-color:#f59e0b1a;color:#f59e0b}.menu-content{display:flex;flex-direction:column;flex:1;overflow:hidden}.menu-title{font-size:15px;font-weight:600;color:var(--text-primary);line-height:1.2;margin-bottom:2px}.menu-subtitle{font-size:12px;color:var(--text-secondary);line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.menu-arrow-right{width:16px;height:16px;color:var(--text-secondary);margin-left:8px;opacity:.6}.rich-submenu-panel{position:absolute;top:-8px;left:100%;margin-left:8px;width:200px;background:var(--surface-color, #fff);border:1px solid var(--border-color, #eee);border-radius:12px;box-shadow:0 4px 24px #0000001f;padding:8px;z-index:105;display:none;transform-origin:left top;animation:fadeIn .15s ease-out}[data-theme=dark] .rich-submenu-panel{background:#1e222d;border-color:#2a2e39}.submenu-item{display:flex;align-items:center;padding:10px 12px;border-radius:6px;cursor:pointer;transition:background .15s;color:var(--text-primary);text-decoration:none;font-size:14px}.submenu-item:hover{background-color:#8080801a}.submenu-icon{width:18px;height:18px;margin-right:10px;color:currentColor;opacity:.8}.text-success{color:#10b981}.text-warning{color:#f59e0b}.text-info{color:#3b82f6}.text-purple{color:#8b5cf6}.menu-divider{height:1px;background-color:var(--border-color, #eee);margin:4px 0}.rich-menu-item.has-submenu:hover .rich-submenu-panel{display:block}