:root{--color-primary: #6366f1;--color-primary-dark: #4f46e5;--color-primary-light: #818cf8;--color-accent-pink: #ec4899;--color-accent-cyan: #06b6d4;--color-accent-green: #10b981;--color-bg-base: #0f172a;--color-bg-surface: #1f2a44;--color-bg-elevated: #1c253d;--color-bg-overlay: rgba(15, 23, 42, .85);--color-bg-card-hover: #24304d;--color-text: #f8fafc;--color-text-secondary: #cbd5e1;--color-text-muted: #94a3b8;--color-border: #334155;--color-border-light: #475569;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(15, 23, 42, .35);--shadow-lg: 0 18px 40px rgba(15, 23, 42, .45);--radius-sm: .5rem;--radius-md: .75rem;--radius-lg: 1.25rem;--transition-base: .25s ease;--container-width: min(100% - 3rem, 1100px)}*{margin:0;padding:0;box-sizing:border-box}html,body{min-height:100%}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,PingFang SC,Microsoft YaHei,sans-serif;line-height:1.7;color:var(--color-text);background:linear-gradient(180deg,#0f172afa,#080b13fa);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body.modal-open,body.menu-open{overflow:hidden!important}img{display:block;max-width:100%}a{color:inherit;text-decoration:none;transition:color var(--transition-base),opacity var(--transition-base)}a:hover{color:var(--color-primary-light)}h1,h2,h3,h4,h5,h6{color:var(--color-text);font-weight:600;line-height:1.3}p{color:var(--color-text-secondary);margin-bottom:1.1rem}#app{min-height:100vh;display:flex;flex-direction:column;background:radial-gradient(circle at 20% 20%,rgba(99,102,241,.2),transparent 40%),radial-gradient(circle at 80% 0%,rgba(236,72,153,.15),transparent 45%),radial-gradient(circle at 50% 100%,rgba(14,165,233,.12),transparent 40%),linear-gradient(180deg,#0f172af5,#080b13fa)}.main-content{flex:1;display:flex;flex-direction:column}.container{width:var(--container-width);margin:0 auto}.section{padding:3.5rem 0}.surface-card{background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);transition:transform var(--transition-base),box-shadow var(--transition-base),border-color var(--transition-base)}.surface-card:hover{transform:translateY(-6px);border-color:var(--color-border-light);box-shadow:var(--shadow-lg)}.badge{display:inline-flex;align-items:center;gap:.4rem;border-radius:999px;padding:.25rem .75rem;font-size:.8rem;font-weight:500;background:#6366f126;color:var(--color-primary-light)}@media(max-width:768px){:root{--container-width: min(100% - 2rem, 100%)}.section{padding:2.75rem 0}}.site-header[data-v-25bb298c]{position:sticky;top:0;z-index:40;backdrop-filter:blur(14px);background:linear-gradient(90deg,#0f172aeb,#0f172ac7);border-bottom:1px solid rgba(59,130,246,.12);box-shadow:0 12px 30px #0f172a59}.site-header__inner[data-v-25bb298c]{height:64px;display:flex;align-items:center;gap:2.5rem;padding-left:0;margin-left:75px;margin-right:75px}.site-brand[data-v-25bb298c]{display:flex;align-items:center;gap:.75rem;color:var(--color-text);flex-shrink:0}.site-brand__img[data-v-25bb298c]{width:40px;height:40px;border-radius:8px;-o-object-fit:contain;object-fit:contain;flex-shrink:0}.site-brand__text[data-v-25bb298c]{display:flex;flex-direction:column;gap:.2rem}.site-brand__logo[data-v-25bb298c]{font-size:1.15rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#fff}.site-brand__tagline[data-v-25bb298c]{font-size:.72rem;color:#ffffffb8;letter-spacing:.12em}.site-nav--desktop[data-v-25bb298c]{display:flex;align-items:center;gap:1.8rem;flex:1}.site-nav__link[data-v-25bb298c]{position:relative;font-size:.95rem;color:#fff;font-weight:600;transition:color var(--transition-base);white-space:nowrap}.site-nav__link[data-v-25bb298c]:after{content:"";position:absolute;left:0;bottom:-.45rem;width:0;height:2px;background:linear-gradient(90deg,var(--color-primary),var(--color-accent-pink));transition:width var(--transition-base)}.site-nav__link[data-v-25bb298c]:hover{color:var(--color-primary-light)}.site-nav__link[data-v-25bb298c]:hover:after,.site-nav__link.is-active[data-v-25bb298c]:after{width:100%}.site-nav__link.is-active[data-v-25bb298c]{color:var(--color-primary-light)}.site-nav__link--cta[data-v-25bb298c]{color:#f8fafc;background:linear-gradient(120deg,#6366f1e6,#ec4899d9);padding:.4rem 1rem;border-radius:999px;box-shadow:0 10px 25px #6366f159}.site-nav__link--cta[data-v-25bb298c]:after{display:none}.site-nav__link--cta[data-v-25bb298c]:hover{color:#fff;transform:translateY(-1px);box-shadow:0 14px 30px #ec489952}.site-nav__link--play[data-v-25bb298c]{color:#fff;background:linear-gradient(120deg,#10b981,#059669);padding:.4rem 1rem;border-radius:999px;box-shadow:0 10px 25px #10b98159;font-weight:700}.site-nav__link--play[data-v-25bb298c]:after{display:none}.site-nav__link--play[data-v-25bb298c]:hover{color:#fff;transform:translateY(-1px);box-shadow:0 14px 30px #10b98180;background:linear-gradient(120deg,#059669,#047857)}.nav-dropdown[data-v-25bb298c]{position:relative;display:inline-block}.nav-dropdown__trigger[data-v-25bb298c]{position:relative;font-size:.95rem;color:#fff;font-weight:600;cursor:pointer;white-space:nowrap;transition:color var(--transition-base)}.nav-dropdown__trigger[data-v-25bb298c]:hover{color:var(--color-primary-light)}.nav-dropdown__menu[data-v-25bb298c]{position:absolute;top:100%;left:0;margin-top:.75rem;min-width:220px;background:linear-gradient(180deg,#0f172afa,#1e293bfa);backdrop-filter:blur(14px);border:1px solid rgba(99,102,241,.2);border-radius:12px;box-shadow:0 12px 30px #00000080;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .3s ease;z-index:100;overflow:hidden}.nav-dropdown:hover .nav-dropdown__menu[data-v-25bb298c]{opacity:1;visibility:visible;transform:translateY(0)}.nav-dropdown__item[data-v-25bb298c]{display:block;padding:.85rem 1.25rem;color:#fff;font-size:.95rem;font-weight:500;transition:all .2s ease;border-bottom:1px solid rgba(148,163,184,.1)}.nav-dropdown__item[data-v-25bb298c]:last-child{border-bottom:none}.nav-dropdown__item[data-v-25bb298c]:hover{background:#6366f126;color:var(--color-primary-light);padding-left:1.5rem}.nav-dropdown__item.is-active[data-v-25bb298c]{background:#6366f133;color:var(--color-primary-light);border-left:3px solid var(--color-primary)}.menu-section-header[data-v-25bb298c]{padding:.6rem 1.25rem .4rem;font-size:.75rem;font-weight:700;text-transform:uppercase;color:#94a3b8b3;letter-spacing:.05em;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.menu-divider[data-v-25bb298c]{margin:.5rem 0;border:none;border-top:1px solid rgba(148,163,184,.15)}.search-btn[data-v-25bb298c]{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#6366f126;border:1px solid rgba(99,102,241,.3);border-radius:50%;cursor:pointer;transition:all .3s ease;padding:0}.search-btn[data-v-25bb298c]:hover{background:#6366f140;border-color:#6366f180;transform:scale(1.1)}.search-btn__icon[data-v-25bb298c]{font-size:1.2rem;display:flex;align-items:center;justify-content:center}.mobile-menu-btn[data-v-25bb298c]{display:none;background:transparent;border:none;cursor:pointer;padding:.5rem;z-index:50;margin-left:auto}.hamburger[data-v-25bb298c]{display:flex;flex-direction:column;gap:.35rem;width:1.5rem}.hamburger__line[data-v-25bb298c]{display:block;width:100%;height:2px;background:#fff;border-radius:2px;transition:all .3s ease}.hamburger.is-active .hamburger__line[data-v-25bb298c]:nth-child(1){transform:translateY(.45rem) rotate(45deg)}.hamburger.is-active .hamburger__line[data-v-25bb298c]:nth-child(2){opacity:0}.hamburger.is-active .hamburger__line[data-v-25bb298c]:nth-child(3){transform:translateY(-.45rem) rotate(-45deg)}.site-nav--mobile[data-v-25bb298c]{position:fixed;top:64px;right:0;width:280px;max-width:85vw;height:calc(100vh - 64px);background:linear-gradient(180deg,#0f172afa,#1e293bfa);backdrop-filter:blur(14px);border-left:1px solid rgba(99,102,241,.2);box-shadow:-4px 0 20px #00000080;display:flex;flex-direction:column;gap:0;padding:1.5rem 0;overflow-y:auto;z-index:45}.site-nav--mobile .site-nav__link[data-v-25bb298c]{padding:1rem 1.5rem;font-size:1rem;border-bottom:1px solid rgba(148,163,184,.1);transition:all .3s ease}.site-nav--mobile .site-nav__link[data-v-25bb298c]:after{display:none}.site-nav--mobile .site-nav__link[data-v-25bb298c]:hover,.site-nav--mobile .site-nav__link.is-active[data-v-25bb298c]{background:#6366f126;color:var(--color-primary-light);padding-left:2rem}.site-nav--mobile .site-nav__link--cta[data-v-25bb298c]{background:linear-gradient(120deg,#6366f1e6,#ec4899d9);margin:.5rem 1rem;border-radius:12px;text-align:center}.site-nav--mobile .site-nav__link--cta[data-v-25bb298c]:hover{padding-left:1.5rem;transform:none}.mobile-accordion[data-v-25bb298c]{border-bottom:1px solid rgba(148,163,184,.1)}.mobile-accordion__trigger[data-v-25bb298c]{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;font-size:1rem;font-weight:600;color:#fff;cursor:pointer;transition:all .3s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none}.mobile-accordion__trigger[data-v-25bb298c]:hover{background:#6366f11a;padding-left:2rem}.accordion-icon[data-v-25bb298c]{font-size:.75rem;transition:transform .3s ease}.accordion-icon.is-open[data-v-25bb298c]{transform:rotate(180deg)}.mobile-accordion__content[data-v-25bb298c]{background:#0f172a80;overflow:hidden}.mobile-accordion__item[data-v-25bb298c]{display:block;padding:.85rem 1.5rem .85rem 2.5rem;font-size:.95rem;color:#ffffffd9;transition:all .3s ease;border-bottom:1px solid rgba(148,163,184,.05)}.mobile-accordion__item[data-v-25bb298c]:last-child{border-bottom:none}.mobile-accordion__item[data-v-25bb298c]:hover{background:#6366f11a;color:#fff;padding-left:3rem}.mobile-accordion__item.is-active[data-v-25bb298c]{background:#6366f133;color:var(--color-primary-light);border-left:3px solid var(--color-primary)}.mobile-section-header[data-v-25bb298c]{padding:.75rem 1.5rem .5rem 2.5rem;font-size:.75rem;font-weight:700;text-transform:uppercase;color:#94a3b899;letter-spacing:.05em;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;margin-top:.5rem}.mobile-section-header[data-v-25bb298c]:first-child{margin-top:0}.mobile-menu-divider[data-v-25bb298c]{margin:.75rem 1.5rem .75rem 2.5rem;border:none;border-top:1px solid rgba(148,163,184,.1)}.accordion-enter-active[data-v-25bb298c],.accordion-leave-active[data-v-25bb298c]{transition:all .3s ease}.accordion-enter-from[data-v-25bb298c],.accordion-leave-to[data-v-25bb298c]{opacity:0;max-height:0}.accordion-enter-to[data-v-25bb298c],.accordion-leave-from[data-v-25bb298c]{opacity:1;max-height:500px}.mobile-overlay[data-v-25bb298c]{position:fixed;inset:64px 0 0;background:#0009;backdrop-filter:blur(2px);z-index:40}.mobile-menu-enter-active[data-v-25bb298c],.mobile-menu-leave-active[data-v-25bb298c]{transition:transform .3s ease}.mobile-menu-enter-from[data-v-25bb298c],.mobile-menu-leave-to[data-v-25bb298c]{transform:translate(100%)}.overlay-enter-active[data-v-25bb298c],.overlay-leave-active[data-v-25bb298c]{transition:opacity .3s ease}.overlay-enter-from[data-v-25bb298c],.overlay-leave-to[data-v-25bb298c]{opacity:0}@media(max-width:1024px){.site-header__inner[data-v-25bb298c]{margin-left:40px;margin-right:40px}.site-nav--desktop[data-v-25bb298c]{gap:1.2rem}.site-nav__link[data-v-25bb298c]{font-size:.88rem}}@media(max-width:900px){.site-nav--desktop[data-v-25bb298c]{display:none}.mobile-menu-btn[data-v-25bb298c]{display:block}.search-btn[data-v-25bb298c]{width:36px;height:36px}.search-btn__icon[data-v-25bb298c]{font-size:1.1rem}.site-header__inner[data-v-25bb298c]{height:56px;gap:1rem;margin-left:24px;margin-right:24px}.site-brand__logo[data-v-25bb298c]{font-size:1rem}.site-brand__tagline[data-v-25bb298c]{font-size:.65rem}.site-nav--mobile[data-v-25bb298c]{top:56px;height:calc(100vh - 56px)}.mobile-overlay[data-v-25bb298c]{top:56px}}@media(max-width:480px){.site-brand__img[data-v-25bb298c]{width:32px;height:32px}.site-brand__tagline[data-v-25bb298c]{display:none}.site-brand__logo[data-v-25bb298c]{font-size:.95rem}.site-header__inner[data-v-25bb298c]{height:52px;margin-left:16px;margin-right:16px}.site-nav--mobile[data-v-25bb298c]{top:52px;height:calc(100vh - 52px);width:100%;max-width:100%}.mobile-overlay[data-v-25bb298c]{top:52px}}.site-footer[data-v-11f1026a]{margin-top:auto;padding:1.8rem 0 2.2rem;background:#0b1220f2;border-top:1px solid rgba(148,163,184,.12);color:#e2e8f0c7;min-height:260px}.site-footer__inner[data-v-11f1026a]{display:flex;align-items:center;justify-content:space-between;gap:.5rem;flex-wrap:wrap}.site-footer__branding[data-v-11f1026a]{display:flex;flex-direction:column;gap:.45rem;min-width:220px;min-height:80px}.site-footer__title[data-v-11f1026a]{margin:0;font-size:clamp(1.15rem,2.2vw,1.4rem);font-weight:600;color:#e2e8f0e6;line-height:1.4;height:1.96rem}.site-footer__tagline[data-v-11f1026a]{margin:0;font-size:.85rem;font-weight:300;color:#e2e8f0b8;max-width:360px;line-height:1.5;min-height:2.55rem}.site-footer__menu[data-v-11f1026a]{display:flex;flex-direction:column;gap:.8rem;min-height:70px}.site-footer__menu-heading[data-v-11f1026a]{margin:0;font-size:clamp(1rem,2vw,1.25rem);font-weight:600;color:#e2e8f0e0;line-height:1.4;height:1.75rem}.site-footer__links[data-v-11f1026a]{margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:1rem;min-height:1.35rem}.site-footer__links a[data-v-11f1026a]{color:inherit;font-size:.9rem;transition:color var(--transition-base, .2s ease);line-height:1.5}.site-footer__links a[data-v-11f1026a]:hover{color:var(--color-primary-light)}.site-footer__copy[data-v-11f1026a]{flex:1 0 100%;margin:0;margin-top:1.2rem;font-size:.85rem;color:#94a3b8d9;text-align:center;line-height:1.5;height:1.275rem}.site-footer__disclaimer[data-v-11f1026a]{flex:1 0 100%;margin:.6rem 0 0;font-size:.85rem;color:#94a3b8b3;text-align:center;line-height:1.6;max-width:1200px;margin-left:auto;margin-right:auto;min-height:2.72rem}@media(max-width:640px){.site-footer[data-v-11f1026a]{padding:1.5rem 0 1.9rem;min-height:300px}.site-footer__inner[data-v-11f1026a]{align-items:flex-start}.site-footer__menu-heading[data-v-11f1026a]{font-size:1.05rem;height:1.47rem}.site-footer__links[data-v-11f1026a]{gap:.75rem}.site-footer__branding[data-v-11f1026a]{min-height:90px}.site-footer__disclaimer[data-v-11f1026a]{min-height:4.08rem}}.compare-bar[data-v-f290a7e6]{position:fixed;bottom:20px;right:20px;z-index:100;background:linear-gradient(135deg,#6366f1f2,#3b82f6f2);border-radius:12px;box-shadow:0 8px 32px #0006;padding:1rem;min-width:280px;max-width:320px;backdrop-filter:blur(10px)}.compare-bar__content[data-v-f290a7e6]{display:flex;flex-direction:column;gap:.75rem}.compare-bar__header[data-v-f290a7e6]{display:flex;justify-content:space-between;align-items:center}.compare-bar__title[data-v-f290a7e6]{font-weight:600;color:#fff;font-size:.95rem}.compare-bar__clear[data-v-f290a7e6]{background:#fff3;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:.25rem .5rem;font-size:.9rem;transition:background .2s}.compare-bar__clear[data-v-f290a7e6]:hover{background:#ffffff4d}.compare-bar__list[data-v-f290a7e6]{display:flex;flex-direction:column;gap:.5rem;max-height:200px;overflow-y:auto}.compare-item[data-v-f290a7e6]{display:flex;justify-content:space-between;align-items:center;background:#ffffff26;padding:.5rem .75rem;border-radius:6px;transition:background .2s}.compare-item[data-v-f290a7e6]:hover{background:#ffffff40}.compare-item__name[data-v-f290a7e6]{color:#fff;font-size:.9rem;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.compare-item__remove[data-v-f290a7e6]{background:#ef44444d;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:.2rem .4rem;font-size:.85rem;transition:background .2s;flex-shrink:0;margin-left:.5rem}.compare-item__remove[data-v-f290a7e6]:hover{background:#ef444480}.compare-bar__button[data-v-f290a7e6]{width:100%;padding:.65rem;background:#fffffff2;color:#6366f1;border:none;border-radius:8px;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .2s}.compare-bar__button[data-v-f290a7e6]:hover:not(:disabled){background:#fff;transform:translateY(-1px);box-shadow:0 4px 12px #0003}.compare-bar__button[data-v-f290a7e6]:disabled{opacity:.5;cursor:not-allowed}.compare-bar-enter-active[data-v-f290a7e6],.compare-bar-leave-active[data-v-f290a7e6]{transition:all .3s ease}.compare-bar-enter-from[data-v-f290a7e6],.compare-bar-leave-to[data-v-f290a7e6]{opacity:0;transform:translateY(20px) scale(.9)}@media(max-width:768px){.compare-bar[data-v-f290a7e6]{bottom:10px;right:10px;left:10px;min-width:auto;max-width:none}}#app{min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1;display:flex;flex-direction:column;min-height:60vh}.page-skeleton{flex:1;display:flex;flex-direction:column;gap:1.5rem;padding:2rem;min-height:70vh}.page-skeleton>div{border-radius:16px;background:linear-gradient(90deg,#1e293bb3,#33415580);min-height:180px;animation:skeleton-shimmer 1.6s infinite;background-size:200% 100%}.skeleton-hero{min-height:260px}.skeleton-section{min-height:220px}.skeleton-section--wide{min-height:320px}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.page-loader{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;background:#0f172a8c;backdrop-filter:blur(4px);z-index:9999;color:#e2e8f0;text-align:center;pointer-events:all}.loader-spinner{width:48px;height:48px;border-radius:50%;border:4px solid rgba(148,163,184,.35);border-top-color:#6366f1;animation:loader-spin .9s linear infinite}.loader-text{font-size:.95rem;letter-spacing:.08em;text-transform:uppercase;opacity:.85}@keyframes loader-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loader-fade-enter-active,.loader-fade-leave-active{transition:opacity .2s ease}.loader-fade-enter-from,.loader-fade-leave-to{opacity:0}.content-rating[data-v-fb522d53]{background:var(--color-bg-surface, #1f2a44);border-radius:var(--radius-lg, 1.25rem);padding:1rem;box-shadow:var(--shadow-md, 0 4px 12px rgba(15, 23, 42, .35));border:1px solid var(--color-border, #334155);position:fixed;top:80px;right:20px;width:160px;max-height:calc(100vh - 100px);overflow-y:auto;z-index:100}.rating-header[data-v-fb522d53]{text-align:center;margin-bottom:1rem}.rating-header h3[data-v-fb522d53]{font-size:.875rem;font-weight:600;color:var(--color-text, #f8fafc);margin:0;line-height:1.3}.rating-buttons[data-v-fb522d53]{display:flex;flex-direction:column;gap:.625rem;margin-bottom:1rem}.rating-btn[data-v-fb522d53]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.375rem;padding:.625rem .5rem;border:2px solid var(--color-border, #334155);border-radius:var(--radius-md, .75rem);background:var(--color-bg-elevated, #1c253d);cursor:pointer;transition:all .2s ease;position:relative;min-height:auto}.rating-btn[data-v-fb522d53]:hover:not(:disabled){border-color:var(--color-primary, #6366f1);transform:translateY(-2px);box-shadow:0 4px 12px #6366f14d;background:var(--color-bg-card-hover, #24304d)}.rating-btn[data-v-fb522d53]:disabled{opacity:.6;cursor:not-allowed}.rating-btn.active[data-v-fb522d53]{border-color:var(--color-accent-green, #10b981);background:#10b9811a}.rating-btn .icon[data-v-fb522d53]{font-size:1.5rem;line-height:1;flex-shrink:0}.rating-btn .label[data-v-fb522d53]{font-size:.75rem;font-weight:600;color:var(--color-text, #f8fafc);text-align:center;line-height:1.2}.rating-btn .count[data-v-fb522d53]{position:absolute;top:.25rem;right:.25rem;background:var(--color-primary, #6366f1);color:#fff;font-size:.625rem;padding:.125rem .375rem;border-radius:8px;font-weight:600;min-width:1.25rem;text-align:center}.error-message[data-v-fb522d53]{text-align:center;padding:.75rem;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-md, .75rem);color:#fca5a5;margin-bottom:.75rem;font-size:.75rem}.thank-you[data-v-fb522d53]{text-align:center;padding:.75rem;background:#10b9811a;border:1px solid rgba(16,185,129,.3);border-radius:var(--radius-md, .75rem);margin-bottom:.75rem}.thank-you p[data-v-fb522d53]{font-weight:600;color:var(--color-accent-green, #10b981);margin-bottom:.5rem;font-size:.8125rem}.feedback-btn[data-v-fb522d53]{padding:.5rem;background:var(--color-primary, #6366f1);color:#fff;border:none;border-radius:var(--radius-sm, .5rem);cursor:pointer;font-weight:600;font-size:.75rem;transition:background .2s ease}.feedback-btn[data-v-fb522d53]:hover{background:var(--color-primary-dark, #4f46e5)}.modal-backdrop[data-v-fb522d53]{position:fixed;inset:0;background:#000000bf;z-index:9998;backdrop-filter:blur(4px)}.feedback-modal[data-v-fb522d53]{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:1.5rem;overflow-y:auto}.modal-content[data-v-fb522d53]{background:var(--color-bg-surface, #1f2a44);border-radius:var(--radius-lg, 1.25rem);padding:1.5rem;max-width:600px;width:100%;box-shadow:0 20px 60px #00000080;border:2px solid var(--color-border, #334155);position:relative;max-height:90vh;overflow-y:auto}.modal-close[data-v-fb522d53]{position:absolute;top:1rem;right:1rem;width:40px;height:40px;border:none;background:var(--color-bg-elevated, #1c253d);color:var(--color-text, #f8fafc);font-size:2rem;line-height:1;cursor:pointer;border-radius:50%;transition:all .2s ease;display:flex;align-items:center;justify-content:center;padding:0}.modal-close[data-v-fb522d53]:hover:not(:disabled){background:#ef4444;color:#fff;transform:rotate(90deg)}.modal-close[data-v-fb522d53]:disabled{opacity:.5;cursor:not-allowed}.modal-content h4[data-v-fb522d53]{margin:0 0 1rem;color:var(--color-text, #f8fafc);font-size:1.25rem;font-weight:700;padding-right:2.5rem}.form-group[data-v-fb522d53]{margin-bottom:1rem}.form-group[data-v-fb522d53]:last-of-type{margin-bottom:1.5rem}.form-group label[data-v-fb522d53]{display:block;font-weight:600;color:var(--color-text-secondary, #cbd5e1);margin-bottom:.5rem;font-size:.875rem}.checkbox-group[data-v-fb522d53]{display:flex;flex-wrap:wrap;gap:.5rem}.checkbox-group label[data-v-fb522d53]{display:flex;align-items:center;gap:.5rem;font-weight:400;margin-bottom:0;cursor:pointer;padding:.5rem .75rem;border-radius:var(--radius-sm, .5rem);transition:background .2s ease;font-size:.8125rem;border:1px solid var(--color-border, #334155);background:var(--color-bg-base, #0f172a);white-space:nowrap}.checkbox-group label[data-v-fb522d53]:hover{background:var(--color-bg-elevated, #1c253d);border-color:#6366f1}.checkbox-group input[type=checkbox][data-v-fb522d53]{width:1rem;height:1rem;cursor:pointer;accent-color:var(--color-primary, #6366f1);flex-shrink:0}textarea[data-v-fb522d53]{width:100%;padding:.75rem;border:2px solid var(--color-border, #334155);border-radius:var(--radius-sm, .5rem);resize:vertical;font-family:inherit;font-size:.875rem;background:var(--color-bg-base, #0f172a);color:var(--color-text, #f8fafc);transition:border-color .2s ease;line-height:1.5}textarea[data-v-fb522d53]:focus{outline:none;border-color:var(--color-primary, #6366f1);box-shadow:0 0 0 3px #6366f11a}textarea[data-v-fb522d53]::-moz-placeholder{color:var(--color-text-muted, #94a3b8)}textarea[data-v-fb522d53]::placeholder{color:var(--color-text-muted, #94a3b8)}.char-count[data-v-fb522d53]{display:block;text-align:right;font-size:.75rem;color:var(--color-text-muted, #94a3b8);margin-top:.375rem}.form-actions[data-v-fb522d53]{display:flex;gap:1rem;margin-top:1.5rem}.submit-btn[data-v-fb522d53],.cancel-btn[data-v-fb522d53]{flex:1;padding:.75rem 1.5rem;border:none;border-radius:var(--radius-sm, .5rem);font-weight:600;cursor:pointer;transition:all .2s ease;font-size:.9375rem}.submit-btn[data-v-fb522d53]{background:var(--color-accent-green, #10b981);color:#fff}.submit-btn[data-v-fb522d53]:hover:not(:disabled){background:#059669;transform:translateY(-2px);box-shadow:0 4px 12px #10b9814d}.submit-btn[data-v-fb522d53]:disabled{opacity:.6;cursor:not-allowed}.cancel-btn[data-v-fb522d53]{background:var(--color-bg-base, #0f172a);color:var(--color-text-secondary, #cbd5e1);border:2px solid var(--color-border, #334155)}.cancel-btn[data-v-fb522d53]:hover:not(:disabled){background:var(--color-bg-elevated, #1c253d);border-color:var(--color-primary, #6366f1)}.rating-stats[data-v-fb522d53]{border-top:1px solid var(--color-border, #334155);padding-top:1rem}.stat-bar[data-v-fb522d53]{display:flex;flex-direction:column;gap:.375rem;margin-bottom:.5rem}.stat-label[data-v-fb522d53]{font-weight:600;color:var(--color-text-muted, #94a3b8);font-size:.625rem;text-align:center}.progress-bar[data-v-fb522d53]{height:4px;background:var(--color-bg-elevated, #1c253d);border-radius:2px;overflow:hidden;width:100%}.progress-fill[data-v-fb522d53]{height:100%;background:linear-gradient(90deg,var(--color-accent-green, #10b981),var(--color-primary, #6366f1));transition:width .3s ease;min-width:2%}.stat-value[data-v-fb522d53]{font-weight:700;color:var(--color-primary-light, #818cf8);font-size:1rem;text-align:center}.total-ratings[data-v-fb522d53]{text-align:center;color:var(--color-text-muted, #94a3b8);font-size:.625rem;margin-top:.375rem}.fade-enter-active[data-v-fb522d53],.fade-leave-active[data-v-fb522d53]{transition:opacity .3s ease}.fade-enter-from[data-v-fb522d53],.fade-leave-to[data-v-fb522d53]{opacity:0}.modal-enter-active[data-v-fb522d53]{transition:all .3s ease}.modal-leave-active[data-v-fb522d53]{transition:all .25s ease}.modal-enter-from .modal-content[data-v-fb522d53],.modal-leave-to .modal-content[data-v-fb522d53]{opacity:0;transform:scale(.9) translateY(-20px)}.modal-enter-to .modal-content[data-v-fb522d53],.modal-leave-from .modal-content[data-v-fb522d53]{opacity:1;transform:scale(1) translateY(0)}.modal-content[data-v-fb522d53]{transition:all .3s ease}.content-rating[data-v-fb522d53]::-webkit-scrollbar{width:6px}.content-rating[data-v-fb522d53]::-webkit-scrollbar-track{background:var(--color-bg-elevated, #1c253d);border-radius:3px}.content-rating[data-v-fb522d53]::-webkit-scrollbar-thumb{background:var(--color-border, #334155);border-radius:3px}.content-rating[data-v-fb522d53]::-webkit-scrollbar-thumb:hover{background:var(--color-primary, #6366f1)}@media(max-width:1200px){.content-rating[data-v-fb522d53]{position:static;width:100%;max-height:none;margin:2rem 0}}@media(max-width:768px){.content-rating[data-v-fb522d53]{padding:1.25rem}.rating-header h3[data-v-fb522d53]{font-size:1rem}.modal-content[data-v-fb522d53]{padding:1.25rem;max-width:95%}.modal-content h4[data-v-fb522d53]{font-size:1.125rem;padding-right:2.5rem}.modal-close[data-v-fb522d53]{width:36px;height:36px;font-size:1.75rem;top:.75rem;right:.75rem}.form-group label[data-v-fb522d53]{font-size:.8125rem}.checkbox-group label[data-v-fb522d53]{font-size:.75rem;padding:.375rem .625rem}.checkbox-group input[type=checkbox][data-v-fb522d53]{width:.875rem;height:.875rem}textarea[data-v-fb522d53]{font-size:.8125rem;padding:.625rem}.form-actions[data-v-fb522d53]{flex-direction:column;gap:.75rem}.submit-btn[data-v-fb522d53],.cancel-btn[data-v-fb522d53]{padding:.625rem 1rem;font-size:.875rem}}.home-dps-calculator[data-v-cb1f31fb]{background:linear-gradient(180deg,#0f172acc,#0f172a99);border:1px solid rgba(99,102,241,.3);border-radius:24px;padding:3rem 2.5rem;margin:0 auto;max-width:1200px;min-height:500px}.calculator-header[data-v-cb1f31fb]{text-align:center;margin-bottom:2.5rem}.calculator-title[data-v-cb1f31fb]{margin:0 0 .75rem;font-size:2rem;font-weight:700;background:linear-gradient(135deg,var(--color-primary-light),var(--color-accent-cyan));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.calculator-subtitle[data-v-cb1f31fb]{margin:0;color:var(--color-text-secondary);font-size:1.05rem}.calculator-grid[data-v-cb1f31fb]{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-bottom:2rem}.unit-slot[data-v-cb1f31fb]{background:#1f2a4480;border:1px solid rgba(148,163,184,.15);border-radius:16px;padding:1.5rem;transition:all .3s ease;min-height:280px}.unit-slot[data-v-cb1f31fb]:hover{border-color:#6366f166;transform:translateY(-2px);box-shadow:0 8px 20px #0003}.slot-label[data-v-cb1f31fb]{display:block;margin-bottom:.75rem;font-size:.9rem;font-weight:600;color:var(--color-primary-light);text-transform:uppercase;letter-spacing:.05em}.unit-selector-wrapper[data-v-cb1f31fb]{position:relative;margin-bottom:1rem}.unit-selector[data-v-cb1f31fb]{width:100%;display:flex;align-items:center;justify-content:space-between;padding:.875rem 1rem;background:#0f172ab3;border:1px solid rgba(148,163,184,.2);border-radius:10px;color:var(--color-text);font-size:.95rem;cursor:pointer;transition:all .2s ease;height:44px}.unit-selector[data-v-cb1f31fb]:hover{border-color:var(--color-primary);background:#0f172ae6}.unit-selector-text[data-v-cb1f31fb]{flex:1;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.unit-selector-arrow[data-v-cb1f31fb]{margin-left:.5rem;font-size:.75rem;color:var(--color-text-secondary)}.unit-dropdown[data-v-cb1f31fb]{position:absolute;top:calc(100% + .5rem);left:0;right:0;background:#0f172afa;border:1px solid rgba(99,102,241,.4);border-radius:12px;max-height:320px;overflow:hidden;z-index:100;box-shadow:0 12px 32px #00000080}.unit-search[data-v-cb1f31fb]{width:100%;padding:.875rem 1rem;background:#1f2a44cc;border:none;border-bottom:1px solid rgba(148,163,184,.2);color:var(--color-text);font-size:.95rem;outline:none}.unit-search[data-v-cb1f31fb]::-moz-placeholder{color:var(--color-text-secondary)}.unit-search[data-v-cb1f31fb]::placeholder{color:var(--color-text-secondary)}.unit-list[data-v-cb1f31fb]{max-height:260px;overflow-y:auto}.unit-option[data-v-cb1f31fb]{width:100%;display:flex;align-items:center;justify-content:space-between;padding:.875rem 1rem;background:transparent;border:none;color:var(--color-text);font-size:.9rem;cursor:pointer;transition:all .2s ease;text-align:left}.unit-option[data-v-cb1f31fb]:hover{background:#6366f133}.unit-name[data-v-cb1f31fb]{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.unit-rarity[data-v-cb1f31fb]{margin-left:.75rem;padding:.25rem .5rem;background:#6366f133;border-radius:6px;font-size:.75rem;color:var(--color-primary-light)}.level-control[data-v-cb1f31fb]{margin-bottom:1rem}.level-label[data-v-cb1f31fb]{display:block;margin-bottom:.5rem;font-size:.85rem;color:var(--color-text-secondary);text-align:center}.level-slider[data-v-cb1f31fb]{width:100%;height:6px;background:#94a3b833;border-radius:3px;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.level-slider[data-v-cb1f31fb]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;background:var(--color-primary);border-radius:50%;cursor:pointer;-webkit-transition:all .2s ease;transition:all .2s ease}.level-slider[data-v-cb1f31fb]::-webkit-slider-thumb:hover{background:var(--color-primary-light);transform:scale(1.1)}.level-slider[data-v-cb1f31fb]::-moz-range-thumb{width:18px;height:18px;background:var(--color-primary);border-radius:50%;cursor:pointer;border:none;-moz-transition:all .2s ease;transition:all .2s ease}.level-slider[data-v-cb1f31fb]::-moz-range-thumb:hover{background:var(--color-primary-light);transform:scale(1.1)}.dps-display[data-v-cb1f31fb]{display:flex;align-items:center;justify-content:space-between;padding:1rem;background:linear-gradient(135deg,#6366f126,#06b6d41a);border:1px solid rgba(99,102,241,.3);border-radius:10px}.dps-label[data-v-cb1f31fb]{font-size:.9rem;color:var(--color-text-secondary);font-weight:500}.dps-value[data-v-cb1f31fb]{font-size:1.5rem;font-weight:700;color:var(--color-primary-light)}.total-dps[data-v-cb1f31fb]{margin-bottom:2rem;padding:1.75rem 2rem;background:linear-gradient(135deg,#6366f133,#06b6d426);border:2px solid rgba(99,102,241,.4);border-radius:16px}.total-dps-content[data-v-cb1f31fb]{display:flex;align-items:center;justify-content:space-between}.total-dps-label[data-v-cb1f31fb]{font-size:1.1rem;font-weight:600;color:var(--color-text)}.total-dps-value[data-v-cb1f31fb]{font-size:2.5rem;font-weight:800;background:linear-gradient(135deg,var(--color-primary-light),var(--color-accent-cyan));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.calculator-cta[data-v-cb1f31fb]{text-align:center}.calculator-cta-button[data-v-cb1f31fb]{display:inline-flex;align-items:center;gap:.5rem;padding:1rem 2.5rem;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));color:#fff;font-size:1.05rem;font-weight:600;border-radius:12px;text-decoration:none;transition:all .3s ease;box-shadow:0 4px 12px #6366f14d}.calculator-cta-button[data-v-cb1f31fb]:hover{transform:translateY(-2px);box-shadow:0 8px 20px #6366f166;gap:.75rem}.arrow-icon[data-v-cb1f31fb]{font-size:1.2rem;transition:transform .3s ease}.calculator-cta-hint[data-v-cb1f31fb]{margin:1rem 0 0;color:var(--color-text-secondary);font-size:.9rem}@media(max-width:1024px){.calculator-grid[data-v-cb1f31fb]{grid-template-columns:repeat(2,1fr)}.unit-slot[data-v-cb1f31fb]:last-child{grid-column:1 / -1;max-width:50%;margin:0 auto}}@media(max-width:768px){.home-dps-calculator[data-v-cb1f31fb]{padding:2rem 1.5rem;border-radius:20px;min-height:400px}.calculator-title[data-v-cb1f31fb]{font-size:1.6rem}.calculator-subtitle[data-v-cb1f31fb]{font-size:.95rem}.calculator-grid[data-v-cb1f31fb]{grid-template-columns:1fr;gap:1.25rem}.unit-slot[data-v-cb1f31fb]{min-height:260px}.unit-slot[data-v-cb1f31fb]:last-child{max-width:100%}.total-dps[data-v-cb1f31fb]{padding:1.5rem}.total-dps-content[data-v-cb1f31fb]{flex-direction:column;gap:.75rem;text-align:center}.total-dps-value[data-v-cb1f31fb]{font-size:2rem}.calculator-cta-button[data-v-cb1f31fb]{padding:.875rem 2rem;font-size:1rem}}@media(max-width:480px){.home-dps-calculator[data-v-cb1f31fb]{padding:1.5rem 1rem;min-height:350px}.calculator-title[data-v-cb1f31fb]{font-size:1.4rem}.unit-slot[data-v-cb1f31fb]{padding:1.25rem;min-height:240px}.dps-value[data-v-cb1f31fb]{font-size:1.25rem}.total-dps-value[data-v-cb1f31fb]{font-size:1.75rem}}.unit-list[data-v-cb1f31fb]::-webkit-scrollbar{width:8px}.unit-list[data-v-cb1f31fb]::-webkit-scrollbar-track{background:#1f2a4480}.unit-list[data-v-cb1f31fb]::-webkit-scrollbar-thumb{background:#6366f180;border-radius:4px}.unit-list[data-v-cb1f31fb]::-webkit-scrollbar-thumb:hover{background:#6366f1b3}.home[data-v-20126da6]{display:flex;flex-direction:column;gap:3rem;min-height:100vh}.hero[data-v-20126da6]{position:relative;padding:3rem 0 2rem;overflow:hidden}.hero__inner[data-v-20126da6]{position:relative;display:flex;flex-direction:column;gap:1.8rem;z-index:2}.hero__content[data-v-20126da6]{max-width:700px;margin-left:auto;margin-right:auto;display:flex;flex-direction:column;gap:1.2rem;text-align:center;align-items:center}.badge-live[data-v-20126da6]{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(to right,#10b981,#34d399);color:#fff;padding:8px 16px;border-radius:999px;font-weight:700;font-size:.875rem;box-shadow:0 4px 12px #10b9814d}.pulse-dot[data-v-20126da6]{width:8px;height:8px;background:#fff;border-radius:50%;animation:pulse-animation-20126da6 2s infinite}@keyframes pulse-animation-20126da6{0%,to{opacity:1}50%{opacity:.5}}.hero__title[data-v-20126da6]{font-size:clamp(2.2rem,4vw,3.1rem);font-weight:700;margin:0}.hero__subtitle[data-v-20126da6]{color:var(--color-text-muted);max-width:600px}.hero-guide-grid[data-v-20126da6]{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;width:100%;max-width:1400px;margin-top:1.5rem}.hero-guide-card[data-v-20126da6]{background:#0f172ab3;border:1px solid rgba(148,163,184,.2);border-radius:16px;padding:1.5rem 1.25rem;display:flex;flex-direction:column;align-items:center;gap:.75rem;transition:all .3s;text-align:center;min-width:0}.hero-guide-card[data-v-20126da6]:hover{transform:translateY(-6px);box-shadow:0 16px 40px #0006;border-color:#6366f180}.hero-guide-card--primary[data-v-20126da6]{background:linear-gradient(135deg,#6366f126,#3b82f61a);border-color:#6366f14d}.hero-guide-card--featured[data-v-20126da6]{background:linear-gradient(135deg,#ec48991a,#f973161a);border-color:#ec48994d}.hero-guide-icon[data-v-20126da6]{font-size:2.25rem}.hero-guide-card h3[data-v-20126da6]{margin:0;font-size:1.15rem;font-weight:700;white-space:nowrap}.hero-guide-description[data-v-20126da6]{color:var(--color-text-muted);line-height:1.5;margin:0;font-size:.875rem;min-height:2.5rem;flex:1}.hero-guide-btn[data-v-20126da6]{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.65rem 1.15rem;background:linear-gradient(135deg,var(--color-primary),var(--color-accent-pink));color:#fff;border-radius:10px;font-weight:600;font-size:.9rem;text-decoration:none;transition:all .3s;box-shadow:0 4px 12px #6366f14d;width:100%;margin-top:auto}.hero-guide-btn[data-v-20126da6]:hover{transform:translateY(-2px);box-shadow:0 8px 20px #6366f166}.hero__cta[data-v-20126da6]{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center;margin-top:.5rem}.hero__cta-button[data-v-20126da6]{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;padding:.75rem 1.5rem;border-radius:12px;font-weight:600;border:1px solid transparent;transition:transform var(--transition-base),box-shadow var(--transition-base)}.hero__cta-button--primary[data-v-20126da6]{background:linear-gradient(120deg,var(--color-primary),var(--color-accent-pink));color:#fff;box-shadow:0 8px 20px #6366f14d}.hero__cta-button--primary[data-v-20126da6]:hover{transform:translateY(-2px);box-shadow:0 12px 28px #6366f166}.hero__cta-button--secondary[data-v-20126da6]{background:linear-gradient(135deg,#3b82f6cc,#9333eacc);color:#fff;box-shadow:0 8px 20px #3b82f64d}.hero__cta-button--secondary[data-v-20126da6]:hover{transform:translateY(-2px);box-shadow:0 12px 28px #3b82f666}.hero__cta-button--ghost[data-v-20126da6]{border-color:#6366f166;color:var(--color-primary-light);background:#6366f11f}.hero__cta-button--ghost[data-v-20126da6]:hover{transform:translateY(-2px);border-color:var(--color-primary-light)}.hero__halo[data-v-20126da6]{position:absolute;inset:-40% -30% auto;height:420px;background:radial-gradient(circle,rgba(99,102,241,.4),transparent 60%);filter:blur(60px);opacity:.8}.dps-calculator-section[data-v-20126da6]{padding:1rem 0 3rem;background:linear-gradient(180deg,#0f172a33,#0f172a0d)}.section[data-v-20126da6]{padding:2rem 0}.section-header[data-v-20126da6]{text-align:center;margin-bottom:2.5rem}.section-badge[data-v-20126da6]{display:inline-flex;align-items:center;gap:.5rem;background:#6366f126;color:var(--color-primary-light);padding:.5rem 1rem;border-radius:999px;font-size:.875rem;font-weight:600;margin-bottom:1rem}.section-header h2[data-v-20126da6]{font-size:2rem;margin:.5rem 0;background:linear-gradient(135deg,#6366f1e6,#3b82f6b3);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.section-subtitle[data-v-20126da6]{color:var(--color-text-muted);font-size:1rem;margin:0}.quick-start-grid[data-v-20126da6]{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.quick-card[data-v-20126da6]{position:relative;background:#0f172a99;border:1px solid rgba(148,163,184,.2);border-radius:16px;padding:2rem;display:flex;flex-direction:column;gap:1rem;transition:all .3s}.quick-card[data-v-20126da6]:hover{transform:translateY(-4px);box-shadow:0 12px 30px #0000004d;border-color:#6366f166}.quick-card--featured[data-v-20126da6]{background:linear-gradient(135deg,#6366f11a,#9333ea1a)}.quick-card--hot[data-v-20126da6]{background:linear-gradient(135deg,#f973161a,#ec48991a)}.hot-badge[data-v-20126da6]{position:absolute;top:12px;right:12px;background:linear-gradient(135deg,#f97316,#ec4899);color:#fff;padding:4px 12px;border-radius:999px;font-size:.75rem;font-weight:700}.card-header[data-v-20126da6]{display:flex;align-items:flex-start;gap:1rem}.card-icon[data-v-20126da6]{font-size:2rem}.card-title-group[data-v-20126da6]{flex:1}.card-title-group h3[data-v-20126da6]{margin:0 0 .25rem;font-size:1.25rem}.card-tag[data-v-20126da6]{display:inline-block;background:#6366f133;color:var(--color-primary-light);padding:.25rem .75rem;border-radius:999px;font-size:.75rem;font-weight:600}.card-tag--green[data-v-20126da6]{background:#22c55e33;color:#10b981}.card-description[data-v-20126da6]{color:var(--color-text-muted);line-height:1.6;margin:0}.card-link[data-v-20126da6]{color:var(--color-primary-light);font-weight:600;text-decoration:none;transition:color .2s}.card-link[data-v-20126da6]:hover{color:var(--color-primary)}.new-player-section[data-v-20126da6]{background:linear-gradient(135deg,#6366f10d,#9333ea0d);padding:3rem 0}.guide-grid[data-v-20126da6]{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem}.guide-card[data-v-20126da6]{background:#0f172a99;border:1px solid rgba(148,163,184,.2);border-radius:16px;padding:2rem;display:flex;flex-direction:column;gap:1.5rem;transition:all .3s}.guide-card[data-v-20126da6]:hover{transform:translateY(-6px);box-shadow:0 16px 40px #0006;border-color:#6366f180}.guide-card--primary[data-v-20126da6]{background:linear-gradient(135deg,#6366f126,#3b82f61a);border-color:#6366f14d}.guide-card--featured[data-v-20126da6]{background:linear-gradient(135deg,#ec48991a,#f973161a);border-color:#ec48994d}.guide-icon[data-v-20126da6]{font-size:3rem;text-align:center}.guide-card h3[data-v-20126da6]{margin:0;font-size:1.4rem;font-weight:700;text-align:center}.guide-description[data-v-20126da6]{color:var(--color-text-muted);line-height:1.6;text-align:center;margin:0}.guide-features[data-v-20126da6]{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.75rem}.guide-features li[data-v-20126da6]{color:var(--color-text-muted);font-size:.95rem;padding-left:.5rem}.stage-suggestions[data-v-20126da6]{display:flex;flex-direction:column;gap:1rem;padding:1rem;background:#0f172a66;border-radius:12px}.suggestion-item[data-v-20126da6]{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:8px;transition:all .3s}.suggestion-item[data-v-20126da6]:hover{background:#ffffff0f;border-color:#6366f166}.suggestion-label[data-v-20126da6]{font-size:.85rem;color:var(--color-text-muted);font-weight:600}.suggestion-link[data-v-20126da6]{color:var(--color-primary-light);font-weight:600;text-decoration:none;font-size:.9rem;transition:color .2s}.suggestion-link[data-v-20126da6]:hover{color:var(--color-primary)}.team-stats[data-v-20126da6]{display:grid;grid-template-columns:1fr 1fr;gap:1rem;padding:1rem;background:#0f172a66;border-radius:12px}.team-stat[data-v-20126da6]{display:flex;flex-direction:column;align-items:center;gap:.5rem}.stat-number[data-v-20126da6]{font-size:2rem;font-weight:700;background:linear-gradient(135deg,#60a5fa,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-label[data-v-20126da6]{font-size:.85rem;color:var(--color-text-muted);text-align:center}.guide-btn[data-v-20126da6]{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem 1.5rem;background:linear-gradient(135deg,var(--color-primary),var(--color-accent-pink));color:#fff;border-radius:12px;font-weight:600;text-decoration:none;transition:all .3s;box-shadow:0 4px 12px #6366f14d}.guide-btn[data-v-20126da6]:hover{transform:translateY(-2px);box-shadow:0 8px 20px #6366f166}.guide-btn--secondary[data-v-20126da6]{background:linear-gradient(135deg,#3b82f6cc,#9333eacc)}.codes-grid[data-v-20126da6]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.code-card[data-v-20126da6]{background:#0f172a99;border:1px solid rgba(148,163,184,.2);border-radius:12px;padding:1.5rem;display:flex;flex-direction:column;gap:1rem;transition:all .3s}.code-card[data-v-20126da6]:hover{transform:translateY(-2px);border-color:#6366f166}.code-value[data-v-20126da6]{display:flex;align-items:center;justify-content:space-between;background:#6366f11a;border:1px solid rgba(99,102,241,.3);padding:.75rem 1rem;border-radius:8px;cursor:pointer;transition:all .2s}.code-value[data-v-20126da6]:hover{background:#6366f133;border-color:#6366f180}.code-text[data-v-20126da6]{font-family:monospace;font-weight:700;font-size:1.1rem;color:var(--color-primary-light)}.copy-icon[data-v-20126da6]{font-size:1.25rem}.code-rewards[data-v-20126da6]{display:flex;flex-direction:column;gap:.5rem}.reward[data-v-20126da6]{display:flex;align-items:center;gap:.5rem;color:var(--color-text-muted);font-size:.9rem}.reward-icon[data-v-20126da6]{font-size:1.25rem;display:flex;align-items:center;justify-content:center;min-width:24px}.reward-icon-img[data-v-20126da6]{width:24px;height:24px;-o-object-fit:contain;object-fit:contain}.reward-icon-emoji[data-v-20126da6]{font-size:1.25rem}.reward-text[data-v-20126da6]{display:flex;align-items:center;gap:.25rem}.reward-amount[data-v-20126da6]{font-weight:600;color:var(--color-primary-light)}.code-date[data-v-20126da6]{font-size:.8rem;color:var(--color-text-muted);text-align:right}.view-all-btn-wrapper[data-v-20126da6]{text-align:center}.view-all-btn[data-v-20126da6]{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,#6366f1cc,#3b82f6cc);color:#fff;border-radius:999px;font-weight:600;text-decoration:none;transition:all .3s}.view-all-btn[data-v-20126da6]:hover{transform:translateY(-2px);box-shadow:0 8px 20px #6366f166}.ranking-grid[data-v-20126da6]{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:2rem}.rank-card[data-v-20126da6]{position:relative;background:#0f172a99;border:1px solid rgba(148,163,184,.2);border-radius:16px;padding:2rem;display:flex;flex-direction:column;align-items:center;gap:1rem;transition:all .3s}.rank-card[data-v-20126da6]:hover{transform:translateY(-4px);box-shadow:0 12px 30px #0000004d;border-color:#6366f166}.rank-badge[data-v-20126da6]{position:absolute;top:12px;left:12px;min-width:50px;height:50px;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;font-weight:700;color:#fff;gap:2px}.rank-medal[data-v-20126da6]{font-size:1.5rem;line-height:1}.rank-text[data-v-20126da6]{font-size:.75rem;line-height:1}.rank-badge.rank-1[data-v-20126da6]{background:linear-gradient(135deg,#fbbf24,#f59e0b);box-shadow:0 4px 12px #fbbf2466}.rank-badge.rank-2[data-v-20126da6]{background:linear-gradient(135deg,#94a3b8,#64748b);box-shadow:0 4px 12px #94a3b866}.rank-badge.rank-3[data-v-20126da6]{background:linear-gradient(135deg,#fb923c,#f97316);box-shadow:0 4px 12px #fb923c66}.unit-avatar[data-v-20126da6]{width:100px;height:100px;border-radius:50%;background:linear-gradient(135deg,#6366f133,#9333ea33);display:flex;align-items:center;justify-content:center;border:3px solid rgba(99,102,241,.5);box-shadow:0 8px 24px #6366f14d;overflow:hidden;position:relative}.avatar-bg[data-v-20126da6]{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#6366f1,#8b5cf6)}.unit-avatar-img[data-v-20126da6]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.unit-emoji[data-v-20126da6]{font-size:3.5rem}.unit-name[data-v-20126da6]{margin:0;font-size:1.1rem;text-align:center;line-height:1.3}.rarity-tag[data-v-20126da6]{padding:.25rem .75rem;border-radius:999px;font-size:.75rem;font-weight:600}.rarity-tag.rarity-mythic[data-v-20126da6]{background:linear-gradient(135deg,#ec4899,#f43f5e);color:#fff}.rarity-tag.rarity-legendary[data-v-20126da6]{background:linear-gradient(135deg,#f97316,#fb923c);color:#fff}.rarity-tag.rarity-common[data-v-20126da6]{background:#94a3b84d;color:#cbd5e1}.unit-stats[data-v-20126da6]{width:100%;display:flex;flex-direction:column;gap:.75rem;padding:1rem;background:#0f172a66;border-radius:8px}.stat[data-v-20126da6]{display:flex;justify-content:space-between;align-items:center}.stat .label[data-v-20126da6]{font-size:.85rem;color:var(--color-text-muted)}.stat .value[data-v-20126da6]{font-weight:700;color:var(--color-primary-light);font-size:1rem}.rank-card-link[data-v-20126da6]{color:var(--color-primary-light);font-weight:600;text-decoration:none;font-size:.9rem}.rank-card-link[data-v-20126da6]:hover{color:var(--color-primary)}.view-full-ranking[data-v-20126da6]{text-align:center}.btn-secondary[data-v-20126da6]{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,#3b82f6cc,#9333eacc);color:#fff;border-radius:999px;font-weight:600;text-decoration:none;transition:all .3s}.btn-secondary[data-v-20126da6]:hover{transform:translateY(-2px);box-shadow:0 8px 20px #3b82f666}.qa-grid[data-v-20126da6]{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.qa-card[data-v-20126da6]{background:#0f172a99;border:1px solid rgba(148,163,184,.2);border-radius:16px;padding:2rem;display:flex;flex-direction:column;gap:1rem;transition:all .3s}.qa-card[data-v-20126da6]:hover{transform:translateY(-4px);box-shadow:0 12px 30px #0000004d;border-color:#6366f166}.qa-icon[data-v-20126da6]{font-size:2.5rem}.qa-question[data-v-20126da6]{margin:0;font-size:1.1rem;font-weight:600}.qa-answer[data-v-20126da6]{margin:0;color:var(--color-text-muted);line-height:1.6;font-size:.95rem}.qa-link[data-v-20126da6]{color:var(--color-primary-light);font-weight:600;text-decoration:none;font-size:.9rem}.qa-link[data-v-20126da6]:hover{color:var(--color-primary)}.featured-videos-section[data-v-20126da6]{background:linear-gradient(180deg,transparent,rgba(15,23,42,.3))}.videos-grid[data-v-20126da6]{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem;margin-bottom:2rem}.video-card[data-v-20126da6]{background:#0f172a99;border:1px solid rgba(148,163,184,.2);border-radius:16px;overflow:hidden;transition:all .3s;text-decoration:none;color:inherit;display:flex;flex-direction:column}.video-card[data-v-20126da6]:hover{transform:translateY(-6px);box-shadow:0 16px 40px #0006;border-color:#6366f180}.video-thumbnail[data-v-20126da6]{position:relative;width:100%;aspect-ratio:16 / 9;overflow:hidden;background:linear-gradient(135deg,#0f172ae6,#1e293be6)}.video-thumbnail img[data-v-20126da6]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .3s}.video-card:hover .video-thumbnail img[data-v-20126da6]{transform:scale(1.05)}.video-duration[data-v-20126da6]{position:absolute;bottom:8px;right:8px;background:#000000d9;color:#fff;padding:4px 8px;border-radius:4px;font-size:.75rem;font-weight:600}.play-overlay[data-v-20126da6]{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#0000004d;opacity:0;transition:opacity .3s}.video-card:hover .play-overlay[data-v-20126da6]{opacity:1}.play-button[data-v-20126da6]{width:60px;height:60px;background:#ff0000e6;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.5rem;padding-left:4px;transition:transform .3s}.video-card:hover .play-button[data-v-20126da6]{transform:scale(1.1)}.video-info[data-v-20126da6]{padding:1.5rem;display:flex;flex-direction:column;gap:.75rem;flex:1}.video-title[data-v-20126da6]{margin:0;font-size:1.05rem;font-weight:600;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.video-meta[data-v-20126da6]{display:flex;align-items:center;justify-content:space-between;gap:.5rem;font-size:.85rem;color:var(--color-text-muted)}.video-channel[data-v-20126da6]{font-weight:600;color:var(--color-primary-light)}.video-stats[data-v-20126da6]{display:flex;align-items:center;gap:.5rem}.views[data-v-20126da6]{display:flex;align-items:center;gap:.25rem}.video-tags[data-v-20126da6]{display:flex;gap:.5rem;flex-wrap:wrap}.video-tag[data-v-20126da6]{background:#6366f126;color:var(--color-primary-light);padding:.25rem .75rem;border-radius:999px;font-size:.75rem;font-weight:600}.view-all-videos[data-v-20126da6]{text-align:center}.btn-youtube[data-v-20126da6]{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,red,#c00);color:#fff;border-radius:999px;font-weight:600;text-decoration:none;transition:all .3s;box-shadow:0 4px 12px #ff00004d}.btn-youtube[data-v-20126da6]:hover{transform:translateY(-2px);box-shadow:0 8px 20px #f006}.faq-section[data-v-20126da6]{padding-bottom:5rem}.faq-card[data-v-20126da6]{padding:2.4rem 2.2rem;display:flex;flex-direction:column;gap:1.8rem}.faq-card__head[data-v-20126da6]{text-align:center}.faq-card__head h2[data-v-20126da6]{margin:0;font-size:1.8rem;background:linear-gradient(135deg,#6366f1e6,#3b82f6b3);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.faq-card__list[data-v-20126da6]{list-style:none;display:grid;gap:1.6rem;margin:0;padding:0}.faq-card__list li[data-v-20126da6]{padding:1.5rem 1.8rem;border-radius:12px;background:#0f172a66;border:1px solid rgba(148,163,184,.15);transition:border-color var(--transition-base),transform var(--transition-base)}.faq-card__list li[data-v-20126da6]:hover{border-color:#6366f14d;transform:translateY(-2px)}.faq-question[data-v-20126da6]{margin:0 0 .8rem;font-size:1.1rem;font-weight:600;color:var(--color-primary-light)}.faq-answer[data-v-20126da6]{margin:0;color:var(--color-text-muted);line-height:1.6}.tools-section[data-v-20126da6]{background:linear-gradient(180deg,rgba(15,23,42,.2),transparent)}.tools-grid[data-v-20126da6]{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem}.tools-grid--3col[data-v-20126da6]{grid-template-columns:repeat(3,1fr)}.tool-card[data-v-20126da6]{position:relative;background:#0f172a99;border:1px solid rgba(148,163,184,.2);border-radius:16px;padding:2rem;display:flex;flex-direction:column;gap:1rem;transition:all .3s;min-height:260px}.tool-card[data-v-20126da6]:hover{transform:translateY(-4px);box-shadow:0 12px 30px #0000004d;border-color:#6366f166}.tool-card--new[data-v-20126da6]{background:linear-gradient(135deg,#ec489914,#f9731614);border-color:#ec48994d}.new-badge[data-v-20126da6]{position:absolute;top:12px;right:12px;background:linear-gradient(135deg,#ec4899,#f97316);color:#fff;padding:4px 12px;border-radius:999px;font-size:.75rem;font-weight:700}.tool-icon[data-v-20126da6]{font-size:2.5rem;text-align:center;margin-bottom:.5rem}.tool-card h3[data-v-20126da6]{margin:0;font-size:1.2rem;font-weight:700;text-align:center}.tool-description[data-v-20126da6]{color:var(--color-text-muted);line-height:1.6;margin:0;font-size:.9rem;text-align:center;flex:1}.tool-link[data-v-20126da6]{color:var(--color-primary-light);font-weight:600;text-decoration:none;font-size:.9rem;text-align:center;transition:color .2s;margin-top:auto}.tool-link[data-v-20126da6]:hover{color:var(--color-primary)}@media(max-width:1200px){.tools-grid[data-v-20126da6],.tools-grid--3col[data-v-20126da6]{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.hero[data-v-20126da6]{padding:2rem 0 1.5rem}.hero__title[data-v-20126da6]{font-size:1.8rem}.hero__subtitle[data-v-20126da6]{font-size:.95rem}.hero__cta[data-v-20126da6]{gap:.75rem;flex-direction:column}.hero__cta-button[data-v-20126da6]{width:100%}.hero-guide-grid[data-v-20126da6]{grid-template-columns:1fr;gap:1rem}.section-header h2[data-v-20126da6]{font-size:1.5rem}.quick-start-grid[data-v-20126da6],.guide-grid[data-v-20126da6],.codes-grid[data-v-20126da6],.ranking-grid[data-v-20126da6],.qa-grid[data-v-20126da6],.videos-grid[data-v-20126da6],.tools-grid[data-v-20126da6],.tools-grid--3col[data-v-20126da6]{grid-template-columns:1fr}.faq-card[data-v-20126da6]{padding:1.8rem 1.6rem}}@media(max-width:480px){.hero[data-v-20126da6]{padding:1.5rem 0 1rem}.hero__title[data-v-20126da6]{font-size:1.6rem}.badge-live[data-v-20126da6]{font-size:.75rem;padding:6px 12px}.section-header h2[data-v-20126da6]{font-size:1.3rem}.quick-card[data-v-20126da6],.guide-card[data-v-20126da6],.code-card[data-v-20126da6],.rank-card[data-v-20126da6],.qa-card[data-v-20126da6],.tool-card[data-v-20126da6]{padding:1.5rem}}.seo-content-section[data-v-20126da6]{background:linear-gradient(180deg,#0f172a4d,#0f172a1a);padding:4rem 0}.seo-content-card[data-v-20126da6]{padding:3rem 2.5rem;background:#0f172a99;border:1px solid rgba(99,102,241,.2);border-radius:20px}.seo-content-header[data-v-20126da6]{text-align:center;margin-bottom:3rem}.seo-content-header h2[data-v-20126da6]{margin:0 0 1rem;font-size:2rem;background:linear-gradient(135deg,var(--color-primary-light),var(--color-accent-cyan));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.seo-subtitle[data-v-20126da6]{margin:0;color:var(--color-text-secondary);font-size:1.1rem}.seo-content-grid[data-v-20126da6]{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem;margin-bottom:2.5rem}.seo-section[data-v-20126da6]{padding:1.8rem;background:#1f2a4466;border:1px solid rgba(148,163,184,.15);border-radius:12px;transition:all .3s ease}.seo-section[data-v-20126da6]:hover{border-color:#6366f14d;transform:translateY(-2px);box-shadow:0 8px 20px #0003}.seo-section h3[data-v-20126da6]{margin:0 0 1rem;font-size:1.15rem;color:var(--color-primary-light)}.seo-section p[data-v-20126da6]{margin:0 0 1.2rem;color:var(--color-text-secondary);line-height:1.7;font-size:.95rem}.seo-section strong[data-v-20126da6]{color:var(--color-text);font-weight:600}.seo-link[data-v-20126da6]{display:inline-flex;align-items:center;gap:.3rem;color:var(--color-primary-light);text-decoration:none;font-weight:600;font-size:.95rem;transition:all .2s ease}.seo-link[data-v-20126da6]:hover{color:var(--color-accent-cyan);gap:.6rem}.seo-footer[data-v-20126da6]{padding:2rem;background:#6366f114;border:1px solid rgba(99,102,241,.2);border-radius:12px;text-align:center}.seo-footer-text[data-v-20126da6]{margin:0;color:var(--color-text-secondary);line-height:1.8;font-size:.95rem}.seo-footer-text strong[data-v-20126da6]{color:var(--color-text)}@media(max-width:1024px){.seo-content-grid[data-v-20126da6]{grid-template-columns:1fr;gap:1.5rem}.seo-content-card[data-v-20126da6]{padding:2.5rem 2rem}}@media(max-width:768px){.seo-content-section[data-v-20126da6]{padding:3rem 0}.seo-content-card[data-v-20126da6]{padding:2rem 1.5rem}.seo-content-header h2[data-v-20126da6]{font-size:1.6rem}.seo-subtitle[data-v-20126da6]{font-size:1rem}.seo-section[data-v-20126da6],.seo-footer[data-v-20126da6]{padding:1.5rem}}