.hero{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:24px}.hero__glow{position:absolute;top:50%;left:50%;width:80vw;height:80vw;max-width:900px;max-height:900px;transform:translate(-50%,-50%);background:radial-gradient(circle at center,rgba(139,92,246,.35),transparent 70%);pointer-events:none;filter:blur(40px);opacity:.8;z-index:0}.hero__inner{position:relative;z-index:1;text-align:center;max-width:1200px}.hero__meta{font-family:var(--family-mono);font-size:13px;letter-spacing:.3em;text-transform:uppercase;color:#71717a;margin:0 0 24px;opacity:0;animation:simple-fade-in .8s cubic-bezier(.16,1,.3,1) 1.1s forwards}.hero__title{font-size:clamp(80px,14vw,200px);font-weight:800;letter-spacing:-.05em;line-height:.95;margin:0 0 32px;color:#fff;text-shadow:0 0 40px rgba(139,92,246,.5),0 4px 24px rgba(139,92,246,.3)}@supports (-webkit-background-clip: text) or (background-clip: text){.hero__title{background-image:linear-gradient(180deg,#fff,#e4e4e7,#c4b5fd);-webkit-background-clip:text;background-clip:text}}.hero__char{display:inline-block;will-change:transform,opacity,filter;opacity:1;transform:translateY(0);filter:blur(0);animation:char-enter .9s cubic-bezier(.16,1,.3,1) backwards;animation-delay:calc(var(--char-i, 0) * 60ms + .2s)}@media(prefers-reduced-motion:reduce){.hero__char{animation:none}.hero__subtitle,.hero__meta{animation:none;opacity:1;transform:none}}.hero__subtitle{font-size:clamp(18px,2.5vw,28px);font-weight:400;color:#a1a1aa;letter-spacing:-.01em;margin:0;opacity:0;animation:simple-fade-in .8s cubic-bezier(.16,1,.3,1) .8s forwards}.hero__scroll-hint{position:absolute;bottom:48px;left:50%;transform:translate(-50%);width:1px;height:64px;background:linear-gradient(to bottom,transparent,rgba(255,255,255,.16));z-index:1}.hero__scroll-hint span{display:block;width:1px;height:20px;background:#8b5cf6;animation:scroll-dot 2.4s cubic-bezier(.65,0,.35,1) infinite}@keyframes char-enter{0%{opacity:0;transform:translateY(60px);filter:blur(16px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}@keyframes simple-fade-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes scroll-dot{0%{transform:translateY(-20px);opacity:0}20%{opacity:1}80%{opacity:1}to{transform:translateY(60px);opacity:0}}.card-wrapper[data-v-48f4c365]{opacity:0;perspective:1200px}.card[data-v-48f4c365]{position:relative;display:block;height:100%;min-height:260px;padding:var(--space-5);background:var(--color-bg-soft);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);overflow:hidden;isolation:isolate;transform-style:preserve-3d;transform:perspective(1000px) rotateX(var(--tx, 0)) rotateY(var(--ty, 0));transition:border-color var(--duration-base) var(--ease-out),box-shadow var(--duration-base) var(--ease-out),transform .5s cubic-bezier(.34,1.56,.64,1)}.card.is-hovering[data-v-48f4c365]{transition:border-color var(--duration-base) var(--ease-out),box-shadow var(--duration-base) var(--ease-out)}.card[data-v-48f4c365]:hover{border-color:var(--color-border-hover);box-shadow:var(--shadow-card-hover)}.card__inner[data-v-48f4c365]{position:relative;z-index:2;height:100%;display:flex;flex-direction:column;gap:var(--space-5)}.card__header[data-v-48f4c365]{display:flex;align-items:center;justify-content:space-between}.card__index[data-v-48f4c365]{font-family:var(--family-mono);font-size:var(--font-small);color:var(--color-text-mute);letter-spacing:.1em}.card__dot[data-v-48f4c365]{width:8px;height:8px;border-radius:50%;box-shadow:0 0 12px currentColor;opacity:.85}.card__body[data-v-48f4c365]{flex:1}.card__name[data-v-48f4c365]{font-size:32px;font-weight:600;letter-spacing:-.02em;margin-bottom:var(--space-2);background:linear-gradient(180deg,var(--color-text) 0%,var(--color-text-soft) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.card__chinese[data-v-48f4c365]{font-size:var(--font-body);color:var(--color-text-soft);margin-bottom:var(--space-4)}.card__desc[data-v-48f4c365]{font-size:var(--font-small);color:var(--color-text-mute);line-height:1.6}.card__footer[data-v-48f4c365]{display:flex;align-items:center;justify-content:space-between;padding-top:var(--space-4);border-top:1px solid var(--color-border)}.card__url[data-v-48f4c365]{font-family:var(--family-mono);font-size:var(--font-small);color:var(--color-text-soft);letter-spacing:-.01em}.card__arrow[data-v-48f4c365]{color:var(--color-text-soft);transition:transform var(--duration-base) var(--ease-spring),color var(--duration-base) var(--ease-out)}.card:hover .card__arrow[data-v-48f4c365]{color:var(--accent);transform:translate(4px,-4px)}.card__glow[data-v-48f4c365]{position:absolute;inset:-2px;border-radius:var(--radius-lg);background:radial-gradient(circle at var(--gx, 50%) var(--gy, 0%),var(--accent),transparent 55%);opacity:0;z-index:1;transition:opacity .4s var(--ease-out);pointer-events:none}.card:hover .card__glow[data-v-48f4c365]{opacity:.35}.card[data-v-48f4c365]:before{content:"";position:absolute;inset:0;border-radius:var(--radius-lg);padding:1px;background:radial-gradient(circle at var(--gx, 50%) var(--gy, 50%),var(--accent),transparent 40%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .4s var(--ease-out);pointer-events:none;z-index:3}.card[data-v-48f4c365]:hover:before{opacity:.8}.tools[data-v-d666cd99]{padding-block:var(--space-10) var(--space-9);position:relative}.tools__header[data-v-d666cd99]{text-align:center;margin-bottom:var(--space-8)}.tools__eyebrow[data-v-d666cd99]{font-family:var(--family-mono);font-size:var(--font-small);letter-spacing:.3em;color:var(--color-accent);margin-bottom:var(--space-3)}.tools__title[data-v-d666cd99]{font-size:var(--font-h1);font-weight:600;letter-spacing:-.02em;margin-bottom:var(--space-3)}.tools__desc[data-v-d666cd99]{color:var(--color-text-soft);font-size:var(--font-body)}.tools__grid[data-v-d666cd99]{display:grid;gap:var(--space-5);grid-template-columns:1fr}@media(min-width:768px){.tools__grid[data-v-d666cd99]{grid-template-columns:repeat(3,1fr);gap:var(--space-5)}}.footer[data-v-f0187c94]{padding-block:var(--space-7);border-top:1px solid var(--color-border);background:var(--color-bg)}.footer__inner[data-v-f0187c94]{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-4)}.footer__brand[data-v-f0187c94]{font-family:var(--family-mono);font-size:var(--font-small);letter-spacing:.1em;color:var(--color-text);margin-bottom:var(--space-1)}.footer__copy[data-v-f0187c94]{font-size:var(--font-small);color:var(--color-text-mute)}.footer__right[data-v-f0187c94]{display:flex;align-items:center;gap:var(--space-2)}.footer__dot[data-v-f0187c94]{width:6px;height:6px;border-radius:50%;background:#22c55e;box-shadow:0 0 8px #22c55e;animation:pulse-f0187c94 2.4s var(--ease-in-out) infinite}.footer__status[data-v-f0187c94]{font-family:var(--family-mono);font-size:var(--font-small);color:var(--color-text-soft);letter-spacing:.02em}@keyframes pulse-f0187c94{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.9)}}.page{position:relative;min-height:100vh;display:flex;flex-direction:column}.main{flex:1;position:relative;z-index:20}:root{--color-bg: #0a0a0f;--color-bg-soft: #12121a;--color-bg-elevated: #1a1a24;--color-border: rgba(255, 255, 255, .08);--color-border-hover: rgba(255, 255, 255, .16);--color-text: #f5f5f7;--color-text-soft: #a1a1aa;--color-text-mute: #52525b;--color-accent: #8b5cf6;--color-accent-soft: #a78bfa;--color-accent-mute: rgba(139, 92, 246, .12);--gradient-aurora: linear-gradient(135deg, #8b5cf6 0%, #6366f1 50%, #3b82f6 100%);--gradient-glow: radial-gradient(circle at center, rgba(139, 92, 246, .25), transparent 70%);--font-display: clamp(48px, 8vw, 128px);--font-h1: clamp(32px, 4vw, 56px);--font-h2: clamp(24px, 2.5vw, 36px);--font-body: 16px;--font-small: 13px;--font-mono: 14px;--family-sans: -apple-system, BlinkMacSystemFont, "Inter", "Geist Sans", "PingFang SC", "Segoe UI", sans-serif;--family-mono: "Geist Mono", "JetBrains Mono", "SF Mono", Menlo, Consolas, monospace;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--space-8: 64px;--space-9: 96px;--space-10: 128px;--radius-sm: 6px;--radius-md: 12px;--radius-lg: 20px;--radius-xl: 28px;--shadow-card: 0 1px 0 rgba(255, 255, 255, .04) inset, 0 12px 36px rgba(0, 0, 0, .5);--shadow-card-hover: 0 1px 0 rgba(255, 255, 255, .08) inset, 0 24px 60px rgba(0, 0, 0, .6);--shadow-glow: 0 0 60px rgba(139, 92, 246, .18);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--ease-quint: cubic-bezier(.83, 0, .17, 1);--duration-fast: .18s;--duration-base: .32s;--duration-slow: .56s;--duration-hero: 1.2s;--z-base: 1;--z-particles: 10;--z-content: 20;--z-cursor: 50;--z-overlay: 100}[data-theme=light]{--color-bg: #fafafa;--color-bg-soft: #f4f4f5;--color-bg-elevated: #ffffff;--color-border: rgba(0, 0, 0, .08);--color-border-hover: rgba(0, 0, 0, .16);--color-text: #18181b;--color-text-soft: #52525b;--color-text-mute: #a1a1aa}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;scroll-behavior:smooth}body{min-height:100vh;font-family:var(--family-sans);font-size:var(--font-body);line-height:1.5;background:var(--color-bg);color:var(--color-text);overflow-x:hidden}h1,h2,h3,h4,h5,h6,p,ul,ol,dl,dd,figure{margin:0}ul,ol{padding:0;list-style:none}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:none;border:none;cursor:pointer;padding:0}img,video,svg{max-width:100%;height:auto;display:block}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.container{width:100%;max-width:1200px;margin:0 auto;padding-inline:var(--space-5)}@media(min-width:768px){.container{padding-inline:var(--space-7)}}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.fade-in{opacity:0;transform:translateY(8px);transition:opacity var(--duration-base) var(--ease-out),transform var(--duration-base) var(--ease-out)}.fade-in.is-visible{opacity:1;transform:translateY(0)}