html,body,#app{height:100%;margin:0;padding:0}:root{--primary:#409eff;--primary-light:#66b1ff;--primary-dark:#3a8ee6;--accent:#1677ff;--accent-green:#00b96b;--bg-dark:#f0f4ff;--bg-darker:#f7f9ff;--bg-card:#fff;--bg-card-hover:#f5f8ff;--border-glow:#409eff2e;--text-primary:#1a1f3c;--text-secondary:#5a6480;--text-muted:#9aa3b8;--gradient-hero:linear-gradient(135deg, #e8f0ff 0%, #f0f4ff 50%, #eaf3ff 100%);--gradient-card:linear-gradient(145deg, #fff 0%, #f8faff 100%);--gradient-accent:linear-gradient(135deg, #409eff 0%, #1677ff 100%);--gradient-green:linear-gradient(135deg, #00b96b 0%, #00d9f5 100%);--shadow-glow:0 8px 40px #409eff1f;--shadow-card:0 4px 24px #409eff14}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.container{max-width:1200px;margin:0 auto;padding:0 20px}.portal-layout{flex-direction:column;min-height:100vh;display:flex}.portal-layout .main{flex:1}.section-title{text-align:center;color:var(--text-primary);letter-spacing:-.5px;margin-bottom:12px;font-size:32px;font-weight:700}.section-desc{text-align:center;color:var(--text-secondary);margin-bottom:50px;font-size:16px}.tech-card{background:var(--bg-card);border:1px solid var(--border-glow);box-shadow:var(--shadow-card);border-radius:16px;padding:32px 24px;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.tech-card:before{content:"";background:linear-gradient(90deg, transparent, var(--accent), transparent);opacity:0;height:2px;transition:opacity .4s;position:absolute;top:0;left:0;right:0}.tech-card:hover{box-shadow:var(--shadow-glow);border-color:#409eff59;transform:translateY(-4px)}.tech-card:hover:before{opacity:1}.icon-box{width:56px;height:56px;color:var(--accent);background:linear-gradient(135deg,#409eff1f,#1677ff0f);border:1px solid #409eff2e;border-radius:14px;justify-content:center;align-items:center;margin-bottom:20px;font-size:24px;transition:all .3s;display:flex}.icon-box .el-icon{font-size:24px}.tech-card:hover .icon-box{background:linear-gradient(135deg,#409eff33,#1677ff1f);box-shadow:0 0 20px #409eff26}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes pulse-glow{0%,to{opacity:.3}50%{opacity:.8}}@keyframes gradient-shift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@media screen and (width<=768px){html{font-size:14px}.container{padding:0 15px}.section-title{font-size:24px}.section-desc{margin-bottom:30px;font-size:14px}}.mega-menu-popover{border:1px solid #409eff1f!important;border-radius:12px!important;padding:12px!important;box-shadow:0 12px 40px #0000001a!important}