:root{--navy-950:#04080f;--navy-900:#060d1c;--navy-800:#0a1730;--navy-700:#102243;--navy-600:#17305c;--navy-500:#1f4079;--primary:#1156e0;--primary-dark:#0b3fb0;--primary-light:#3b82f6;--primary-soft:#dbe7ff;--primary-pale:#eff5ff;--tech-cyan:#00c8ff;--tech-cyan-dark:#009fd6;--tech-cyan-soft:#d6f4ff;--tech-glow:rgba(0,200,255,.35);--accent:#0891b2;--accent-dark:#0e7490;--accent-light:#22d3ee;--accent-soft:#d6f4ff;--price:#ff6a00;--price-dark:#e35a00;--price-soft:#fff1e6;--success:#0eb27a;--success-soft:#d7f7ec;--info:#00c8ff;--info-soft:#d6f4ff;--warning:#f59e0b;--warning-soft:#fef3c7;--danger:#ef4444;--danger-soft:#fee2e2;--gray-50:#f7f9fc;--gray-100:#eef2f8;--gray-200:#e0e7f1;--gray-300:#cbd5e3;--gray-400:#94a3b8;--gray-500:#64748b;--gray-600:#475569;--gray-700:#334155;--gray-800:#1e293b;--gray-900:#0f172a;--text-primary:#0f172a;--text-secondary:#475569;--text-tertiary:#94a3b8;--text-inverse:#fff;--bg-base:#fff;--bg-secondary:#f4f7fc;--bg-tertiary:#eaf0f8;--bg-dark:var(--navy-900);--border-light:#e3eaf4;--border-medium:#cbd5e3;--border-dark:#94a3b8;--shadow-xs:0 1px 2px 0 rgba(15,23,42,.05);--shadow-sm:0 1px 3px 0 rgba(15,23,42,.08),0 1px 2px -1px rgba(15,23,42,.06);--shadow-md:0 4px 12px -2px rgba(15,23,42,.1),0 2px 6px -3px rgba(15,23,42,.08);--shadow-lg:0 12px 28px -8px rgba(15,23,42,.16),0 4px 10px -6px rgba(15,23,42,.1);--shadow-xl:0 24px 48px -12px rgba(15,23,42,.2);--shadow-colored:0 12px 28px -10px rgba(17,86,224,.35);--shadow-glow:0 0 0 1px rgba(0,200,255,.35),0 0 20px -4px var(--tech-glow);--grad-navy:linear-gradient(135deg,var(--navy-900) 0%,var(--navy-700) 55%,var(--navy-600) 100%);--grad-primary:linear-gradient(135deg,var(--primary) 0%,var(--tech-cyan-dark) 100%);--grad-line:linear-gradient(90deg,transparent,var(--tech-cyan),transparent);--tech-grid:linear-gradient(rgba(0,200,255,.07) 1px,transparent 0),linear-gradient(90deg,rgba(0,200,255,.07) 1px,transparent 0);--tech-grid-size:44px 44px;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--radius-full:9999px;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--spacing-2xl:48px;--container-max:1280px;--container-padding:20px;--duration-fast:150ms;--duration-normal:250ms;--duration-slow:350ms;--ease-in:cubic-bezier(0.4,0,1,1);--ease-out:cubic-bezier(0,0,0.2,1);--ease-in-out:cubic-bezier(0.4,0,0.2,1);--ease-spring:cubic-bezier(0.34,1.56,0.64,1)}*{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Arial,sans-serif;font-size:15px;line-height:1.6;color:var(--text-primary);background:var(--bg-secondary)}#app{min-height:100vh}a{color:inherit;text-decoration:none;transition:color var(--duration-fast) var(--ease-out)}a:hover{color:var(--primary)}img{max-width:100%;display:block}button{font-family:inherit;cursor:pointer;border:none;outline:none}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--bg-tertiary)}::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:var(--radius-full);border:2px solid var(--bg-tertiary)}::-webkit-scrollbar-thumb:hover{background:var(--primary-light)}.container{width:100%;max-width:var(--container-max);margin:0 auto;padding:0 var(--container-padding)}.card{position:relative;background:var(--bg-base);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden;transition:border-color var(--duration-normal) var(--ease-out),box-shadow var(--duration-normal) var(--ease-out),transform var(--duration-normal) var(--ease-out)}.card:hover{box-shadow:var(--shadow-md);transform:translateY(-3px)}.card-interactive:after{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--grad-line);opacity:0;transition:opacity var(--duration-normal) var(--ease-out)}.card-interactive:hover{border-color:var(--primary-light);box-shadow:var(--shadow-colored)}.card-interactive:hover:after{opacity:1}.tech-surface{position:relative;background:var(--grad-navy);color:var(--text-inverse);overflow:hidden}.tech-surface:before{content:"";position:absolute;inset:0;background-image:var(--tech-grid);background-size:var(--tech-grid-size);pointer-events:none}.tech-heading{position:relative;padding-left:14px}.tech-heading:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:18px;border-radius:var(--radius-full);background:var(--grad-primary)}.badge{display:inline-flex;align-items:center;padding:4px 10px;font-size:13px;font-weight:500;border-radius:var(--radius-sm);line-height:1.2;letter-spacing:.2px}.badge-primary{color:var(--primary);background:var(--primary-soft);border:1px solid rgba(17,86,224,.18)}.badge-accent{color:var(--accent-dark);background:var(--accent-soft);border:1px solid rgba(8,145,178,.2)}.badge-success{color:var(--success);background:var(--success-soft);border:1px solid rgba(14,178,122,.2)}.badge-tech{color:var(--tech-cyan);background:rgba(0,200,255,.12);border:1px solid rgba(0,200,255,.3)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;font-size:15px;font-weight:600;border-radius:var(--radius-md);transition:all var(--duration-normal) var(--ease-out);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap}.btn-primary{color:var(--text-inverse);background:var(--grad-primary);border:1px solid transparent}.btn-primary:hover{transform:translateY(-1px);box-shadow:var(--shadow-colored)}.btn-accent{color:var(--text-inverse);background:var(--accent);border:1px solid var(--accent)}.btn-accent:hover{background:var(--accent-dark);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-outline{color:var(--primary);background:transparent;border:1px solid var(--border-medium)}.btn-outline:hover{background:var(--primary-pale);border-color:var(--primary)}.el-button{border-radius:var(--radius-md);font-weight:600;transition:all var(--duration-normal) var(--ease-out)}.el-button--primary{background:var(--grad-primary);border-color:transparent}.el-button--primary:focus,.el-button--primary:hover{background:linear-gradient(135deg,var(--primary-dark) 0,var(--accent-dark) 100%);border-color:transparent;box-shadow:var(--shadow-colored)}.el-button--success{background:var(--accent);border-color:var(--accent)}.el-button--success:focus,.el-button--success:hover{background:var(--accent-dark);border-color:var(--accent-dark)}.el-button--danger{background:var(--danger);border-color:var(--danger)}.el-input__wrapper{border-radius:var(--radius-md);box-shadow:0 0 0 1px var(--border-light) inset;transition:all var(--duration-fast) var(--ease-out)}.el-input__wrapper:hover{box-shadow:0 0 0 1px var(--border-medium) inset}.el-input__wrapper.is-focus{box-shadow:0 0 0 1px var(--primary) inset,0 0 0 3px var(--primary-pale)}.el-input__inner{color:var(--text-primary)}.el-input__inner::-moz-placeholder{color:var(--text-tertiary)}.el-input__inner::placeholder{color:var(--text-tertiary)}.el-textarea__inner{border-radius:var(--radius-md);box-shadow:0 0 0 1px var(--border-light) inset}.el-textarea__inner:focus{box-shadow:0 0 0 1px var(--primary) inset,0 0 0 3px var(--primary-pale)}.el-pagination.is-background .el-pager li{border-radius:var(--radius-sm);font-weight:500;background:var(--bg-base);border:1px solid var(--border-light)}.el-pagination.is-background .el-pager li.is-active{background:var(--grad-primary);border-color:transparent;color:var(--text-inverse)}.el-avatar{border:2px solid var(--border-light)}.el-tabs__item.is-active{color:var(--primary)}.el-tabs__active-bar{background:var(--grad-primary);height:3px;border-radius:var(--radius-full)}.el-carousel__indicator.is-active .el-carousel__button{background:var(--tech-cyan);box-shadow:0 0 10px var(--tech-glow)}.el-carousel__button{border-radius:var(--radius-full);height:4px}.el-card,.el-dialog{border-radius:var(--radius-lg);border:1px solid var(--border-light)}.el-select__wrapper{border-radius:var(--radius-md)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes techScan{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}@keyframes techPulse{0%,to{box-shadow:0 0 0 0 rgba(0,200,255,.4)}50%{box-shadow:0 0 0 8px rgba(0,200,255,0)}}.fade-in{animation:fadeIn var(--duration-normal) var(--ease-out)}.fade-in-up{animation:fadeInUp var(--duration-normal) var(--ease-out)}.slide-in-right{animation:slideInRight var(--duration-normal) var(--ease-out)}@media (max-width:1024px){:root{--container-padding:16px}}@media (max-width:768px){:root{--container-padding:12px}html{font-size:14px}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:var(--text-primary);margin-top:0}