@charset "UTF-8";.swiper-creative .swiper-slide{backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.hero-swiper{position:relative;width:100%;height:82vh;min-height:620px;max-height:860px;overflow:hidden;background:var(--theme-hero-gradient, linear-gradient(135deg, #0b1b22 0%, #0f2d35 45%, #0f3a3a 100%))}.hero-swiper__container{width:100%;height:100%;overflow:visible!important}.hero-swiper__container :global(.swiper-pagination){bottom:2.25rem!important;z-index:20;display:flex;justify-content:center;gap:10px;padding:.4rem .6rem;border-radius:9999px;background:#0000002e;backdrop-filter:blur(16px) saturate(160%);-webkit-backdrop-filter:blur(16px) saturate(160%)}.hero-swiper__container :global(.swiper-pagination-bullet){width:7px;height:7px;background:#ffffff52;opacity:1;transition:all .4s cubic-bezier(.4,0,.2,1);margin:0!important}.hero-swiper__container :global(.swiper-pagination-bullet):hover{background:#ffffff80}.hero-swiper__container :global(.swiper-pagination-bullet):global(.swiper-pagination-bullet-active){width:30px;border-radius:9999px;background:#ffffffeb;box-shadow:0 8px 22px #00000038}.hero-swiper__container :global(.swiper-button-prev),.hero-swiper__container :global(.swiper-button-next){display:none!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important}.hero-swiper__scroll-hint{display:none}.hero-slide{position:relative;width:100%;height:100%;display:flex;align-items:center;overflow:hidden}.hero-slide__bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.hero-slide__gradient{position:absolute;top:0;right:0;bottom:0;left:0;opacity:1}.hero-slide__gradient--vue{background:var(--theme-hero-gradient, linear-gradient(135deg, #0b1b22 0%, #0f2d35 45%, #0f3a3a 100%))}.hero-slide__gradient--mall{background:var(--theme-hero-gradient, linear-gradient(135deg, #0b1418 0%, #102328 45%, #12343a 100%))}.hero-slide__orb{position:absolute;border-radius:50%;opacity:.15;filter:blur(100px);animation:float-slow 20s ease-in-out infinite}.hero-slide__orb--1{top:-20%;left:-10%;width:800px;height:800px;background:var(--theme-orb-1, radial-gradient(circle, rgba(45, 212, 191, .32) 0%, transparent 70%))}.hero-slide__orb--2{bottom:-20%;right:-10%;width:600px;height:600px;background:var(--theme-orb-2, radial-gradient(circle, rgba(56, 189, 248, .28) 0%, transparent 70%));animation-delay:5s}.hero-slide__grid{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.04;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:60px 60px}.hero-slide__content{position:relative;z-index:10;width:100%;max-width:1600px;margin:0 auto;padding:0 5rem;display:grid;grid-template-columns:45% 55%;gap:6rem;align-items:center}@media (min-width: 1440px){.hero-slide__content{max-width:1600px;padding:0 6rem;gap:8rem}}@media (min-width: 1280px) and (max-width: 1439px){.hero-slide__content{max-width:1400px;padding:0 5rem;gap:6rem}}@media (min-width: 1024px) and (max-width: 1279px){.hero-slide__content{max-width:1200px;padding:0 4rem;gap:4rem}}.hero-slide__text-content{display:flex;flex-direction:column;align-items:flex-start;text-align:left}.hero-slide__badge{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem 1rem;margin-bottom:1.5rem;font-size:.8125rem;font-weight:600;color:#fffffff2;background:linear-gradient(135deg,#ffffff26,#ffffff14);border:1px solid rgba(255,255,255,.25);border-radius:9999px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);white-space:nowrap;letter-spacing:.02em;box-shadow:0 2px 12px #0000001a}.hero-slide__badge svg{flex-shrink:0;width:13px;height:13px}.hero-slide__title{margin-bottom:1.5rem}.hero-slide__title-main{display:block;font-size:clamp(2rem,4vw,3rem);font-weight:800;line-height:1.15;font-family:Space Grotesk,Manrope,Noto Sans SC,sans-serif;background:linear-gradient(135deg,#fff,#dbeafe 60%,#bfdbfe);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:1rem;letter-spacing:-.03em;white-space:normal;filter:drop-shadow(0 1px 4px rgba(15,23,42,.25))}.hero-slide__title-sub{display:block;font-size:clamp(1.125rem,2.2vw,1.625rem);font-weight:600;color:#e2e8f0e0;letter-spacing:.01em;text-shadow:0 1px 2px rgba(15,23,42,.35)}.hero-slide__desc{font-size:clamp(1rem,1.6vw,1.1875rem);line-height:1.8;color:#e2e8f0d1;margin-bottom:1.5rem;max-width:700px;text-shadow:0 1px 2px rgba(15,23,42,.2)}.hero-slide__tech{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.25rem;justify-content:flex-start}.hero-slide__actions{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:flex-start}.hero-slide__text-content{max-width:560px}.hero-slide__decoration{position:relative;display:flex;align-items:center;justify-content:flex-start;order:-1;min-height:340px}@media (max-width: 1024px){.hero-slide__decoration{display:none}}.hero-slide__code-window{width:100%;max-width:600px;background:linear-gradient(135deg,#08141af5,#0c2228f5);border:1px solid rgba(148,163,184,.25);border-radius:20px;overflow:hidden;backdrop-filter:blur(18px) saturate(160%);-webkit-backdrop-filter:blur(18px) saturate(160%);box-shadow:0 24px 72px #02061773,0 10px 24px #02061740,inset 0 1px #ffffff1f,inset 0 -2px 8px #02061759;transform:perspective(1200px) rotateY(-6deg) translateZ(16px);transition:all .7s cubic-bezier(.34,1.56,.64,1);animation:float-gentle 8s ease-in-out infinite}.hero-slide__code-window:hover{transform:perspective(1200px) rotateY(-4deg) translateZ(24px) scale(1.02);box-shadow:0 32px 90px #02061773,0 14px 38px #0206174d,inset 0 2px #ffffff2e}.hero-slide__devices{display:flex;gap:1.5rem;align-items:center;justify-content:center}.code-window__header{display:flex;gap:.5rem;padding:1rem 1.25rem;background:linear-gradient(180deg,#0006,#0000004d);border-bottom:1px solid rgba(255,255,255,.15);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.code-window__dot{width:12px;height:12px;border-radius:50%;opacity:.9;transition:all .3s;cursor:pointer}.code-window__dot--red{background:#ff5f56;box-shadow:0 0 8px #ff5f5680}.code-window__dot--yellow{background:#ffbd2e;box-shadow:0 0 8px #ffbd2e80}.code-window__dot--green{background:#27c93f;box-shadow:0 0 8px #27c93f80}.code-window__dot:hover{opacity:1;transform:scale(1.1)}.code-window__body{padding:1.75rem 1.5rem;font-family:Fira Code,Cascadia Code,Monaco,Consolas,monospace;font-size:.875rem;line-height:1.8;background:#02061759}.code-line{color:#e2e8f0d9;margin-bottom:.625rem;transition:all .2s}.code-line:last-child{margin-bottom:0}.code-line:hover{color:#fffffff2;transform:translate(4px)}.code-keyword{color:#60a5fa;font-weight:600;text-shadow:0 0 8px rgba(96,165,250,.3)}.code-func{color:#38bdf8;text-shadow:0 0 8px rgba(56,189,248,.3)}.code-var{color:#f97316;text-shadow:0 0 8px rgba(249,115,22,.3)}.code-string{color:#fbbf24;text-shadow:0 0 8px rgba(251,191,36,.3)}.device{border-radius:18px;overflow:hidden;background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border:2.5px solid rgba(255,255,255,.2);backdrop-filter:blur(28px) saturate(200%);-webkit-backdrop-filter:blur(28px) saturate(200%);transition:all .5s cubic-bezier(.34,1.56,.64,1);box-shadow:0 20px 60px #0000004d,0 8px 20px #0003,inset 0 1px #ffffff26}.device:hover{transform:translateY(-12px) scale(1.06);box-shadow:0 32px 80px #0006,0 12px 32px #00000040,inset 0 2px #fff3}.device--phone{width:200px;height:400px;border-radius:32px;animation:float-gentle 5s ease-in-out infinite}.device--tablet{width:340px;height:220px;border-radius:18px;animation:float-gentle 6s ease-in-out infinite .8s}.device__screen{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#3b82f633,#f9731633)}.tech-badge{display:inline-flex;align-items:center;padding:.5rem .875rem;font-size:.875rem;font-weight:600;border-radius:8px;background:#fff3;border:1px solid rgba(255,255,255,.3);color:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap;box-shadow:0 2px 8px #00000026;text-shadow:0 1px 2px rgba(0,0,0,.2)}.tech-badge:hover{background:#ffffff40;border-color:#fff6;color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #0003}.tech-badge--vue{background:#42b88340;border-color:#42b88380;color:#fff}.tech-badge--vite{background:#0ea5e940;border-color:#0ea5e980;color:#fff}.tech-badge--ts{background:#3178c640;border-color:#3178c680;color:#fff}.tech-badge--element{background:#3b82f638;border-color:#3b82f680;color:#fff}.tech-badge--spring{background:#6ab04c40;border-color:#6ab04c80;color:#fff}.tech-badge--uni{background:#2d8cf040;border-color:#2d8cf080;color:#fff}.tech-badge--mysql{background:#00758f40;border-color:#00758f80;color:#fff}.tech-badge--pinia{background:#fbbf2438;border-color:#fbbf2480;color:#fff}.tech-badge--redis{background:#dc262640;border-color:#dc262680;color:#fff}.hero-btn{display:inline-flex;align-items:center;gap:.625rem;padding:1rem 2rem;font-size:1rem;font-weight:600;border-radius:14px;text-decoration:none;transition:all .4s cubic-bezier(.34,1.56,.64,1);cursor:pointer;white-space:nowrap;position:relative;overflow:hidden}.hero-btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#fff3;transform:translate(-50%,-50%);transition:width .6s,height .6s}.hero-btn:hover:before{width:300px;height:300px}.hero-btn svg{transition:transform .4s cubic-bezier(.34,1.56,.64,1);width:20px;height:20px;position:relative;z-index:1}.hero-btn span{position:relative;z-index:1}.hero-btn:hover svg:last-child{transform:translate(4px)}.hero-btn--primary{color:#fff;background:var(--theme-button-bg);border:1px solid rgba(255,255,255,.2);box-shadow:0 10px 30px #2563eb59}.hero-btn--primary:hover{background:var(--theme-button-hover);transform:translateY(-2px);box-shadow:0 16px 36px #2563eb66}.hero-btn--primary:active{transform:translateY(0);box-shadow:0 8px 24px #2563eb4d}.hero-btn--secondary{color:#e2e8f0f2;background:#0f172a47;border:1px solid rgba(148,163,184,.3)}.hero-btn--secondary:hover{background:#0f172a61;border-color:#e2e8f066;color:#fff;transform:translateY(-2px);box-shadow:0 6px 18px #0f172a59}.hero-btn--secondary:active{transform:translateY(0);background:#0f172a38}.scroll-hint__mouse{width:24px;height:40px;border:2px solid rgba(255,255,255,.4);border-radius:9999px;position:relative;margin-bottom:.5rem}.scroll-hint__wheel{position:absolute;top:8px;left:50%;transform:translate(-50%);width:3px;height:8px;background:#fff9;border-radius:9999px;animation:scroll-wheel 2s ease-in-out infinite}@keyframes float-slow{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-30px) scale(1.1)}66%{transform:translate(-20px,20px) scale(.9)}}@keyframes float-gentle{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes badge-glow{0%,to{box-shadow:0 0 20px #ffffff1a}50%{box-shadow:0 0 30px #fff3}}@keyframes scroll-wheel{0%{opacity:1;transform:translate(-50%) translateY(0)}to{opacity:0;transform:translate(-50%) translateY(16px)}}@keyframes fade-in-up{0%{opacity:0;transform:translate(-50%) translateY(20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@media (max-width: 1024px){.hero-swiper{height:75vh;min-height:600px}.hero-swiper__container :global(.swiper-button-prev),.hero-swiper__container :global(.swiper-button-next){width:50px!important;height:50px!important}.hero-swiper__container :global(.swiper-button-prev):after,.hero-swiper__container :global(.swiper-button-next):after{font-size:18px!important}.hero-swiper__container :global(.swiper-button-prev){left:1.5rem!important}.hero-swiper__container :global(.swiper-button-next){right:1.5rem!important}.hero-slide__content{grid-template-columns:1fr;gap:2rem;padding:0 2.5rem;text-align:center}.hero-slide__text-content{align-items:center;text-align:center}.hero-slide__tech,.hero-slide__actions{justify-content:center}.hero-slide__decoration{display:none}.hero-slide__title-main{font-size:clamp(1.75rem,4vw,2.75rem)!important}}@media (max-width: 640px){.hero-swiper{height:auto;min-height:0;max-height:none;overflow:visible;padding-bottom:5.5rem}.hero-swiper__container{height:auto}.hero-swiper__container :global(.swiper-wrapper){height:auto}.hero-swiper__container :global(.swiper-slide){height:auto}.hero-swiper__container :global(.swiper-button-prev),.hero-swiper__container :global(.swiper-button-next){width:44px!important;height:44px!important}.hero-swiper__container :global(.swiper-button-prev):after,.hero-swiper__container :global(.swiper-button-next):after{font-size:16px!important}.hero-swiper__container :global(.swiper-button-prev){left:1rem!important}.hero-swiper__container :global(.swiper-button-next){right:1rem!important}.hero-swiper__container :global(.swiper-pagination){bottom:2.5rem!important}.hero-slide{height:auto;min-height:0;overflow:visible}.hero-slide__content{grid-template-columns:1fr;padding:0 1.5rem;text-align:center}.hero-slide__text-content{align-items:center;text-align:center}.hero-slide__badge{font-size:.75rem;padding:.375rem .875rem;margin-bottom:1.25rem}.hero-slide__title{margin-bottom:1rem}.hero-slide__desc{margin-bottom:1.5rem}.hero-slide__tech,.hero-slide__actions{justify-content:center}.hero-slide__decoration{display:none}.hero-slide__tech{gap:.5rem;margin-bottom:1.75rem}.hero-btn{padding:.75rem 1.5rem;font-size:.875rem;gap:.5rem}.tech-badge{font-size:.75rem;padding:.375rem .75rem}}.home{background-color:#fff;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}.hero-slide--products{background:#0a0a0a;width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw)}.hero-slide--products .hero-section{position:relative;display:flex;align-items:center;justify-content:center;min-height:100%;height:100%;width:100%;flex:1 0 100%;align-self:stretch;padding-top:1.5rem;padding-bottom:4rem;background:transparent}.hero-slide--products .hero-background{position:absolute;top:0;left:0;right:0;bottom:0;z-index:0;pointer-events:none}.hero-slide--products .hero-gradient{position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(1280px 600px at 72% 18%,rgba(37,99,235,.22),transparent 62%),radial-gradient(1100px 520px at 18% 78%,rgba(249,115,22,.1),transparent 60%),radial-gradient(circle at 80% 80%,rgba(139,92,246,.1) 0%,transparent 55%),linear-gradient(180deg,#0b1220,#070a12);animation:none!important}.hero-slide--products .hero-pattern{position:absolute;top:0;left:0;right:0;bottom:0;animation:none!important}.hero-slide--products .hero-container{width:100%;display:grid;align-items:center;position:relative;z-index:2;max-width:1540px;padding-left:2.75rem;padding-right:3.5rem;grid-template-columns:.88fr 1.12fr;gap:2.55rem}@media (max-width: 1024px){.hero-slide--products .hero-container{max-width:1100px;padding-left:2rem;padding-right:2rem;gap:3rem;grid-template-columns:1fr}}@media (max-width: 768px){.hero-slide--products .hero-container{padding-left:1.25rem;padding-right:1.25rem}}@media (max-width: 480px){.hero-slide--products .hero-container{gap:1.75rem;padding-left:1.05rem;padding-right:1.05rem}}@media (max-width: 480px){.hero-slide--products .hero-section{padding-top:1rem;padding-bottom:3.25rem}.hero-slide--products .hero-badge{margin-bottom:1.35rem;padding:.55rem 1.05rem;font-size:.875rem}.hero-slide--products .hero-title{font-size:2.35rem;margin-bottom:1.15rem}.hero-slide--products .hero-description{font-size:1.02rem;margin-bottom:1.75rem}.hero-slide--products .hero-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin-bottom:1.9rem}.hero-slide--products .hero-action{width:100%;padding:.82rem .95rem;border-radius:12px;font-size:.95rem}.hero-slide--products .hero-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;align-items:start}.hero-slide--products .hero-stats .stat-divider{display:none}.hero-slide--products .hero-stats .stat-number{font-size:2.1rem;margin-bottom:.35rem}.hero-slide--products .hero-stats .stat-label{font-size:.875rem}.hero-slide--products .hero-matrix{gap:.65rem;margin-top:1.05rem}.hero-slide--products .matrix-card{padding:.85rem .9rem}.hero-slide--products .matrix-card__desc{font-size:.8rem}}@media (max-width: 1024px){.hero-slide--products .hero-matrix{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin-top:1.25rem}.hero-slide--products .matrix-card{padding:.95rem 1rem;border-radius:14px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);text-decoration:none}.hero-slide--products .matrix-card__top{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.15rem}.hero-slide--products .matrix-card__icon{width:32px;height:32px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.hero-slide--products .matrix-card__badge{font-size:.75rem;font-weight:700;color:#ffffffc7;padding:.2rem .5rem;border-radius:9999px;background:#ffffff14;border:1px solid rgba(255,255,255,.12);white-space:nowrap}.hero-slide--products .matrix-card__title{font-weight:800;color:#ffffffeb;font-size:.95rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.hero-slide--products .matrix-card__desc{color:#ffffff9e;font-size:.82rem;line-height:1.45}}.hero-slide--products .hero-badge{display:inline-flex;align-items:center;gap:.625rem;padding:.625rem 1.25rem;margin-bottom:2rem;border-radius:9999px;font-size:.9375rem;font-weight:600;color:#fffffff2;background:#ffffff1a;border:1px solid rgba(255,255,255,.15);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.hero-slide--products .hero-badge .badge-dot{width:.5rem;height:.5rem;border-radius:9999px;background:#fb923c}.hero-slide--products .hero-title{font-size:clamp(2.35rem,4.6vw,3.7rem);font-weight:900;line-height:1.15;letter-spacing:-.02em;margin-bottom:1.75rem;color:#fff}.hero-slide--products .hero-title .title-gradient{color:#fffffff5;display:inline}.hero-slide--products .hero-title .title-emphasis{background:linear-gradient(120deg,#1d4ed8,#3b82f6 55%,#f97316);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent!important;display:inline-block}.hero-slide--products .hero-description{max-width:44rem;font-size:1.125rem;color:#ffffffbf;line-height:1.75;margin-bottom:2.5rem}.hero-slide--products .hero-actions{display:flex;align-items:center;gap:.875rem;margin-bottom:2.75rem;flex-wrap:wrap}.hero-slide--products .hero-action{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.85rem 1.2rem;border-radius:12px;font-weight:700;font-size:.95rem;text-decoration:none;transition:all .25s cubic-bezier(.4,0,.2,1);-webkit-user-select:none;user-select:none}.hero-slide--products .hero-action--primary{color:#fff;background:linear-gradient(135deg,#fb923c,#f97316);box-shadow:0 14px 34px #f9731638}.hero-slide--products .hero-action--primary:hover{transform:translateY(-1px);box-shadow:0 18px 46px #f973164d;background:linear-gradient(135deg,#f97316,#ea580c)}.hero-slide--products .hero-action--secondary{color:#ffffffeb;background:#ffffff14;border:1px solid rgba(255,255,255,.16);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.hero-slide--products .hero-action--secondary:hover{background:#ffffff1c;border-color:#ffffff38;transform:translateY(-1px)}.hero-slide--products .hero-stats{display:flex;align-items:center;gap:2rem}.hero-slide--products .hero-stats .stat-number{font-size:2.5rem;font-weight:800;color:#fff;line-height:1;margin-bottom:.5rem}.hero-slide--products .hero-stats .stat-label{font-size:.9375rem;color:#ffffffb3;font-weight:500}.hero-slide--products .hero-stats .stat-divider{width:1px;height:3rem;background:#fff3}@media (min-width: 1024px){.hero-slide--products .hero-title{white-space:nowrap}.hero-slide--products .hero-title .title-emphasis{margin-left:0}}@media (min-width: 1024px){.hero-slide--products .hero-visual{height:460px}.hero-slide--products .hero-matrix{height:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;align-content:center}.hero-slide--products .matrix-card{position:relative;display:flex;flex-direction:column;gap:.45rem;padding:.92rem .98rem;border-radius:16px;text-decoration:none;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 18px 44px #00000057,inset 0 1px #ffffff0a;transition:all .28s cubic-bezier(.4,0,.2,1);overflow:hidden}.hero-slide--products .matrix-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(760px 280px at 80% 10%,var(--matrix-accent, rgba(59, 130, 246, .18)),transparent 58%);opacity:0;transition:opacity .28s ease;pointer-events:none}.hero-slide--products .matrix-card:hover{transform:translateY(-3px);background:#ffffff14;border-color:#fff3;box-shadow:0 24px 48px #0000004d,0 0 0 1px #ffffff1a}.hero-slide--products .matrix-card:hover:before{opacity:.15}.hero-slide--products .matrix-card__top{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.1rem}.hero-slide--products .matrix-card__icon{width:38px;height:38px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 12px 22px #00000047,inset 0 1px #ffffff14}.hero-slide--products .matrix-card__icon-img{width:18px;height:18px;display:block;filter:brightness(0) invert(1)}.hero-slide--products .matrix-card__badge{font-size:.75rem;font-weight:700;color:#fffc;padding:.22rem .55rem;border-radius:9999px;background:#ffffff14;border:1px solid rgba(255,255,255,.12);white-space:nowrap}.hero-slide--products .matrix-card__title{position:relative;z-index:1;font-weight:800;letter-spacing:-.01em;color:#ffffffeb;font-size:.95rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.hero-slide--products .matrix-card__desc{position:relative;z-index:1;color:#ffffff9e;font-size:.82rem;line-height:1.45}.hero-slide--products .floating-cards{width:100%;height:100%;position:relative;display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);gap:2rem;align-items:center;justify-items:center;padding:2rem}.hero-slide--products .floating-cards:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.32;background:radial-gradient(circle at 50% 50%,rgba(255,255,255,.28) 0%,rgba(255,255,255,.09) 20%,transparent 46%),radial-gradient(circle at 16% 22%,rgba(251,146,60,.34) 0%,rgba(251,146,60,.1) 20%,transparent 46%),radial-gradient(circle at 84% 22%,rgba(59,130,246,.32) 0%,rgba(59,130,246,.1) 20%,transparent 46%),radial-gradient(circle at 84% 82%,rgba(139,92,246,.3) 0%,rgba(139,92,246,.1) 20%,transparent 46%),linear-gradient(0deg,transparent 0%,transparent 49.4%,rgba(255,255,255,.06) 50%,transparent 50.6%,transparent 100%),linear-gradient(90deg,transparent 0%,transparent 49.4%,rgba(255,255,255,.06) 50%,transparent 50.6%,transparent 100%),linear-gradient(45deg,transparent 0%,transparent 49.2%,rgba(255,255,255,.06) 50%,transparent 50.8%,transparent 100%),radial-gradient(circle at 50% 50%,transparent 0%,transparent 56%,rgba(255,255,255,.06) 57%,transparent 58%,transparent 100%);filter:blur(.5px)}.hero-slide--products .floating-cards:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.22;background:linear-gradient(135deg,transparent 0%,transparent 46%,rgba(255,255,255,.22) 50%,transparent 54%,transparent 100%),linear-gradient(45deg,transparent 0%,transparent 46%,rgba(251,146,60,.14) 50%,transparent 54%,transparent 100%),linear-gradient(25deg,transparent 0%,transparent 48%,rgba(59,130,246,.14) 50%,transparent 52%,transparent 100%);filter:blur(.6px)}.hero-slide--products.is-gathering .floating-card{animation:none!important}.hero-slide--products.is-gathering .floating-card{opacity:1!important;animation:heroGatherScatterCard 1.2s cubic-bezier(.22,1,.36,1) both;transform-origin:50% 50%}.hero-slide--products.is-gathering .floating-card.card-1{--hero-gather-x: 70%;--hero-gather-y: 70%}.hero-slide--products.is-gathering .floating-card.card-4{--hero-gather-x: -70%;--hero-gather-y: 70%}.hero-slide--products.is-gathering .floating-card.card-2{--hero-gather-x: 0%;--hero-gather-y: 0%}.hero-slide--products.is-gathering .floating-card.card-3{--hero-gather-x: -70%;--hero-gather-y: -70%}.hero-slide--products.is-gathering .floating-card__inner{opacity:1!important;transform:none!important;transition:none!important}.hero-slide--products .floating-card{position:relative;inset:auto;--hero-float-offset-y: 0px;transform:translateY(var(--hero-float-offset-y));z-index:2;will-change:transform;animation:heroFloatSoft 9.5s ease-in-out infinite}.hero-slide--products .floating-card.card-1{animation-delay:0s}.hero-slide--products .floating-card.card-4{animation-delay:.4s}.hero-slide--products .floating-card.card-2{animation-delay:.8s}.hero-slide--products .floating-card.card-3{animation-delay:1.6s}.hero-slide--products .floating-card.card-1{grid-column:1;grid-row:1;justify-self:center;align-self:center;--hero-float-offset-y: -2px}.hero-slide--products .floating-card.card-4{grid-column:2;grid-row:1;justify-self:center;align-self:center;--hero-float-offset-y: -1px}.hero-slide--products .floating-card.card-2{grid-column:1;grid-row:2;justify-self:center;align-self:center;--hero-float-offset-y: 1px}.hero-slide--products .floating-card.card-3{grid-column:2;grid-row:2;justify-self:center;align-self:center;--hero-float-offset-y: 2px}}.hero-slide--products .floating-card__inner{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:1.5rem;background:#ffffff14;border:1px solid rgba(255,255,255,.1);border-radius:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);min-width:140px;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;opacity:0;transform:translateY(14px) scale(.98);will-change:transform,opacity}.hero-slide--products .floating-card__inner:hover{background:#ffffff1f;border-color:#fff3;box-shadow:0 12px 32px #0000004d}.hero-slide--products .floating-card__inner:hover .card-icon{transform:scale(1.1);box-shadow:0 8px 24px #fb923c4d}.hero-slide--products .floating-card__inner:hover .card-title{color:#fff}.hero-slide--products .card-icon{width:48px;height:48px;background:linear-gradient(135deg,#fb923c,#f97316);border-radius:12px;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);flex-shrink:0}.hero-slide--products .card-icon svg{flex-shrink:0}.hero-slide--products .card-title{font-size:.875rem;font-weight:600;color:#ffffffe6;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1)}.hero-slide--products.is-entered .floating-card__inner{opacity:1;transform:translateY(0) scale(1);transition:opacity .52s ease,transform .72s cubic-bezier(.22,1,.36,1)}.hero-slide--products.is-entered .floating-card.card-1 .floating-card__inner{transition-delay:80ms}.hero-slide--products.is-entered .floating-card.card-4 .floating-card__inner{transition-delay:.16s}.hero-slide--products.is-entered .floating-card.card-2 .floating-card__inner{transition-delay:.24s}.hero-slide--products.is-entered .floating-card.card-3 .floating-card__inner{transition-delay:.32s}@media (min-width: 1280px){.hero-slide--products .hero-description{max-width:none;white-space:nowrap}.hero-slide--products .hero-description .desktop-break{display:none!important}}@media (prefers-reduced-motion: reduce){.hero-slide--products .floating-card__inner{opacity:1!important;transform:none!important;transition:none!important}.hero-slide--products .floating-card{animation:none!important;transform:translateY(var(--hero-float-offset-y))!important}}@keyframes heroGatherScatterCard{0%{transform:translate(0) translateY(var(--hero-float-offset-y))}45%{transform:translate(var(--hero-gather-x),var(--hero-gather-y)) translateY(var(--hero-float-offset-y)) scale(.98)}55%{transform:translate(var(--hero-gather-x),var(--hero-gather-y)) translateY(var(--hero-float-offset-y)) scale(.98)}to{transform:translate(0) translateY(var(--hero-float-offset-y))}}@keyframes heroFloatSoft{0%,to{transform:translateY(var(--hero-float-offset-y))}50%{transform:translateY(calc(var(--hero-float-offset-y) - 4px))}}.advantages{padding:10rem 0 6rem;background-color:#f9fafb}.advantages__container{max-width:80rem;margin:0 auto;padding:0 2rem}.advantages__header{text-align:center;margin-bottom:5rem;padding:0 1.5rem}.advantages__title{font-size:2.5rem;font-weight:700;color:#111827;margin-bottom:1.5rem}@media (min-width: 768px){.advantages__title{font-size:3rem}}@media (min-width: 1024px){.advantages__title{font-size:3.75rem}}.advantages__subtitle{font-size:1.125rem;color:#4b5563}@media (min-width: 768px){.advantages__subtitle{font-size:1.25rem}}.advantages__subtitle strong{color:var(--theme-primary);font-weight:600}.advantages__grid{display:grid;gap:2rem}@media (min-width: 768px){.advantages__grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.advantages__grid{grid-template-columns:repeat(4,1fr)}}.advantage{position:relative;padding:2rem;background-color:#fff;border-radius:1.5rem;border:1px solid #e5e7eb;transition:all .3s;opacity:1;transform:translateZ(0);backface-visibility:hidden;-webkit-font-smoothing:antialiased}.advantage:hover{border-color:#2563eb4d;box-shadow:0 10px 15px -3px #0000001a;transform:translateY(-5px) translateZ(0)}.advantage:hover .advantage__number{color:#2563eb33}.advantage__number{position:absolute;top:1.5rem;right:1.5rem;font-size:4rem;font-weight:700;color:#f3f4f6;transition:color .3s;-webkit-user-select:none;user-select:none}.advantage__icon{color:var(--theme-primary);margin-bottom:1.5rem}.advantage__title{font-size:1.25rem;font-weight:700;color:#111827;margin-bottom:.75rem}.advantage__desc{color:#4b5563;line-height:1.625}.tech-tag{display:inline-flex;align-items:center;padding:.5rem 1rem;font-size:.875rem;font-weight:600;border-radius:.5rem;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:all .3s;cursor:default}.tech-tag:hover{transform:translateY(-2px)}.tech-tag--vue{color:#42b883;background:#42b88326;border:1px solid rgba(66,184,131,.3)}.tech-tag--vite{color:#646cff;background:#646cff26;border:1px solid rgba(100,108,255,.3)}.tech-tag--ts{color:#3178c6;background:#3178c626;border:1px solid rgba(49,120,198,.3)}.tech-tag--element{color:#409eff;background:#409eff26;border:1px solid rgba(64,158,255,.3)}.tech-tag--pinia{color:#ffd859;background:#ffd85926;border:1px solid rgba(255,216,89,.3)}.tech-tag--spring{color:#6db33f;background:#6db33f26;border:1px solid rgba(109,179,63,.3)}.tech-tag--uniapp{color:#2b9939;background:#2b993926;border:1px solid rgba(43,153,57,.3)}.tech-tag--mysql{color:#4479a1;background:#4479a126;border:1px solid rgba(68,121,161,.3)}.tech-tag--redis{color:#dc382d;background:#dc382d26;border:1px solid rgba(220,56,45,.3)}.tech-tag--nacos{color:#06c;background:#0066cc26;border:1px solid rgba(0,102,204,.3)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes scroll-wheel{0%{opacity:1;transform:translate(-50%) translateY(0)}to{opacity:0;transform:translate(-50%) translateY(10px)}}@keyframes sparkle{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes pulse{0%,to{opacity:.1}50%{opacity:.2}}@media (max-width: 768px){.hero{min-height:80vh;padding:5rem 0}.hero__stat-value{font-size:2rem}.product,.advantage{padding:1.5rem}.advantage__number{font-size:2.5rem}}.vote-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:1rem;background:#000000bf;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.vote-modal__content{position:relative;max-width:460px;width:100%;padding:2rem;background:linear-gradient(135deg,#fff,#f8fafc);border-radius:20px;box-shadow:0 25px 50px -12px #00000040,0 0 0 1px #0000000d;text-align:center;animation:modal-scale-in .4s cubic-bezier(.34,1.56,.64,1)}.vote-modal__close{position:absolute;top:1rem;right:1rem;display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;color:#64748b;background:#64748b1a;border:none;border-radius:50%;cursor:pointer;transition:all .2s ease}.vote-modal__close:hover{color:#334155;background:#64748b33;transform:scale(1.1)}.vote-modal__close:active{transform:scale(.95)}.vote-modal__icon{display:flex;align-items:center;justify-content:center;width:80px;height:80px;margin:0 auto 1.25rem;background:linear-gradient(135deg,#fef3c7,#fde68a);border-radius:50%;box-shadow:0 8px 16px #fcd34d4d;animation:star-pulse 2s ease-in-out infinite}.vote-modal__star{filter:drop-shadow(0 2px 4px rgba(252,211,77,.4))}.vote-modal__title{margin:0 0 .875rem;font-size:1.375rem;font-weight:800;line-height:1.4;color:#1e293b;letter-spacing:-.02em}.vote-modal__desc{margin:0 0 1.75rem;font-size:.9375rem;line-height:1.6;color:#64748b}.vote-modal__actions{display:flex;gap:1rem;flex-direction:row;justify-content:center}.vote-modal__btn{flex:1;display:flex;gap:.5rem;align-items:center;justify-content:center;padding:.875rem 1.5rem;font-size:1rem;font-weight:600;text-decoration:none;border:none;border-radius:12px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap}.vote-modal__btn--primary{color:#fff;background:var(--theme-button-bg);box-shadow:0 4px 12px #0f766e59}.vote-modal__btn--primary:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0f766e73}.vote-modal__btn--primary:active{transform:translateY(0)}.vote-modal__btn--secondary{color:#475569;background:#64748b1a;border:1px solid rgba(100,116,139,.2)}.vote-modal__btn--secondary:hover{background:#64748b26;border-color:#64748b4d}.vote-modal__btn--secondary:active{transform:scale(.98)}.vote-modal__btn--success{color:#fff;background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 12px #10b98166}.vote-modal__btn--success:hover{transform:translateY(-2px);box-shadow:0 8px 20px #10b98180}.vote-modal__btn--success:active{transform:translateY(0)}.vote-modal-enter-active,.vote-modal-leave-active{transition:all .3s ease}.vote-modal-enter-from,.vote-modal-leave-to{opacity:0}.vote-modal-enter-from .vote-modal__content,.vote-modal-leave-to .vote-modal__content{transform:scale(.9) translateY(20px)}@keyframes modal-scale-in{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes star-pulse{0%,to{transform:scale(1);box-shadow:0 8px 16px #fcd34d4d}50%{transform:scale(1.05);box-shadow:0 12px 24px #fcd34d66}}@media (max-width: 640px){.vote-modal__content{padding:2rem 1.5rem}.vote-modal__title{font-size:1.25rem}.vote-modal__actions{gap:.75rem;flex-direction:row}.vote-modal__btn{padding:.75rem 1rem;font-size:.9375rem}}