#app{width:100%;height:100%;margin:0;padding:0}.layout-container[data-v-1f8e226a]{display:flex;width:100%;height:100%;background:linear-gradient(135deg,#f8f9ff,#f0f2ff)}.sidebar[data-v-1f8e226a]{width:260px;background:linear-gradient(180deg,#fff,#f8f9ff);border-right:1px solid rgba(100,149,237,.15);display:flex;flex-direction:column;box-shadow:4px 0 20px rgba(31,38,135,.05);transition:width .3s ease;position:relative}.sidebar.collapsed[data-v-1f8e226a]{width:80px}.logo[data-v-1f8e226a]{padding:32px 24px;display:flex;align-items:center;justify-content:center;border-bottom:1px solid rgba(100,149,237,.1)}.sidebar.collapsed .logo[data-v-1f8e226a]{padding:32px 12px}.logo-icon[data-v-1f8e226a]{font-size:36px;margin-right:12px}.sidebar.collapsed .logo-icon[data-v-1f8e226a]{margin-right:0}.logo-text[data-v-1f8e226a]{font-size:22px;font-weight:700;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nav-list[data-v-1f8e226a]{flex:1;padding:16px 0}.sidebar-item[data-v-1f8e226a]{padding:16px 24px;display:flex;align-items:center;cursor:pointer;color:#555;font-size:15px;font-weight:500}.sidebar.collapsed .sidebar-item[data-v-1f8e226a]{padding:16px 0;justify-content:center}.sidebar.collapsed .nav-icon[data-v-1f8e226a]{margin-right:0}.collapse-btn[data-v-1f8e226a]{position:absolute;right:-12px;top:50%;transform:translateY(-50%);width:24px;height:48px;background:#fff;border:1px solid rgba(100,149,237,.2);border-radius:0 8px 8px 0;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#667eea;transition:all .3s ease;box-shadow:2px 0 8px rgba(31,38,135,.1)}.collapse-btn[data-v-1f8e226a]:hover{background:#667eea;color:#fff}.collapse-btn i[data-v-1f8e226a]{transition:transform .3s ease}.collapse-btn i.rotated[data-v-1f8e226a]{transform:rotate(180deg)}.sidebar.collapsed .collapse-btn[data-v-1f8e226a]{right:-12px}.sidebar-item.active[data-v-1f8e226a]{color:#667eea;font-weight:600}.nav-icon[data-v-1f8e226a]{font-size:20px;margin-right:12px}.main-content[data-v-1f8e226a]{flex:1;display:flex;flex-direction:column;overflow:hidden}.header[data-v-1f8e226a]{height:80px;background:hsla(0,0%,100%,.9);backdrop-filter:blur(10px);border-bottom:1px solid rgba(100,149,237,.1);padding:0 32px;display:flex;align-items:center;justify-content:space-between}.header-right[data-v-1f8e226a]{margin-left:auto}.header-left[data-v-1f8e226a],.header-right[data-v-1f8e226a]{display:flex;align-items:center}.page-title[data-v-1f8e226a]{font-size:28px;font-weight:700;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-right:20px}.pulse-indicator[data-v-1f8e226a]{display:flex;align-items:center;background:rgba(255,71,87,.1);padding:6px 14px;border-radius:20px}.pulse-text[data-v-1f8e226a]{margin-left:8px;font-size:13px;color:#ff4757;font-weight:500}.window-controls[data-v-1f8e226a]{display:flex;gap:12px}.control-btn[data-v-1f8e226a]{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.minimize-btn[data-v-1f8e226a]{background:rgba(255,193,7,.15);color:#ffc107}.minimize-btn[data-v-1f8e226a]:hover{background:rgba(255,193,7,.3)}.close-btn[data-v-1f8e226a]{background:rgba(255,71,87,.15);color:#ff4757}.close-btn[data-v-1f8e226a]:hover{background:rgba(255,71,87,.3)}.content-area[data-v-1f8e226a]{flex:1;padding:24px 32px;overflow-y:auto}*{margin:0;padding:0;box-sizing:border-box}#app,body,html{width:100%;height:100%;font-family:Microsoft YaHei,PingFang SC,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:linear-gradient(135deg,#f8f9ff,#fff)}.tech-card{background:linear-gradient(145deg,#fff,#f5f7ff);border-radius:16px;box-shadow:0 8px 32px rgba(31,38,135,.1),0 2px 8px rgba(0,0,0,.05),inset 0 1px 0 hsla(0,0%,100%,.8);border:1px solid hsla(0,0%,100%,.8);backdrop-filter:blur(10px);transition:all .3s ease}.tech-card:hover{box-shadow:0 12px 48px rgba(31,38,135,.15),0 4px 16px rgba(0,0,0,.08);transform:translateY(-2px)}.tech-border{border:1px solid rgba(100,149,237,.2);-o-border-image:linear-gradient(135deg,rgba(100,149,237,.4),rgba(147,112,219,.2));border-image:linear-gradient(135deg,rgba(100,149,237,.4),rgba(147,112,219,.2));border-image-slice:1}.gradient-text{background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.sidebar-item{transition:all .3s ease;position:relative;overflow:hidden}.sidebar-item:before{content:"";position:absolute;left:0;top:0;width:4px;height:100%;background:linear-gradient(180deg,#667eea,#764ba2);opacity:0;transition:opacity .3s ease}.sidebar-item.active:before{opacity:1}.sidebar-item:hover{background:linear-gradient(90deg,rgba(102,126,234,.08),transparent)}.number-badge{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;font-weight:700;font-size:14px}.rank-1{background:linear-gradient(135deg,gold,#ffed4e);color:#fff;box-shadow:0 4px 15px rgba(255,215,0,.4)}.rank-2{background:linear-gradient(135deg,silver,#e8e8e8);color:#fff;box-shadow:0 4px 15px hsla(0,0%,75%,.4)}.rank-3{background:linear-gradient(135deg,#cd7f32,#daa06d);color:#fff;box-shadow:0 4px 15px rgba(205,127,50,.4)}.rank-default{background:linear-gradient(135deg,#f0f2f5,#e0e2e8);color:#666}.pulse-dot{display:inline-block;width:10px;height:10px;border-radius:50%;background:#ff4757;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}.trend-up{color:#ff4757}.trend-down{color:#2ed573}.trend-same{color:#747d8c}