.theme-toggle[data-v-ca4d1e92]{position:relative;display:flex;align-items:center;justify-content:center;width:48px;height:48px;padding:0;border:1px solid var(--color-outline-border-subtle);background:var(--color-surface-background-elevated);color:var(--color-content-text-primary);cursor:pointer;border-radius:var(--radius-full);transition:background-color var(--duration-instant) var(--ease-out),transform var(--duration-instant) var(--ease-out);overflow:hidden;outline:none}.theme-toggle__container[data-v-ca4d1e92]{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:100%;z-index:1}.theme-toggle__icon[data-v-ca4d1e92]{font-size:var(--font-size-lg);transition:background-color var(--duration-instant) var(--ease-out),transform var(--duration-instant) var(--ease-out);z-index:2}.theme-toggle__ripple[data-v-ca4d1e92]{position:absolute;inset:0;border-radius:inherit;background:var(--color-decorative-glow);opacity:0;transform:scale(0);transition:background-color var(--duration-instant) var(--ease-out),transform var(--duration-instant) var(--ease-out);pointer-events:none}.theme-toggle[data-v-ca4d1e92]:hover:not(:disabled){background:var(--color-surface-background-elevated);border-color:var(--color-brand-primary-default);color:var(--color-brand-primary-default);transform:translateY(-2px) scale(1.05);box-shadow:0 6px 20px var(--color-decorative-shadow)}.theme-toggle:hover:not(:disabled) .theme-toggle__icon[data-v-ca4d1e92]{transform:scale(1.1) rotate(15deg)}.theme-toggle[data-v-ca4d1e92]:active:not(:disabled){transform:translateY(0) scale(.95)}.theme-toggle:active:not(:disabled) .theme-toggle__ripple[data-v-ca4d1e92]{opacity:.2;transform:scale(1.1)}.theme-toggle--dark[data-v-ca4d1e92]{background:var(--gradient-primary);color:var(--color-content-text-on-surface);border-color:var(--color-brand-primary-default);box-shadow:0 4px 16px var(--color-decorative-shadow)}.theme-toggle--dark[data-v-ca4d1e92]:hover:not(:disabled){background:var(--gradient-primary-hover);transform:translateY(-2px) scale(1.05);box-shadow:0 8px 24px var(--color-decorative-shadow)}.theme-toggle--light[data-v-ca4d1e92]{background:var(--color-surface-background-elevated);color:var(--color-content-text-primary);border-color:var(--color-outline-border-default);box-shadow:0 2px 8px var(--color-decorative-shadow)}.theme-toggle--light[data-v-ca4d1e92]:hover:not(:disabled){background:var(--color-surface-background-elevated);border-color:var(--color-brand-primary-default);color:var(--color-brand-primary-default)}.theme-toggle--auto[data-v-ca4d1e92]{background:var(--gradient-tech);color:var(--color-content-text-on-surface);border-color:transparent;box-shadow:0 4px 16px var(--color-decorative-shadow)}.theme-toggle--auto[data-v-ca4d1e92]:hover:not(:disabled){background:var(--gradient-primary-hover);transform:translateY(-2px) scale(1.05);filter:brightness(1.1)}.theme-toggle[data-v-ca4d1e92]:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.theme-toggle[data-v-ca4d1e92]:disabled{opacity:.5;cursor:not-allowed;transform:none}.theme-toggle[data-v-ca4d1e92]:disabled:hover{background:inherit;border-color:inherit;color:inherit;box-shadow:inherit}@media(max-width:768px){.theme-toggle[data-v-ca4d1e92]{width:44px;height:44px}.theme-toggle[data-v-ca4d1e92]:hover:not(:disabled){transform:none}.theme-toggle[data-v-ca4d1e92]:active:not(:disabled){transform:scale(.95)}}@media(max-width:480px){.theme-toggle[data-v-ca4d1e92]{width:40px;height:40px}}.app-container[data-v-f6c1e2c9]{display:flex;flex-direction:column;min-height:100dvh;background:var(--color-surface-background-primary);color:var(--color-content-text-primary);position:relative;transition:background-color var(--duration-normal) var(--ease-in-out),color var(--duration-normal) var(--ease-in-out)}.app-container[data-v-f6c1e2c9]:before{content:"";position:fixed;inset:0;background:radial-gradient(circle at 25% 75%,var(--color-decorative-shadow) 0%,transparent 50%);background-attachment:fixed;pointer-events:none;z-index:-1;opacity:.4;transition:opacity var(--duration-slow) var(--ease-in-out)}.app-header[data-v-f6c1e2c9]{background:var(--color-surface-background-glass);-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);position:sticky;top:0;z-index:var(--z-fixed);border-bottom:1px solid var(--color-outline-border-subtle);transition:all var(--duration-normal) var(--ease-out);box-shadow:0 1px 12px var(--color-decorative-shadow)}.app-header[data-v-f6c1e2c9]:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--gradient-primary);opacity:.8;transition:opacity var(--duration-normal) var(--ease-out)}.app-header[data-v-f6c1e2c9]:hover:after{opacity:.6}.header-content[data-v-f6c1e2c9]{display:flex;justify-content:space-between;align-items:center;max-width:1280px;margin:0 auto;padding:var(--spacing-4) var(--spacing-6)}.logo-section[data-v-f6c1e2c9]{display:flex;align-items:center;gap:var(--spacing-4);cursor:pointer;text-decoration:none;color:inherit;transition:transform var(--duration-instant) var(--ease-out)}.logo-section[data-v-f6c1e2c9]:hover{transform:translateY(-1px)}.logo-icon[data-v-f6c1e2c9]{width:52px;height:52px;background:var(--gradient-primary);display:flex;align-items:center;justify-content:center;border-radius:var(--radius-xl);transition:all var(--duration-normal) var(--ease-out);position:relative;overflow:hidden;flex-shrink:0}.logo-image[data-v-f6c1e2c9]{width:200px;height:200px;color:var(--logo-color);transition:all var(--duration-normal) var(--ease-out)}.logo-icon[data-v-f6c1e2c9]:before{content:"";position:absolute;inset:0;background:linear-gradient(45deg,transparent 30%,var(--color-content-text-on-surface) 50%,transparent 70%);opacity:.1;transform:translate(-100%);transition:transform var(--duration-slow) var(--ease-out)}.logo-section:hover .logo-icon[data-v-f6c1e2c9]:before{transform:translate(100%)}.logo-section:hover .logo-icon[data-v-f6c1e2c9]{transform:scale(1.05);box-shadow:0 4px 16px var(--color-decorative-shadow)}.logo-section:hover .logo-image[data-v-f6c1e2c9]{transform:scale(1.1) rotate(3deg)}.title-group[data-v-f6c1e2c9]{display:flex;flex-direction:column;gap:var(--spacing-0-5)}.app-title[data-v-f6c1e2c9]{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin:0;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:var(--letter-spacing-tight);line-height:var(--line-height-tight)}.app-subtitle[data-v-f6c1e2c9]{font-size:var(--font-size-sm);color:var(--color-content-text-secondary);font-weight:var(--font-weight-medium);letter-spacing:var(--letter-spacing-normal);margin:0;opacity:.8}.main-nav[data-v-f6c1e2c9]{display:flex;align-items:center;gap:var(--spacing-2)}.mobile-menu-toggle[data-v-f6c1e2c9]{display:none;background:var(--color-surface-background-elevated);border:1px solid var(--color-outline-border-default);border-radius:var(--radius-lg);cursor:pointer;padding:var(--spacing-3);z-index:var(--z-index-popover);font-size:var(--font-size-lg);color:var(--color-content-text-primary);transition:all var(--duration-normal) var(--ease-out);min-width:44px;min-height:44px;position:relative;overflow:hidden}.mobile-menu-toggle[data-v-f6c1e2c9]:before{content:"";position:absolute;inset:0;background:var(--color-decorative-glow);opacity:0;transition:opacity var(--duration-instant) var(--ease-out);border-radius:inherit}.mobile-menu-toggle[data-v-f6c1e2c9]:hover{background:var(--gradient-primary);border-color:var(--color-brand-primary-default);color:var(--color-content-text-on-surface);transform:translateY(-2px);box-shadow:0 4px 16px var(--color-decorative-shadow)}.mobile-menu-toggle[data-v-f6c1e2c9]:hover:before{opacity:.1}.mobile-menu-toggle[data-v-f6c1e2c9]:active{transform:translateY(0) scale(.95)}.nav-item[data-v-f6c1e2c9]{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-4);border-radius:var(--radius-lg);color:var(--color-content-text-primary);text-decoration:none;font-weight:var(--font-weight-medium);font-size:var(--font-size-sm);transition:all var(--duration-normal) var(--ease-out);position:relative;overflow:hidden;border:1px solid transparent}.nav-item[data-v-f6c1e2c9]:before{content:"";position:absolute;inset:0;background:var(--color-decorative-shadow);opacity:0;transition:opacity var(--duration-normal) var(--ease-out);border-radius:inherit}.nav-item[data-v-f6c1e2c9]:hover{background:var(--color-surface-background-elevated);border-color:var(--color-brand-primary-default);color:var(--color-brand-primary-default);transform:translateY(-2px);box-shadow:0 4px 12px var(--color-decorative-shadow)}.nav-item[data-v-f6c1e2c9]:hover:before{opacity:.3}.nav-item.active[data-v-f6c1e2c9]{background:var(--gradient-primary);border-color:var(--color-brand-primary-default);color:var(--color-content-text-on-surface);font-weight:var(--font-weight-semibold);box-shadow:0 2px 8px var(--color-decorative-shadow)}.nav-item.active[data-v-f6c1e2c9]:before{opacity:0}.nav-icon[data-v-f6c1e2c9]{transition:transform var(--duration-instant) var(--ease-out)}.nav-item:hover .nav-icon[data-v-f6c1e2c9]{transform:scale(1.1)}.nav-item.active .nav-icon[data-v-f6c1e2c9]{transform:scale(1.05)}.app-main[data-v-f6c1e2c9]{flex:1;max-width:1280px;width:100%;margin:var(--spacing-8) auto;padding:0 var(--spacing-6)}.decorative-footer[data-v-f6c1e2c9]{height:4px;background:var(--gradient-primary);margin-top:auto;position:relative;overflow:hidden}.decorative-footer[data-v-f6c1e2c9]:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,var(--color-content-text-on-surface),transparent);opacity:.15;animation:gentleShimmer 4s ease-in-out infinite}@media(max-width:1024px){.header-content[data-v-f6c1e2c9]{padding:var(--spacing-3) var(--spacing-5)}.app-main[data-v-f6c1e2c9]{padding:0 var(--spacing-5);margin:var(--spacing-6) auto}}@media(max-width:768px){.header-content[data-v-f6c1e2c9]{padding:var(--spacing-3) var(--spacing-4);gap:var(--spacing-2)}.mobile-menu-toggle[data-v-f6c1e2c9]{display:flex}.logo-section[data-v-f6c1e2c9]{gap:var(--spacing-3);flex:1}.logo-icon[data-v-f6c1e2c9]{width:44px;height:44px}.logo-image[data-v-f6c1e2c9]{width:28px;height:28px}.app-title[data-v-f6c1e2c9]{font-size:var(--font-size-xl)}.app-subtitle[data-v-f6c1e2c9]{font-size:var(--font-size-xs)}.main-nav[data-v-f6c1e2c9]{position:fixed;top:76px;left:0;right:0;background:var(--color-surface-background-glass);-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);flex-direction:column;align-items:stretch;padding:var(--spacing-4);gap:var(--spacing-2);border-bottom:1px solid var(--color-outline-border-subtle);box-shadow:0 4px 24px var(--color-decorative-shadow);transform:translateY(-100%);opacity:0;visibility:hidden;pointer-events:none;transition:all var(--duration-normal) var(--ease-out);z-index:var(--z-index-modal)}.main-nav.mobile-open[data-v-f6c1e2c9]{transform:translateY(0);opacity:1;visibility:visible;pointer-events:auto}.nav-item[data-v-f6c1e2c9]{padding:var(--spacing-3) var(--spacing-4);font-size:var(--font-size-sm);min-height:44px;justify-content:flex-start}.app-main[data-v-f6c1e2c9]{margin-top:var(--spacing-4);padding:0 var(--spacing-4)}}@media(max-width:480px){.header-content[data-v-f6c1e2c9]{padding:var(--spacing-2) var(--spacing-3)}.logo-icon[data-v-f6c1e2c9]{width:40px;height:40px}.logo-image[data-v-f6c1e2c9]{width:26px;height:26px}.app-title[data-v-f6c1e2c9]{font-size:var(--font-size-lg)}.app-subtitle[data-v-f6c1e2c9]{font-size:var(--font-size-xs)}.main-nav[data-v-f6c1e2c9]{top:68px;padding:var(--spacing-3)}.nav-item[data-v-f6c1e2c9]{padding:var(--spacing-2) var(--spacing-3);font-size:var(--font-size-xs)}.app-main[data-v-f6c1e2c9]{padding:0 var(--spacing-3);margin-top:var(--spacing-3)}}.home-container[data-v-9e023698]{max-width:1280px;margin:0 auto;padding:0 var(--spacing-4)}.hero-section[data-v-9e023698]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-6) 0;position:relative;overflow:hidden;min-height:50vh}@media(min-width:1024px){.hero-section[data-v-9e023698]{flex-direction:row;padding:var(--spacing-6) 0;justify-content:center;align-items:stretch;gap:var(--spacing-4)}}.hero-content[data-v-9e023698]{opacity:0;transform:translateY(30px);transition:opacity var(--duration-relaxed) var(--ease-fluid),transform var(--duration-relaxed) var(--ease-fluid);flex:1.2;max-width:700px;min-width:400px;display:flex;flex-direction:column;justify-content:space-between}.hero-content.animate-in[data-v-9e023698]{opacity:1;transform:translateY(0)}.hero-badge[data-v-9e023698]{display:inline-flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-4);background:var(--color-surface-background-elevated);border:1px solid var(--color-brand-primary-default);border-radius:var(--radius-full);color:var(--color-brand-primary-default);font-size:var(--font-size-sm);font-weight:var(--font-weight-wenkai-bold)}.hero-header[data-v-9e023698]{display:flex;flex-direction:column;align-items:flex-start;gap:var(--spacing-4)}.hero-title[data-v-9e023698]{font-size:clamp(2.5rem,5vw,4rem);font-weight:var(--font-weight-huiwen-bold);margin:0;line-height:var(--line-height-tight);display:flex;align-items:center;gap:var(--spacing-4)}.title-main[data-v-9e023698]{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:var(--letter-spacing-tight)}.title-decoration[data-v-9e023698]{color:var(--color-brand-primary-default);opacity:.7;font-size:.6em;animation:rotate 8s linear infinite}.hero-subtitle[data-v-9e023698]{font-size:var(--font-size-xl);color:var(--color-content-text-secondary);margin:0 0 var(--spacing-3) 0;font-weight:var(--font-weight-wenkai-bold);letter-spacing:var(--letter-spacing-normal);line-height:var(--line-height-relaxed)}.hero-description[data-v-9e023698]{font-size:var(--font-size-lg);color:var(--color-content-text-tertiary);margin:0 0 var(--spacing-6) 0;line-height:var(--line-height-relaxed)}.hero-description strong[data-v-9e023698]{color:var(--color-brand-primary-default);font-weight:var(--font-weight-huiwen-normal)}.hero-actions[data-v-9e023698]{display:flex;gap:var(--spacing-4);flex-wrap:wrap}.btn-primary[data-v-9e023698],.btn-secondary[data-v-9e023698]{display:inline-flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-4) var(--spacing-6);border-radius:var(--radius-xl);font-size:var(--font-size-lg);font-weight:var(--font-weight-wenkai-bold);text-decoration:none;transition:color var(--duration-normal) var(--ease-out),transform var(--duration-normal) var(--ease-out);position:relative;overflow:hidden;min-height:56px}.btn-primary[data-v-9e023698]{background:var(--gradient-primary);color:var(--color-content-text-on-surface);border:none}.btn-secondary[data-v-9e023698]{background:var(--color-surface-background-elevated);border:2px solid var(--color-outline-border-default)}.btn-primary[data-v-9e023698]:hover,.btn-secondary[data-v-9e023698]:hover{transform:translateY(-2px)}.btn-primary[data-v-9e023698]:hover{filter:brightness(1.05)}.btn-secondary[data-v-9e023698]:hover{background:var(--color-surface-background-secondary);border-color:var(--color-brand-primary-default);color:var(--color-brand-primary-default)}.hero-illustration[data-v-9e023698]{position:relative;width:100%;max-width:500px;min-width:350px;opacity:0;transform:translateY(30px);transition:opacity var(--duration-relaxed) var(--ease-out) .2s,transform var(--duration-relaxed) var(--ease-out) .2s;flex:.8}.hero-illustration.animate-in[data-v-9e023698]{opacity:1;transform:translateY(0)}.floating-card[data-v-9e023698]{position:absolute;background:var(--color-surface-background-elevated);padding:var(--spacing-5) var(--spacing-6);border-radius:var(--radius-2xl);border:1px solid var(--color-outline-border-subtle);transition:transform var(--duration-instant) var(--ease-out),border-color var(--duration-instant) var(--ease-out);min-width:120px}.floating-card[data-v-9e023698]:hover{transform:translateY(-4px);border-color:var(--color-brand-primary-default)}.card-1[data-v-9e023698]{top:0;left:50px;animation:float 6s ease-in-out infinite}.card-2[data-v-9e023698]{top:calc(50% - 40px);right:80px;animation:float 8s ease-in-out infinite 4s}.card-3[data-v-9e023698]{bottom:0;left:100px;animation:float 10s ease-in-out infinite 6s}.features-section[data-v-9e023698]{margin-bottom:var(--spacing-10)}.section-title[data-v-9e023698]{font-size:var(--font-size-3xl);font-weight:var(--font-weight-huiwen-bold);text-align:center;margin:0 0 var(--spacing-8) 0}.features-grid[data-v-9e023698]{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-6);margin-top:var(--spacing-6)}.feature-card[data-v-9e023698]{text-align:center}.feature-icon[data-v-9e023698]{width:80px;height:80px;margin:0 auto var(--spacing-5);border-radius:var(--radius-2xl);display:flex;align-items:center;justify-content:center;color:var(--color-content-text-on-surface);font-size:var(--font-size-3xl)}.feature-icon--primary[data-v-9e023698]{background:var(--gradient-primary)}.feature-icon--success[data-v-9e023698]{background:var(--gradient-success)}.feature-icon--info[data-v-9e023698]{background:var(--gradient-info)}.feature-title[data-v-9e023698]{font-size:var(--font-size-xl);font-weight:var(--font-weight-huiwen-normal);margin:0 0 var(--spacing-3) 0}.feature-desc[data-v-9e023698]{color:var(--color-content-text-secondary);line-height:var(--line-height-relaxed);margin:0 0 var(--spacing-5) 0}.feature-link[data-v-9e023698]{display:inline-flex;align-items:center;gap:var(--spacing-2);color:var(--color-brand-primary-default);font-weight:var(--font-weight-wenkai-bold);text-decoration:none;transition:gap var(--duration-instant) var(--ease-out)}.feature-link[data-v-9e023698]:hover{gap:var(--spacing-3)}.stats-section[data-v-9e023698]{background:var(--gradient-primary);border-radius:var(--radius-3xl);padding:var(--spacing-12) var(--spacing-8);margin-bottom:var(--spacing-10)}.stats-grid[data-v-9e023698]{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-8);text-align:center}.stat-item[data-v-9e023698]{color:#fff;padding:var(--spacing-4) 0}.stat-value[data-v-9e023698]{font-size:3rem;font-weight:var(--font-weight-huiwen-bold);font-family:var(--font-family-display);margin-bottom:var(--spacing-4);line-height:var(--line-height-tight)}.stat-label[data-v-9e023698]{font-size:var(--font-size-lg);opacity:.9;font-weight:var(--font-weight-wenkai-bold)}.tech-section[data-v-9e023698]{margin-bottom:var(--spacing-10)}.tech-grid[data-v-9e023698]{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-7);text-align:center}.tech-item[data-v-9e023698]{padding:var(--spacing-6)}.tech-icon[data-v-9e023698]{font-size:var(--font-size-4xl);color:var(--color-brand-primary-default);margin-bottom:var(--spacing-4)}.tech-item h4[data-v-9e023698]{font-size:var(--font-size-lg);font-weight:var(--font-weight-huiwen-normal);margin:0 0 var(--spacing-2) 0}.tech-item p[data-v-9e023698]{font-size:var(--font-size-sm);color:var(--color-content-text-secondary);margin:0;line-height:var(--line-height-relaxed)}@media(max-width:1200px){.hero-section[data-v-9e023698]{gap:var(--spacing-6)}.hero-content[data-v-9e023698]{flex:1.1;max-width:600px}.hero-illustration[data-v-9e023698]{flex:.9;max-width:450px;min-width:320px}.hero-title[data-v-9e023698]{font-size:3rem}}@media(max-width:768px){.hero-section[data-v-9e023698]{flex-direction:column;min-height:auto;gap:var(--spacing-5);padding:var(--spacing-6) 0}.hero-content[data-v-9e023698]{flex:none;max-width:100%;min-width:auto;order:1;height:auto}.hero-header[data-v-9e023698]{flex-direction:row;align-items:center;gap:var(--spacing-3);margin-bottom:var(--spacing-4)}.hero-title[data-v-9e023698]{font-size:2.5rem}.hero-badge[data-v-9e023698]{font-size:var(--font-size-xs);padding:var(--spacing-1) var(--spacing-3)}.hero-illustration[data-v-9e023698]{height:250px;min-width:280px;max-width:100%;flex:none;order:-1}.floating-card[data-v-9e023698]{padding:var(--spacing-3) var(--spacing-4);min-width:100px}.card-1[data-v-9e023698]{top:20px;left:20px}.card-2[data-v-9e023698]{top:100px;right:20px}.card-3[data-v-9e023698]{bottom:20px;left:30px}.features-grid[data-v-9e023698]{grid-template-columns:1fr;gap:var(--spacing-6)}.stats-section[data-v-9e023698]{padding:var(--spacing-10) var(--spacing-6)}.stats-grid[data-v-9e023698]{grid-template-columns:repeat(2,1fr);gap:var(--spacing-6)}.stat-item[data-v-9e023698]{padding:var(--spacing-3) 0}.stat-value[data-v-9e023698]{font-size:2.5rem;margin-bottom:var(--spacing-3)}.tech-grid[data-v-9e023698]{grid-template-columns:repeat(2,1fr);gap:var(--spacing-6)}}@media(max-width:480px){.hero-section[data-v-9e023698]{padding:var(--spacing-4) 0;gap:var(--spacing-4)}.hero-title[data-v-9e023698]{font-size:2rem}.hero-actions[data-v-9e023698]{flex-direction:column}.btn-primary[data-v-9e023698],.btn-secondary[data-v-9e023698]{width:100%;justify-content:center}.hero-illustration[data-v-9e023698]{height:200px;min-width:260px;max-width:100%}.floating-card[data-v-9e023698]{padding:var(--spacing-2) var(--spacing-3);min-width:80px}.card-1[data-v-9e023698]{top:15px;left:15px}.card-2[data-v-9e023698]{top:80px;right:15px}.card-3[data-v-9e023698]{bottom:15px;left:20px}.stats-section[data-v-9e023698]{padding:var(--spacing-8) var(--spacing-5)}.stats-grid[data-v-9e023698]{grid-template-columns:1fr;gap:var(--spacing-5)}.stat-item[data-v-9e023698]{padding:var(--spacing-2) 0}.stat-value[data-v-9e023698]{font-size:2rem;margin-bottom:var(--spacing-2)}.tech-grid[data-v-9e023698]{grid-template-columns:1fr}}.i-alert[data-v-b5a2c4af]{display:flex;align-items:flex-start;border-radius:var(--radius-lg);animation:slideInLeft var(--duration-normal) ease-out;position:relative;overflow:hidden;border:1px solid}.i-alert--small[data-v-b5a2c4af]{padding:var(--spacing-3) var(--spacing-4);gap:var(--spacing-2);border-radius:var(--radius-md)}.i-alert--medium[data-v-b5a2c4af]{padding:var(--spacing-4) var(--spacing-5);gap:var(--spacing-3);border-radius:var(--radius-lg)}.i-alert--large[data-v-b5a2c4af]{padding:var(--spacing-5) var(--spacing-6);gap:var(--spacing-4);border-radius:var(--radius-xl)}.i-alert--filled[data-v-b5a2c4af]{border-left:4px solid}.i-alert--outlined[data-v-b5a2c4af]{border-width:2px;background:var(--color-surface-background-elevated)}.i-alert--minimal[data-v-b5a2c4af]{border:none;background:var(--color-surface-background-secondary);border-left:3px solid}.i-alert--info.i-alert--filled[data-v-b5a2c4af]{background:var(--color-alert-background-info-filled);color:var(--color-alert-text-info-filled);border-color:var(--color-alert-border-info-filled)}.i-alert--success.i-alert--filled[data-v-b5a2c4af]{background:var(--color-alert-background-success-filled);color:var(--color-alert-text-success-filled);border-color:var(--color-alert-border-success-filled)}.i-alert--warning.i-alert--filled[data-v-b5a2c4af]{background:var(--color-alert-background-warning-filled);color:var(--color-alert-text-warning-filled);border-color:var(--color-alert-border-warning-filled)}.i-alert--error.i-alert--filled[data-v-b5a2c4af]{background:var(--color-alert-background-error-filled);color:var(--color-alert-text-error-filled);border-color:var(--color-alert-border-error-filled)}.i-alert--outlined[data-v-b5a2c4af]{background:var(--color-alert-background-outlined)}.i-alert--info.i-alert--outlined[data-v-b5a2c4af]{border-color:var(--color-alert-border-info-outlined);color:var(--color-alert-text-info-outlined)}.i-alert--success.i-alert--outlined[data-v-b5a2c4af]{border-color:var(--color-alert-border-success-outlined);color:var(--color-alert-text-success-outlined)}.i-alert--warning.i-alert--outlined[data-v-b5a2c4af]{border-color:var(--color-alert-border-warning-outlined);color:var(--color-alert-text-warning-outlined)}.i-alert--error.i-alert--outlined[data-v-b5a2c4af]{border-color:var(--color-alert-border-error-outlined);color:var(--color-alert-text-error-outlined)}.i-alert--minimal[data-v-b5a2c4af]{background:var(--color-alert-background-minimal);color:var(--color-alert-text-minimal)}.i-alert--info.i-alert--minimal[data-v-b5a2c4af]{border-left-color:var(--color-alert-border-info-minimal)}.i-alert--success.i-alert--minimal[data-v-b5a2c4af]{border-left-color:var(--color-alert-border-success-minimal)}.i-alert--warning.i-alert--minimal[data-v-b5a2c4af]{border-left-color:var(--color-alert-border-warning-minimal)}.i-alert--error.i-alert--minimal[data-v-b5a2c4af]{border-left-color:var(--color-alert-border-error-minimal)}.i-alert__icon[data-v-b5a2c4af]{flex-shrink:0;display:flex;align-items:flex-start;padding-top:2px;color:var(--color-alert-icon-default);transition:transform var(--duration-instant) var(--ease-out);opacity:.9}.i-alert--small .i-alert__icon[data-v-b5a2c4af]{font-size:var(--font-size-base)}.i-alert--medium .i-alert__icon[data-v-b5a2c4af]{font-size:var(--font-size-lg)}.i-alert--large .i-alert__icon[data-v-b5a2c4af]{font-size:var(--font-size-xl)}.i-alert:hover .i-alert__icon[data-v-b5a2c4af]{transform:scale(1.05);opacity:1}.i-alert__content[data-v-b5a2c4af]{flex:1;min-width:0}.i-alert__title[data-v-b5a2c4af]{font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);margin:0}.i-alert--small .i-alert__title[data-v-b5a2c4af]{font-size:var(--font-size-sm);margin-bottom:var(--spacing-1)}.i-alert--medium .i-alert__title[data-v-b5a2c4af]{font-size:var(--font-size-base);margin-bottom:var(--spacing-2)}.i-alert--large .i-alert__title[data-v-b5a2c4af]{font-size:var(--font-size-lg);margin-bottom:var(--spacing-2)}.i-alert__description[data-v-b5a2c4af]{margin:0;line-height:var(--line-height-relaxed);opacity:.9}.i-alert--small .i-alert__description[data-v-b5a2c4af]{font-size:var(--font-size-xs)}.i-alert--medium .i-alert__description[data-v-b5a2c4af]{font-size:var(--font-size-sm)}.i-alert--large .i-alert__description[data-v-b5a2c4af]{font-size:var(--font-size-base)}.i-alert__close[data-v-b5a2c4af]{flex-shrink:0;cursor:pointer;color:currentColor;opacity:.6;transition:opacity var(--duration-instant) var(--ease-out);padding:var(--spacing-1);border-radius:var(--radius-sm);display:flex;align-items:flex-start;padding-top:2px}.i-alert--small .i-alert__close[data-v-b5a2c4af]{font-size:var(--font-size-xs);padding:var(--spacing-0-5)}.i-alert--medium .i-alert__close[data-v-b5a2c4af]{font-size:var(--font-size-sm);padding:var(--spacing-1)}.i-alert--large .i-alert__close[data-v-b5a2c4af]{font-size:var(--font-size-base);padding:var(--spacing-1-5)}.i-alert__close[data-v-b5a2c4af]:hover{opacity:1;background-color:var(--color-surface-background-secondary);transform:rotate(90deg) scale(1.1)}.i-alert[data-v-b5a2c4af]:hover{transform:translateY(-1px);box-shadow:0 2px 12px var(--color-decorative-shadow)}.i-alert--minimal[data-v-b5a2c4af]:hover{transform:none}@media(max-width:768px){.i-alert[data-v-b5a2c4af]{border-radius:var(--radius-md)}.i-alert--large[data-v-b5a2c4af]{padding:var(--spacing-4) var(--spacing-5);gap:var(--spacing-3)}.i-alert--large .i-alert__title[data-v-b5a2c4af]{font-size:var(--font-size-base)}.i-alert--large .i-alert__description[data-v-b5a2c4af]{font-size:var(--font-size-sm)}.i-alert[data-v-b5a2c4af]:hover{transform:none}}@media(max-width:480px){.i-alert--medium[data-v-b5a2c4af],.i-alert--large[data-v-b5a2c4af]{padding:var(--spacing-3) var(--spacing-4);gap:var(--spacing-2);border-radius:var(--radius-base)}.i-alert--filled[data-v-b5a2c4af]{border-left-width:3px}}.i-empty[data-v-03c469b1]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-8) var(--spacing-6);text-align:center;animation:scaleIn var(--duration-normal) var(--ease-out);min-height:240px}.i-empty-image[data-v-03c469b1]{font-size:5rem;color:var(--color-empty-icon-default);margin-bottom:var(--spacing-6);opacity:.6;filter:drop-shadow(0 4px 12px var(--color-decorative-shadow));position:relative}.i-empty-image[data-v-03c469b1]:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:60%;height:8px;background:radial-gradient(ellipse,var(--color-empty-shadow-icon),transparent);opacity:.1;border-radius:50%}.i-empty:hover .i-empty-image[data-v-03c469b1]{transform:translateY(-8px) scale(1.08);opacity:.7;color:var(--color-content-text-secondary)}.i-empty-description[data-v-03c469b1]{color:var(--color-empty-text-description);font-size:var(--font-size-lg);margin-bottom:var(--spacing-5);max-width:360px;line-height:var(--line-height-relaxed);font-weight:var(--font-weight-medium);animation:fadeIn var(--duration-slow) var(--ease-out) .2s both}@media(max-width:768px){.i-empty[data-v-03c469b1]{padding:var(--spacing-7) var(--spacing-5);min-height:200px}.i-empty-image[data-v-03c469b1]{font-size:4rem;margin-bottom:var(--spacing-5)}.i-empty-description[data-v-03c469b1]{max-width:280px}}@media(max-width:480px){.i-empty[data-v-03c469b1]{padding:var(--spacing-6) var(--spacing-4);min-height:180px}.i-empty-image[data-v-03c469b1]{font-size:3.5rem}.i-empty-description[data-v-03c469b1]{font-size:var(--font-size-sm)}}.i-ruby-container[data-v-f4c0b415]{display:flex;justify-content:center;align-items:flex-start;flex-wrap:wrap}.i-ruby[data-v-f4c0b415]{display:inline-flex;flex-direction:column;align-items:center;margin:0}.i-ruby-container--default[data-v-f4c0b415]{gap:0}.i-ruby-container--compact[data-v-f4c0b415]{gap:-1px}.i-ruby-container--spaced[data-v-f4c0b415]{gap:var(--spacing-1)}.i-ruby-container--no-spacing .i-ruby__char[data-v-f4c0b415],.i-ruby-container--no-spacing .i-ruby__pinyin[data-v-f4c0b415]{padding:0}.i-ruby-container--centered[data-v-f4c0b415]{justify-content:center}.i-ruby__char[data-v-f4c0b415]{font-family:var(--font-family-display);font-weight:var(--font-weight-huiwen-normal);color:var(--color-ruby-text-character);display:block;text-align:center;line-height:var(--line-height-tight)}.i-ruby__pinyin[data-v-f4c0b415]{color:var(--color-ruby-text-pinyin);font-weight:var(--font-weight-wenkai-bold);display:block;text-align:center;white-space:nowrap;order:-1;min-height:1em}.i-ruby-container--small .i-ruby__char[data-v-f4c0b415]{font-size:var(--font-size-lg);padding:0 1px}.i-ruby-container--small .i-ruby__pinyin[data-v-f4c0b415]{font-size:var(--font-size-xs);padding:0 1px;margin-bottom:var(--spacing-0-5)}.i-ruby-container--medium .i-ruby__char[data-v-f4c0b415]{font-size:var(--font-size-2xl);padding:0 2px}.i-ruby-container--medium .i-ruby__pinyin[data-v-f4c0b415]{font-size:var(--font-size-sm);padding:0 2px;margin-bottom:var(--spacing-1)}.i-ruby-container--large .i-ruby__char[data-v-f4c0b415]{font-size:var(--font-size-3xl);padding:0 3px}.i-ruby-container--large .i-ruby__pinyin[data-v-f4c0b415]{font-size:var(--font-size-base);padding:0 3px;margin-bottom:var(--spacing-2)}.i-ruby-container--compact .i-ruby__char[data-v-f4c0b415]{padding-left:0;padding-right:1px}.i-ruby-container--compact .i-ruby__pinyin[data-v-f4c0b415]{padding-left:0;padding-right:1px;margin-bottom:var(--spacing-0-5)}.i-ruby-container--spaced .i-ruby__char[data-v-f4c0b415]{padding:0 var(--spacing-2)}.i-ruby-container--spaced .i-ruby__pinyin[data-v-f4c0b415]{padding:0 var(--spacing-2);margin-bottom:var(--spacing-2)}.i-ruby:hover .i-ruby__char[data-v-f4c0b415]{color:var(--color-ruby-text-character-hover);transform:scale(1.05)}.i-ruby:hover .i-ruby__pinyin[data-v-f4c0b415]{color:var(--color-ruby-text-character-hover);font-weight:var(--font-weight-bold)}@media(max-width:768px){.i-ruby-container--medium .i-ruby__char[data-v-f4c0b415]{font-size:var(--font-size-xl);padding:0 1px}.i-ruby-container--medium .i-ruby__pinyin[data-v-f4c0b415]{font-size:var(--font-size-xs);padding:0 1px}.i-ruby-container--large .i-ruby__char[data-v-f4c0b415]{font-size:var(--font-size-2xl);padding:0 2px}.i-ruby-container--large .i-ruby__pinyin[data-v-f4c0b415]{font-size:var(--font-size-sm);padding:0 2px}.i-ruby:hover .i-ruby__char[data-v-f4c0b415]{transform:scale(1.02)}}@media(max-width:480px){.i-ruby-container--medium .i-ruby__char[data-v-f4c0b415],.i-ruby-container--small .i-ruby__char[data-v-f4c0b415]{font-size:var(--font-size-lg);padding:0}.i-ruby-container--medium .i-ruby__pinyin[data-v-f4c0b415],.i-ruby-container--small .i-ruby__pinyin[data-v-f4c0b415]{font-size:10px;padding:0;margin-bottom:var(--spacing-0-5)}.i-ruby-container--large .i-ruby__char[data-v-f4c0b415]{font-size:var(--font-size-xl);padding:0 1px}.i-ruby-container--large .i-ruby__pinyin[data-v-f4c0b415]{font-size:var(--font-size-xs);padding:0 1px}.i-ruby:hover .i-ruby__char[data-v-f4c0b415]{transform:none}}.i-toast[data-v-457aad87]{position:fixed;z-index:var(--z-index-popover);display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-3) var(--spacing-4);background:var(--color-toast-background);border:1px solid var(--color-toast-border);border-radius:var(--radius-xl);color:var(--color-toast-text);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);min-width:200px;max-width:400px;box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.i-toast--top[data-v-457aad87]{top:var(--spacing-6);left:var(--spacing-6)}.i-toast--top-center[data-v-457aad87]{top:var(--spacing-6);left:50%;transform:translate(-50%)}.i-toast--top-right[data-v-457aad87]{top:var(--spacing-6);right:var(--spacing-6)}.i-toast--bottom[data-v-457aad87]{bottom:var(--spacing-6);left:var(--spacing-6)}.i-toast--bottom-center[data-v-457aad87]{bottom:var(--spacing-6);left:50%;transform:translate(-50%)}.i-toast--bottom-right[data-v-457aad87]{bottom:var(--spacing-6);right:var(--spacing-6)}.i-toast--success[data-v-457aad87]{border-left:4px solid var(--color-toast-success)}.i-toast--error[data-v-457aad87]{border-left:4px solid var(--color-toast-error)}.i-toast--warning[data-v-457aad87]{border-left:4px solid var(--color-toast-warning)}.i-toast--info[data-v-457aad87]{border-left:4px solid var(--color-toast-info)}.i-toast__icon[data-v-457aad87]{flex-shrink:0;font-size:var(--font-size-lg)}.i-toast--success .i-toast__icon[data-v-457aad87]{color:var(--color-toast-success)}.i-toast--error .i-toast__icon[data-v-457aad87]{color:var(--color-toast-error)}.i-toast--warning .i-toast__icon[data-v-457aad87]{color:var(--color-toast-warning)}.i-toast--info .i-toast__icon[data-v-457aad87]{color:var(--color-toast-info)}.i-toast__content[data-v-457aad87]{flex:1;line-height:1.4}.i-toast__close[data-v-457aad87]{flex-shrink:0;font-size:var(--font-size-xs);color:var(--color-toast-close);cursor:pointer;padding:var(--spacing-1);border-radius:var(--radius-sm);transition:all var(--duration-fast) var(--ease-out);opacity:.7}.i-toast__close[data-v-457aad87]:hover{color:var(--color-toast-close-hover);opacity:1}.toast-enter-active[data-v-457aad87]{transition:all var(--duration-normal) var(--ease-out)}.toast-leave-active[data-v-457aad87]{transition:all var(--duration-fast) var(--ease-in)}.toast-enter-from[data-v-457aad87]{opacity:0;transform:translateY(-20px) scale(.9)}.toast-leave-to[data-v-457aad87]{opacity:0;transform:translateY(-10px) scale(.95)}@media(max-width:768px){.i-toast[data-v-457aad87]{min-width:280px;max-width:calc(100vw - var(--spacing-6) * 2);left:var(--spacing-3)!important;right:var(--spacing-3)!important;transform:none!important}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-size:16px;line-height:1.5;scroll-behavior:smooth;scroll-padding-top:2rem;color-scheme:light dark}body{font-family:var(--font-family-body);font-size:var(--font-size-base);font-weight:var(--font-weight-normal);line-height:var(--line-height-normal);color:var(--color-content-text-primary);background-color:var(--color-surface-background-primary);min-height:100dvh;-webkit-overflow-scrolling:touch}h1,h2,h3,h4,h5,h6{font-family:var(--font-family-display);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);color:var(--color-content-text-primary);letter-spacing:var(--letter-spacing-tight)}h1{font-size:var(--font-size-5xl);margin-bottom:var(--spacing-6)}h2{font-size:var(--font-size-4xl);margin-bottom:var(--spacing-5)}h3{font-size:var(--font-size-3xl);margin-bottom:var(--spacing-4)}h4{font-size:var(--font-size-2xl);margin-bottom:var(--spacing-3)}h5{font-size:var(--font-size-xl);margin-bottom:var(--spacing-3)}h6{font-size:var(--font-size-lg);margin-bottom:var(--spacing-2)}p{margin-bottom:var(--spacing-4);line-height:var(--line-height-relaxed)}p:last-child{margin-bottom:0}a{color:var(--color-content-text-link);text-decoration:none;position:relative}a:hover{color:var(--color-content-text-link-hover)}ul,ol{list-style:none;margin-bottom:var(--spacing-4)}li{margin-bottom:var(--spacing-1)}button,input,select,textarea{font:inherit;color:inherit;background:none;border:none}button{cursor:pointer;display:inline-flex;align-items:center;justify-content:center}button:disabled{cursor:not-allowed;opacity:.6}input,textarea,select{background-color:transparent;width:100%}input:focus,textarea:focus,select:focus{outline:none}input::placeholder,textarea::placeholder{color:var(--color-input-text-placeholder);font-weight:var(--font-weight-wenkai-regular)}button,a,[role=button],[tabindex]{-webkit-tap-highlight-color:transparent}button,input,select,textarea,[role=button]{-webkit-user-select:none;user-select:none}p,span,div,article,section,main,h1,h2,h3,h4,h5,h6,blockquote,pre,code,li,td,th,label{-webkit-user-select:text;user-select:text}img,picture,video,canvas,svg{display:block;max-width:100%;height:auto}svg{fill:currentColor}table{border-collapse:collapse;width:100%;margin-bottom:var(--spacing-4)}th,td{text-align:left;padding:var(--spacing-2) var(--spacing-3);border-bottom:1px solid var(--color-outline-border-subtle)}th{font-weight:var(--font-weight-semibold);color:var(--color-content-text-primary)}hr{border:none;border-top:1px solid var(--color-outline-border-subtle);margin-block:var(--spacing-8);opacity:.6}code,pre{font-family:var(--font-family-code);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed)}code{padding:var(--spacing-1) var(--spacing-2);background-color:var(--color-surface-background-secondary);border-radius:var(--radius-sm);color:var(--color-content-text-primary);font-weight:var(--font-weight-medium);border:1px solid var(--color-outline-border-subtle)}pre{padding:var(--spacing-4);background-color:var(--color-surface-background-secondary);border-radius:var(--radius-lg);overflow-x:auto;border:1px solid var(--color-outline-border-subtle);position:relative}pre:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:var(--gradient-primary);border-radius:var(--radius-sm) 0 0 var(--radius-sm)}pre code{padding:0;background-color:transparent;border-radius:0;border:none}blockquote{border-inline-start:4px solid var(--color-brand-primary-default);margin-block:var(--spacing-6);color:var(--color-content-text-secondary);font-style:italic;background:var(--color-surface-background-secondary);padding:var(--spacing-4) var(--spacing-4) var(--spacing-4) var(--spacing-6);border-radius:var(--radius-lg);position:relative}blockquote:before{content:'"';position:absolute;top:var(--spacing-2);left:var(--spacing-3);font-size:var(--font-size-2xl);color:var(--color-brand-primary-default);opacity:.3;font-family:var(--font-family-display);line-height:1}ruby,rt,rb,rp{display:inline}rt{font-size:.75em;line-height:1}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--color-scrollbar-track);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb{background:var(--color-scrollbar-thumb);border-radius:var(--radius-full);transition:background var(--duration-instant) var(--ease-in-out)}::-webkit-scrollbar-thumb:hover{background:var(--color-scrollbar-thumb-hover)}::selection{background-color:var(--color-selection-bg);color:var(--color-selection-text)}::-moz-selection{background-color:var(--color-selection-bg);color:var(--color-selection-text)}:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px;border-radius:var(--radius-sm)}:focus:not(:focus-visible){outline:none}#app{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;background:var(--color-surface-background-primary);position:relative}.page-container{max-width:1200px;margin:0 auto}.page-container-narrow{max-width:1000px;margin:0 auto}.glass{background:var(--color-surface-background-glass);-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);border:1px solid var(--color-outline-border-subtle)}.text-secondary{color:var(--color-content-text-secondary)}.text-tertiary{color:var(--color-content-text-tertiary)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.focus-trap{position:relative}.gradient-title{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:var(--letter-spacing-tight)}.button-group{display:flex;gap:var(--spacing-4);flex-wrap:wrap}.decorative-line{position:relative;height:4px;width:120px;background:var(--gradient-primary);margin:0 auto;border-radius:var(--radius-full)}.decorative-line:before,.decorative-line:after{content:"";position:absolute;top:50%;transform:translateY(-50%);width:8px;height:8px;background:var(--color-decorative-glow);border-radius:50%}.decorative-line:before{left:-16px}.decorative-line:after{right:-16px}:root{--color-red-50: #fef7f7;--color-red-100: #fee8e8;--color-red-200: #fdd6d6;--color-red-300: #fab8b8;--color-red-400: #f58989;--color-red-500: #ed5a5a;--color-red-600: #e03b3b;--color-red-700: #bc2d2d;--color-red-800: #9a2727;--color-red-900: #802626;--color-red-950: #451010;--color-orange-50: #fff9f5;--color-orange-100: #ffeee6;--color-orange-200: #ffd9c4;--color-orange-300: #ffb991;--color-orange-400: #ff8f52;--color-orange-500: #ff6b1a;--color-orange-600: #e85506;--color-orange-700: #c14507;--color-orange-800: #9d390d;--color-orange-900: #7f300e;--color-orange-950: #441603;--color-yellow-50: #fefce8;--color-yellow-100: #fef9c3;--color-yellow-200: #fef08a;--color-yellow-300: #fde047;--color-yellow-400: #facc15;--color-yellow-500: #eab308;--color-yellow-600: #ca8a04;--color-yellow-700: #a16207;--color-yellow-800: #854d0e;--color-yellow-900: #713f12;--color-yellow-950: #422006;--color-green-50: #f0fdfa;--color-green-100: #ccfbf1;--color-green-200: #99f6e4;--color-green-300: #5eead4;--color-green-400: #2dd4bf;--color-green-500: #14b8a6;--color-green-600: #0d9488;--color-green-700: #0f766e;--color-green-800: #115e59;--color-green-900: #134e4a;--color-green-950: #042f2e;--color-blue-50: #f0f9ff;--color-blue-100: #e0f2fe;--color-blue-200: #bae6fd;--color-blue-300: #7dd3fc;--color-blue-400: #38bdf8;--color-blue-500: #0ea5e9;--color-blue-600: #0284c7;--color-blue-700: #0369a1;--color-blue-800: #075985;--color-blue-900: #0c4a6e;--color-blue-950: #082f49;--color-indigo-50: #f0f4ff;--color-indigo-100: #e0e8ff;--color-indigo-200: #c7d6fe;--color-indigo-300: #a5b8fc;--color-indigo-400: #8b91f7;--color-indigo-500: #7c70f1;--color-indigo-600: #6d53e8;--color-indigo-700: #5d44d4;--color-indigo-800: #4d38b0;--color-indigo-900: #412f8c;--color-indigo-950: #281b52;--color-purple-50: #faf5ff;--color-purple-100: #f3e8ff;--color-purple-200: #e9d5ff;--color-purple-300: #d8b4fe;--color-purple-400: #c084fc;--color-purple-500: #a855f7;--color-purple-600: #9333ea;--color-purple-700: #7c3aed;--color-purple-800: #6b21a8;--color-purple-900: #581c87;--color-purple-950: #3b0764;--color-secondary-50: #f0fdfa;--color-secondary-100: #ccfbf1;--color-secondary-200: #99f6e4;--color-secondary-300: #5eead4;--color-secondary-400: #2dd4bf;--color-secondary-500: #14b8a6;--color-secondary-600: #0d9488;--color-secondary-700: #0f766e;--color-secondary-800: #115e59;--color-secondary-900: #134e4a;--color-secondary-950: #042f2e;--color-neutral-50: #fafaf9;--color-neutral-100: #f5f5f4;--color-neutral-200: #e7e5e4;--color-neutral-300: #d6d3d1;--color-neutral-400: #a8a29e;--color-neutral-500: #78716c;--color-neutral-600: #57534e;--color-neutral-700: #44403c;--color-neutral-800: #292524;--color-neutral-850: #21201c;--color-neutral-900: #1c1917;--color-neutral-950: #0c0a09;--color-cyan-50: #ecfeff;--color-cyan-100: #cffafe;--color-cyan-200: #a5f3fc;--color-cyan-300: #67e8f9;--color-cyan-400: #22d3ee;--color-cyan-500: #06b6d4;--color-cyan-600: #0891b2;--color-cyan-700: #0e7490;--color-cyan-800: #155e75;--color-cyan-900: #164e63;--color-cyan-950: #083344;--color-pink-50: #fdf2f8;--color-pink-100: #fce7f3;--color-pink-200: #fbcfe8;--color-pink-300: #f9a8d4;--color-pink-400: #f472b6;--color-pink-500: #ec4899;--color-pink-600: #db2777;--color-pink-700: #be185d;--color-pink-800: #9d174d;--color-pink-900: #831843;--color-pink-950: #500724;--color-rose-50: #fff1f2;--color-rose-100: #ffe4e6;--color-rose-200: #fecdd3;--color-rose-300: #fda4af;--color-rose-400: #fb7185;--color-rose-500: #f43f5e;--color-rose-600: #e11d48;--color-rose-700: #be123c;--color-rose-800: #9f1239;--color-rose-900: #881337;--color-rose-950: #4c0519;--color-emerald-50: #ecfdf5;--color-emerald-100: #d1fae5;--color-emerald-200: #a7f3d0;--color-emerald-300: #6ee7b7;--color-emerald-400: #34d399;--color-emerald-500: #10b981;--color-emerald-600: #059669;--color-emerald-700: #047857;--color-emerald-800: #065f46;--color-emerald-900: #064e3b;--color-emerald-950: #022c22;--color-lime-50: #f7fee7;--color-lime-100: #ecfccb;--color-lime-200: #d9f99d;--color-lime-300: #bef264;--color-lime-400: #a3e635;--color-lime-500: #84cc16;--color-lime-600: #65a30d;--color-lime-700: #4d7c0f;--color-lime-800: #3f6212;--color-lime-900: #365314;--color-lime-950: #1a2e05;--color-sky-50: #f0f9ff;--color-sky-100: #e0f2fe;--color-sky-200: #bae6fd;--color-sky-300: #7dd3fc;--color-sky-400: #38bdf8;--color-sky-500: #0ea5e9;--color-sky-600: #0284c7;--color-sky-700: #0369a1;--color-sky-800: #075985;--color-sky-900: #0c4a6e;--color-sky-950: #082f49;--color-ink-green-50: #f0f9f0;--color-ink-green-100: #dcf2dc;--color-ink-green-200: #bbe5bb;--color-ink-green-300: #8fd18f;--color-ink-green-400: #5bb75b;--color-ink-green-500: #359935;--color-ink-green-600: #2d5016;--color-ink-green-700: #234013;--color-ink-green-800: #1a3010;--color-ink-green-900: #0f200a;--color-ink-green-950: #081408;--color-cinnabar-50: #fef5f5;--color-cinnabar-100: #fee8e8;--color-cinnabar-200: #fdd6d6;--color-cinnabar-300: #fab8b8;--color-cinnabar-400: #f58989;--color-cinnabar-500: #ed5a5a;--color-cinnabar-600: #c53030;--color-cinnabar-700: #9c2626;--color-cinnabar-800: #7d1f1f;--color-cinnabar-900: #651a1a;--color-cinnabar-950: #450f0f;--color-gold-50: #fffbeb;--color-gold-100: #fef3c7;--color-gold-200: #fde68a;--color-gold-300: #fcd34d;--color-gold-400: #fbbf24;--color-gold-500: #f59e0b;--color-gold-600: #d69e2e;--color-gold-700: #b45309;--color-gold-800: #92400e;--color-gold-900: #78350f;--color-gold-950: #451a03;--color-rice-paper-50: #faf7f0;--color-rice-paper-100: #f5f1e8;--color-rice-paper-200: #ebe4d6;--color-rice-paper-300: #ddd4c2;--color-rice-paper-400: #cbbfa8;--color-rice-paper-500: #b8a888;--color-rice-paper-600: #a08f6b;--color-rice-paper-700: #857356;--color-rice-paper-800: #6b5e47;--color-rice-paper-900: #574d3b;--color-rice-paper-950: #2f2a20;--color-jade-50: #f0fdf4;--color-jade-100: #dcfce7;--color-jade-200: #bbf7d0;--color-jade-300: #86efac;--color-jade-400: #4ade80;--color-jade-500: #22c55e;--color-jade-600: #15803d;--color-jade-700: #166534;--color-jade-800: #14532d;--color-jade-900: #052e16;--color-jade-950: #022c16;--color-amber-50: #fffbeb;--color-amber-100: #fef3c7;--color-amber-200: #fde68a;--color-amber-300: #fcd34d;--color-amber-400: #fbbf24;--color-amber-500: #f59e0b;--color-amber-600: #b45309;--color-amber-700: #92400e;--color-amber-800: #78350f;--color-amber-900: #451a03;--color-amber-950: #2d1104;--color-teal-50: #f0fdfa;--color-teal-100: #ccfbf1;--color-teal-200: #99f6e4;--color-teal-300: #5eead4;--color-teal-400: #2dd4bf;--color-teal-500: #14b8a6;--color-teal-600: #2c7a7b;--color-teal-700: #0f766e;--color-teal-800: #115e59;--color-teal-900: #134e4a;--color-teal-950: #042f2e;--color-white: #ffffff;--color-black: #000000;--color-overlay-light: rgba(15, 23, 42, .4);--color-glass-light: rgba(255, 255, 255, .8);--color-glass-light-90: rgba(255, 255, 255, .9);--color-glass-light-60: rgba(255, 255, 255, .6);--color-overlay-dark: rgba(0, 0, 0, .6);--color-glass-dark: rgba(28, 25, 23, .85);--color-glass-dark-90: rgba(28, 25, 23, .92);--color-glass-dark-60: rgba(28, 25, 23, .65)}:root{--font-family-display: "Huiwen-mincho", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--font-family-body: "LXGW WenKai", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--font-family-code: "Fira Code", "SF Mono", Monaco, "Cascadia Code", "Roboto Mono", monospace;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 2rem;--font-size-4xl: 2.5rem;--font-size-5xl: 3rem;--font-weight-light: 300;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-wenkai-regular: 400;--font-weight-wenkai-bold: 700;--font-weight-huiwen-normal: 400;--font-weight-huiwen-bold: 700;--line-height-tight: 1.25;--line-height-snug: 1.375;--line-height-normal: 1.5;--line-height-relaxed: 1.625;--line-height-loose: 2;--letter-spacing-tight: -.025em;--letter-spacing-normal: 0;--letter-spacing-wide: .025em;--letter-spacing-wider: .05em}:root{--spacing-0: 0;--spacing-1: .25rem;--spacing-2: .5rem;--spacing-3: .75rem;--spacing-4: 1rem;--spacing-5: 1.25rem;--spacing-6: 1.5rem;--spacing-8: 2rem;--spacing-10: 2.5rem;--spacing-12: 3rem;--spacing-16: 4rem;--spacing-20: 5rem;--spacing-24: 6rem;--spacing-0-5: .125rem;--spacing-1-5: .375rem;--spacing-7: 1.75rem}:root{--radius-none: 0;--radius-xs: .125rem;--radius-sm: .25rem;--radius-base: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.25rem;--radius-3xl: 1.5rem;--radius-4xl: 2rem;--radius-full: 9999px}:root{--shadow-none: none;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .04);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .06);--shadow-base: 0 2px 4px rgba(0, 0, 0, .08);--shadow-md: 0 3px 8px rgba(0, 0, 0, .1);--shadow-lg: 0 6px 16px rgba(0, 0, 0, .12);--shadow-xl: 0 10px 24px rgba(0, 0, 0, .15)}[data-theme=dark]{--shadow-xs: 0 1px 2px rgba(0, 0, 0, .15);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .2);--shadow-base: 0 2px 4px rgba(0, 0, 0, .25);--shadow-md: 0 3px 8px rgba(0, 0, 0, .3);--shadow-lg: 0 6px 16px rgba(0, 0, 0, .35);--shadow-xl: 0 10px 24px rgba(0, 0, 0, .4)}:root{--duration-instant: 80ms;--duration-fast: .15s;--duration-normal: .22s;--duration-slow: .35s;--duration-relaxed: .5s;--ease-in-out: cubic-bezier(.4, 0, .2, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-fluid: cubic-bezier(.25, .46, .45, .94)}.fade-enter-active,.fade-leave-active{transition:opacity var(--duration-slow) var(--ease-in-out),transform var(--duration-slow) var(--ease-in-out)}.fade-enter-from{opacity:0;transform:translateY(30px) scale(.98)}.fade-leave-to{opacity:0;transform:translateY(-30px) scale(.98)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(40px) scale(.9)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes slideUp{0%{opacity:0;transform:translate(-50%,30px) scale(.9)}to{opacity:1;transform:translate(-50%) scale(1)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes gentleShimmer{0%{left:-100%;opacity:0}50%{opacity:.2}to{left:100%;opacity:0}}:root{--z-base: 0;--z-fixed: 300;--z-index-popover: 1000}:root{--color-surface-background-primary: var(--color-rice-paper-50);--color-surface-background-secondary: var(--color-rice-paper-100);--color-surface-background-tertiary: var(--color-rice-paper-200);--color-surface-background-elevated: var(--color-white);--color-surface-background-elevated-hover: var(--color-ink-green-50);--color-surface-background-glass: var(--color-glass-light);--color-content-text-primary: var(--color-neutral-950);--color-content-text-secondary: var(--color-ink-green-700);--color-content-text-tertiary: var(--color-neutral-600);--color-content-text-disabled: var(--color-neutral-400);--color-content-text-inverse: var(--color-white);--color-content-text-on-surface: var(--color-white);--color-content-text-link: var(--color-brand-primary-default);--color-content-text-link-hover: var(--color-brand-primary-accent);--color-outline-border-default: var(--color-rice-paper-300);--color-outline-border-subtle: var(--color-rice-paper-200);--color-outline-border-emphasis: var(--color-rice-paper-400);--color-brand-primary-default: var(--color-ink-green-600);--color-brand-primary-light: var(--color-ink-green-50);--color-brand-primary-accent: var(--color-ink-green-500);--color-brand-secondary-default: var(--color-cinnabar-600);--color-state-success-default: var(--color-jade-600);--color-state-success-light: var(--color-jade-50);--color-state-success-accent: var(--color-jade-500);--color-state-warning-default: var(--color-amber-600);--color-state-warning-light: var(--color-amber-50);--color-state-error-default: var(--color-cinnabar-600);--color-state-error-light: var(--color-cinnabar-50);--color-state-info-default: var(--color-teal-600);--color-state-info-accent: var(--color-teal-500);--color-state-info-light: var(--color-teal-50);--gradient-primary: linear-gradient(135deg, var(--color-brand-primary-accent) 0%, var(--color-brand-primary-default) 100%);--gradient-primary-hover: linear-gradient(135deg, var(--color-brand-primary-default) 0%, var(--color-brand-primary-accent) 100%);--gradient-secondary: linear-gradient(135deg, var(--color-brand-secondary-default) 0%, var(--color-gold-600) 100%);--gradient-success: linear-gradient(135deg, var(--color-state-success-default) 0%, var(--color-state-success-accent) 100%);--gradient-warning: linear-gradient(135deg, var(--color-state-warning-default) 0%, var(--color-gold-600) 100%);--gradient-error: linear-gradient(135deg, var(--color-state-error-default) 0%, var(--color-cinnabar-700) 100%);--gradient-info: linear-gradient(135deg, var(--color-state-info-default) 0%, var(--color-state-info-accent) 100%);--gradient-tech: linear-gradient(135deg, var(--color-brand-primary-default) 0%, var(--color-brand-secondary-default) 100%);--color-scrollbar-thumb: var(--color-brand-primary-default);--color-scrollbar-thumb-hover: var(--color-brand-primary-accent);--color-scrollbar-track: var(--color-brand-primary-light);--color-focus-ring: var(--color-brand-primary-default);--color-selection-bg: var(--color-brand-primary-light);--color-selection-text: var(--color-content-text-primary);--color-button-background-default: var(--color-surface-background-elevated);--color-button-text-default: var(--color-content-text-primary);--color-button-border-default: var(--color-outline-border-default);--color-button-text-on-primary: var(--color-content-text-on-surface);--color-button-text-disabled: var(--color-content-text-disabled);--color-button-background-disabled: var(--color-surface-background-tertiary);--color-button-border-disabled: var(--color-outline-border-subtle);--color-button-background-default-hover: var(--color-surface-background-tertiary);--color-button-border-default-hover: var(--color-outline-border-default);--color-button-text-default-hover: var(--color-content-text-primary);--color-button-shadow-default: var(--color-brand-primary-light);--color-button-shadow-default-hover: var(--color-brand-primary-default);--color-button-effect-ripple: var(--color-brand-primary-default);--color-card-background-base: var(--color-surface-background-elevated);--color-card-background-default: var(--color-surface-background-elevated);--color-card-background-flat: var(--color-surface-background-secondary);--color-card-background-flat-hover: var(--color-surface-background-elevated);--color-card-background-bordered: var(--color-surface-background-elevated);--color-card-background-elevated: var(--color-surface-background-elevated);--color-card-background-elevated-hover: var(--color-surface-background-elevated-hover);--color-card-background-glass: var(--color-surface-background-glass);--color-card-background-transparent: var(--color-surface-background-glass);--color-card-background-transparent-hover: var(--color-surface-background-elevated);--color-card-background-header: var(--color-surface-background-tertiary);--color-card-background-footer: var(--color-surface-background-secondary);--color-card-border-default-hover: var(--color-brand-primary-default);--color-card-accent-header: var(--color-brand-primary-default);--color-card-border-hover-shadow: var(--color-brand-primary-default);--color-input-background-default: var(--color-surface-background-elevated);--color-input-border-default: var(--color-outline-border-default);--color-input-border-default-focus: var(--color-brand-primary-default);--color-input-shadow-default-focus: var(--color-brand-primary-light);--color-alert-icon-default: var(--color-content-text-on-surface);--color-alert-background-info-filled: var(--color-state-info-light);--color-alert-text-info-filled: var(--color-state-info-default);--color-alert-border-info-filled: var(--color-state-info-default);--color-alert-background-success-filled: var(--color-state-success-light);--color-alert-text-success-filled: var(--color-state-success-default);--color-alert-border-success-filled: var(--color-state-success-default);--color-alert-background-warning-filled: var(--color-state-warning-light);--color-alert-text-warning-filled: var(--color-state-warning-default);--color-alert-border-warning-filled: var(--color-state-warning-default);--color-alert-background-error-filled: var(--color-state-error-light);--color-alert-text-error-filled: var(--color-state-error-default);--color-alert-border-error-filled: var(--color-state-error-default);--color-alert-background-outlined: var(--color-surface-background-elevated);--color-alert-text-info-outlined: var(--color-state-info-default);--color-alert-border-info-outlined: var(--color-state-info-default);--color-alert-text-success-outlined: var(--color-state-success-default);--color-alert-border-success-outlined: var(--color-state-success-default);--color-alert-text-warning-outlined: var(--color-state-warning-default);--color-alert-border-warning-outlined: var(--color-state-warning-default);--color-alert-text-error-outlined: var(--color-state-error-default);--color-alert-border-error-outlined: var(--color-state-error-default);--color-alert-background-minimal: var(--color-surface-background-secondary);--color-alert-text-minimal: var(--color-content-text-secondary);--color-alert-border-info-minimal: var(--color-state-info-default);--color-alert-border-success-minimal: var(--color-state-success-default);--color-alert-border-warning-minimal: var(--color-state-warning-default);--color-alert-border-error-minimal: var(--color-state-error-default);--color-ruby-text-character: var(--color-content-text-primary);--color-ruby-text-pinyin: var(--color-content-text-secondary);--color-ruby-text-character-hover: var(--color-brand-primary-default);--color-empty-icon-default: var(--color-content-text-tertiary);--color-empty-shadow-icon: var(--color-content-text-tertiary);--color-empty-text-description: var(--color-content-text-secondary);--color-input-text-placeholder: var(--color-content-text-tertiary);--color-input-text-prefix-suffix: var(--color-content-text-secondary);--color-input-background-disabled: var(--color-surface-background-secondary);--color-input-border-disabled: var(--color-outline-border-subtle);--color-input-text-disabled: var(--color-content-text-disabled);--color-toast-background: var(--color-surface-background-elevated);--color-toast-text: var(--color-content-text-primary);--color-toast-border: var(--color-outline-border-subtle);--color-toast-close: var(--color-content-text-secondary);--color-toast-close-hover: var(--color-content-text-primary);--color-toast-success: var(--color-jade-600);--color-toast-error: var(--color-cinnabar-600);--color-toast-warning: var(--color-amber-600);--color-toast-info: var(--color-teal-600);--color-decorative-shadow: var(--color-brand-primary-light);--color-decorative-glow: var(--color-brand-primary-default);--logo-color: var(--color-brand-primary-default)}[data-theme=dark]{--color-surface-background-primary: var(--color-rice-paper-950);--color-surface-background-secondary: var(--color-rice-paper-900);--color-surface-background-tertiary: var(--color-rice-paper-800);--color-surface-background-elevated: var(--color-neutral-850);--color-surface-background-elevated-hover: var(--color-ink-green-950);--color-surface-background-glass: var(--color-glass-dark);--color-content-text-primary: var(--color-rice-paper-50);--color-content-text-secondary: var(--color-ink-green-200);--color-content-text-tertiary: var(--color-neutral-400);--color-content-text-disabled: var(--color-neutral-600);--color-content-text-inverse: var(--color-neutral-950);--color-content-text-on-surface: var(--color-white);--color-content-text-link: var(--color-brand-primary-accent);--color-content-text-link-hover: var(--color-brand-primary-default);--color-outline-border-default: var(--color-rice-paper-700);--color-outline-border-subtle: var(--color-rice-paper-800);--color-outline-border-emphasis: var(--color-rice-paper-600);--color-brand-primary-default: var(--color-ink-green-500);--color-brand-primary-light: var(--color-ink-green-100);--color-brand-primary-accent: var(--color-ink-green-400);--color-brand-secondary-default: var(--color-cinnabar-500);--color-state-success-default: var(--color-jade-500);--color-state-success-light: var(--color-jade-200);--color-state-success-accent: var(--color-jade-400);--color-state-warning-default: var(--color-amber-500);--color-state-warning-light: var(--color-amber-200);--color-state-error-default: var(--color-cinnabar-500);--color-state-error-light: var(--color-cinnabar-200);--color-state-info-default: var(--color-teal-500);--color-state-info-accent: var(--color-teal-400);--color-state-info-light: var(--color-teal-200);--gradient-primary: linear-gradient(135deg, var(--color-brand-primary-default) 0%, var(--color-brand-primary-accent) 100%);--gradient-primary-hover: linear-gradient(135deg, var(--color-brand-primary-accent) 0%, var(--color-brand-primary-default) 100%);--gradient-secondary: linear-gradient(135deg, var(--color-brand-secondary-default) 0%, var(--color-gold-500) 100%);--gradient-success: linear-gradient(135deg, var(--color-state-success-default) 0%, var(--color-state-success-accent) 100%);--gradient-warning: linear-gradient(135deg, var(--color-state-warning-default) 0%, var(--color-gold-500) 100%);--gradient-error: linear-gradient(135deg, var(--color-state-error-default) 0%, var(--color-cinnabar-600) 100%);--gradient-info: linear-gradient(135deg, var(--color-state-info-default) 0%, var(--color-state-info-accent) 100%);--gradient-tech: linear-gradient(135deg, var(--color-brand-primary-default) 0%, var(--color-brand-secondary-default) 100%);--color-scrollbar-thumb: var(--color-neutral-600);--color-scrollbar-thumb-hover: var(--color-neutral-500);--color-scrollbar-track: var(--color-neutral-900);--color-focus-ring: var(--color-brand-primary-default);--color-selection-bg: var(--color-brand-primary-default);--color-selection-text: var(--color-content-text-inverse);--color-button-background-default: var(--color-surface-background-elevated);--color-button-text-default: var(--color-content-text-primary);--color-button-border-default: var(--color-outline-border-default);--color-button-text-on-primary: var(--color-content-text-on-surface);--color-button-text-disabled: var(--color-content-text-disabled);--color-button-background-disabled: var(--color-surface-background-tertiary);--color-button-border-disabled: var(--color-outline-border-emphasis);--color-button-background-default-hover: var(--color-surface-background-tertiary);--color-button-border-default-hover: var(--color-outline-border-default);--color-button-text-default-hover: var(--color-content-text-primary);--color-button-shadow-default: var(--color-brand-primary-default);--color-button-shadow-default-hover: var(--color-brand-primary-accent);--color-button-effect-ripple: var(--color-brand-primary-accent);--color-card-background-base: var(--color-surface-background-elevated);--color-card-background-default: var(--color-surface-background-elevated);--color-card-background-flat: var(--color-surface-background-secondary);--color-card-background-flat-hover: var(--color-surface-background-elevated);--color-card-background-bordered: var(--color-surface-background-elevated);--color-card-background-elevated: var(--color-surface-background-elevated-hover);--color-card-background-elevated-hover: var(--color-surface-background-elevated);--color-card-background-glass: var(--color-surface-background-glass);--color-card-background-transparent: var(--color-surface-background-glass);--color-card-background-transparent-hover: var(--color-surface-background-elevated);--color-card-background-header: var(--color-surface-background-tertiary);--color-card-background-footer: var(--color-surface-background-secondary);--color-card-border-default-hover: var(--color-brand-primary-accent);--color-card-accent-header: var(--color-brand-primary-accent);--color-card-border-hover-shadow: var(--color-brand-primary-accent);--color-input-background-default: var(--color-surface-background-elevated);--color-input-border-default: var(--color-outline-border-default);--color-input-border-default-focus: var(--color-brand-primary-accent);--color-input-shadow-default-focus: var(--color-brand-primary-default);--color-alert-icon-default: var(--color-content-text-on-surface);--color-alert-background-info-filled: var(--color-state-info-light);--color-alert-text-info-filled: var(--color-state-info-default);--color-alert-border-info-filled: var(--color-state-info-default);--color-alert-background-success-filled: var(--color-state-success-light);--color-alert-text-success-filled: var(--color-state-success-default);--color-alert-border-success-filled: var(--color-state-success-default);--color-alert-background-warning-filled: var(--color-state-warning-light);--color-alert-text-warning-filled: var(--color-state-warning-default);--color-alert-border-warning-filled: var(--color-state-warning-default);--color-alert-background-error-filled: var(--color-state-error-light);--color-alert-text-error-filled: var(--color-state-error-default);--color-alert-border-error-filled: var(--color-state-error-default);--color-alert-background-outlined: var(--color-surface-background-elevated);--color-alert-text-info-outlined: var(--color-state-info-default);--color-alert-border-info-outlined: var(--color-state-info-default);--color-alert-text-success-outlined: var(--color-state-success-default);--color-alert-border-success-outlined: var(--color-state-success-default);--color-alert-text-warning-outlined: var(--color-state-warning-default);--color-alert-border-warning-outlined: var(--color-state-warning-default);--color-alert-text-error-outlined: var(--color-state-error-default);--color-alert-border-error-outlined: var(--color-state-error-default);--color-alert-background-minimal: var(--color-surface-background-secondary);--color-alert-text-minimal: var(--color-content-text-secondary);--color-alert-border-info-minimal: var(--color-state-info-default);--color-alert-border-success-minimal: var(--color-state-success-default);--color-alert-border-warning-minimal: var(--color-state-warning-default);--color-alert-border-error-minimal: var(--color-state-error-default);--color-ruby-text-character: var(--color-content-text-primary);--color-ruby-text-pinyin: var(--color-content-text-secondary);--color-ruby-text-character-hover: var(--color-brand-primary-accent);--color-empty-icon-default: var(--color-content-text-tertiary);--color-empty-shadow-icon: var(--color-content-text-tertiary);--color-empty-text-description: var(--color-content-text-secondary);--color-input-text-placeholder: var(--color-content-text-tertiary);--color-input-text-prefix-suffix: var(--color-content-text-secondary);--color-input-background-disabled: var(--color-surface-background-secondary);--color-input-border-disabled: var(--color-outline-border-subtle);--color-input-text-disabled: var(--color-content-text-disabled);--color-toast-background: var(--color-surface-background-elevated);--color-toast-text: var(--color-content-text-primary);--color-toast-border: var(--color-outline-border-subtle);--color-toast-close: var(--color-content-text-secondary);--color-toast-close-hover: var(--color-content-text-primary);--color-toast-success: var(--color-jade-500);--color-toast-error: var(--color-cinnabar-500);--color-toast-warning: var(--color-amber-500);--color-toast-info: var(--color-teal-500);--color-decorative-shadow: var(--color-brand-primary-default);--color-decorative-glow: var(--color-brand-primary-accent);--logo-color: var(--color-brand-primary-accent)}.grid-responsive{display:grid;gap:var(--spacing-6);grid-template-columns:1fr}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.grid-auto{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}@media(min-width:640px){.grid-responsive{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.grid-responsive{grid-template-columns:repeat(3,1fr);gap:var(--spacing-8)}}@media(min-width:1280px){.grid-responsive{grid-template-columns:repeat(4,1fr)}}.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-clamp:2}.line-clamp-3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;line-clamp:3}.select-none{-webkit-user-select:none;user-select:none}.transition-all{transition:all var(--duration-normal) var(--ease-out)}.transition-colors{transition:background-color var(--duration-normal) var(--ease-out),border-color var(--duration-normal) var(--ease-out),color var(--duration-normal) var(--ease-out)}.transition-transform{transition:transform var(--duration-instant) var(--ease-out)}.hover-lift:hover{transform:translateY(-2px)}.hover-lift-sm:hover{transform:translateY(-1px)}.hover-scale:hover{transform:scale(1.05)}.hover-scale-sm:hover{transform:scale(1.02)}.gradient-border:before{content:"";position:absolute;inset:-2px;border-radius:inherit;background:var(--gradient-primary);opacity:.1;z-index:-1}.accent-line:after{content:"";position:absolute;bottom:-4px;left:0;width:40px;height:2px;background:var(--gradient-primary);border-radius:var(--radius-full)}