.header[data-v-081cec15]{position:fixed;top:0;left:0;right:0;height:60px;background-color:var(--color-bg);border-bottom:1px solid var(--color-border);z-index:100}.header-inner[data-v-081cec15]{display:flex;align-items:center;justify-content:space-between;height:100%}.logo[data-v-081cec15]{display:flex;align-items:center;gap:var(--space-sm);color:var(--color-text);font-weight:600;font-size:var(--font-lg)}.logo-img[data-v-081cec15]{width:32px;height:32px;object-fit:contain}.logo-text[data-v-081cec15]{transition:color var(--transition-base)}.logo:hover .logo-text[data-v-081cec15]{color:var(--color-primary)}.nav[data-v-081cec15]{display:flex;gap:var(--space-lg)}.nav-link[data-v-081cec15]{color:var(--color-text-muted);font-weight:500;font-size:var(--font-base);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-md);transition:all var(--transition-base)}.nav-link[data-v-081cec15]:hover,.nav-link-active[data-v-081cec15]{color:var(--color-primary);background-color:var(--color-bg-secondary)}.menu-toggle[data-v-081cec15]{display:none;width:40px;height:40px;padding:var(--space-sm);background:none;border:none;cursor:pointer}.menu-icon[data-v-081cec15]{display:block;width:24px;height:2px;background-color:var(--color-text);position:relative;transition:background-color var(--transition-base)}.menu-icon[data-v-081cec15]:before,.menu-icon[data-v-081cec15]:after{content:"";position:absolute;left:0;width:24px;height:2px;background-color:var(--color-text);transition:transform var(--transition-base)}.menu-icon[data-v-081cec15]:before{top:-8px}.menu-icon[data-v-081cec15]:after{top:8px}.menu-icon-open[data-v-081cec15]{background-color:transparent}.menu-icon-open[data-v-081cec15]:before{transform:rotate(45deg) translate(5px,6px)}.menu-icon-open[data-v-081cec15]:after{transform:rotate(-45deg) translate(5px,-6px)}@media (max-width: 768px){.menu-toggle[data-v-081cec15]{display:flex;align-items:center;justify-content:center}.nav[data-v-081cec15]{position:absolute;top:60px;left:0;right:0;flex-direction:column;background-color:var(--color-bg);border-bottom:1px solid var(--color-border);padding:var(--space-md);gap:var(--space-sm);transform:translateY(-100%);opacity:0;visibility:hidden;transition:all var(--transition-base)}.nav-open[data-v-081cec15]{transform:translateY(0);opacity:1;visibility:visible}.nav-link[data-v-081cec15]{display:block;padding:var(--space-md);text-align:center}}.footer[data-v-f1ed42e2]{background-color:var(--color-bg-dark);color:var(--color-text-inverse);padding:var(--space-2xl) 0}.footer-inner[data-v-f1ed42e2]{display:flex;flex-direction:column;gap:var(--space-lg);text-align:center}.footer-info[data-v-f1ed42e2]{display:flex;flex-direction:column;gap:var(--space-xs)}.footer-name[data-v-f1ed42e2]{font-size:var(--font-xl);font-weight:600}.footer-slogan[data-v-f1ed42e2]{font-size:var(--font-sm);color:var(--color-text-muted)}.footer-nav[data-v-f1ed42e2]{display:flex;justify-content:center;gap:var(--space-lg)}.footer-link[data-v-f1ed42e2]{color:var(--color-text-light);font-size:var(--font-sm);transition:color var(--transition-base)}.footer-link[data-v-f1ed42e2]:hover{color:var(--color-primary-light)}.footer-copyright[data-v-f1ed42e2]{font-size:var(--font-xs);color:var(--color-text-light);opacity:.7}@media (max-width: 768px){.footer-nav[data-v-f1ed42e2]{flex-wrap:wrap;gap:var(--space-md)}}.app{min-height:100vh;display:flex;flex-direction:column}.main{flex:1;padding-top:60px}:root{--header-height: 60px;--blue-100: #e8f0f8;--blue-200: #c5d5e8;--blue-300: #9bb5d8;--blue-400: #6a8cc8;--blue-500: #4a6fa5;--blue-600: #3a5f95;--purple-100: #f0e8f5;--purple-200: #d8c8e8;--purple-300: #b8a0d5;--purple-400: #9078c0;--purple-500: #6858a0;--pink-100: #f8e8ec;--pink-200: #e8d0d8;--pink-300: #d5b0c0;--pink-400: #c090a8;--pink-500: #a87890;--green-100: #e8f0e8;--green-200: #c8d8c8;--green-300: #a0b8a0;--green-400: #78a078;--green-500: #588858;--orange-100: #f8f0e0;--orange-200: #e8d8c0;--orange-300: #d5b898;--orange-400: #c0a078;--orange-500: #a88858;--yellow-100: #f8f5e8;--yellow-200: #e8e0c8;--yellow-300: #d5c8a0;--yellow-400: #c0b078;--yellow-500: #a89858;--gray-100: #f8f8f8;--gray-200: #e8e8e8;--gray-300: #d5d5d5;--gray-400: #a8a8a8;--gray-500: #787878;--bg-100: var(--gray-100);--bg-200: var(--gray-200);--bg-300: #f0f0f2;--bg-400: var(--gray-300);--text-100: var(--gray-500);--text-200: var(--gray-400);--text-300: #5a5a60;--text-400: #3a3a40;--text-500: #2a2a30;--text-inverse: #f8f8f8;--border-soft: rgba(120, 120, 128, .12);--border-light: rgba(120, 120, 128, .2);--border-medium: rgba(120, 120, 128, .35);--border-strong: rgba(120, 120, 128, .5);--color-primary: var(--blue-500);--color-primary-dark: var(--blue-600);--color-primary-light: var(--blue-300);--color-secondary: var(--purple-500);--color-secondary-dark: var(--purple-400);--color-accent: var(--orange-500);--color-accent-dark: var(--orange-400);--color-text: var(--text-400);--color-text-muted: var(--text-200);--color-text-light: var(--text-100);--color-text-inverse: var(--text-inverse);--color-bg: var(--bg-100);--color-bg-secondary: var(--bg-200);--color-bg-dark: #1a1a20;--color-bg-card: var(--bg-100);--color-border: var(--border-medium);--color-border-light: var(--border-light);--color-success: var(--green-500);--color-warning: var(--yellow-500);--color-error: #c85050;--gradient-pink-rose: linear-gradient(135deg, var(--pink-200), var(--pink-300));--gradient-haze-blue: linear-gradient(135deg, var(--blue-200), var(--blue-300));--gradient-purple-soft: linear-gradient(135deg, var(--purple-200), var(--purple-300));--gradient-green-calm: linear-gradient(135deg, var(--green-200), var(--green-300));--gradient-orange-warm: linear-gradient(135deg, var(--orange-200), var(--orange-300));--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--font-xs: .75rem;--font-sm: .875rem;--font-base: 1rem;--font-lg: 1.125rem;--font-xl: 1.25rem;--font-2xl: 1.5rem;--font-3xl: 1.875rem;--font-4xl: 2.25rem;--radius-xs: .125rem;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-full: 9999px;--shadow-xs: 0 1px 1px 0 rgba(0, 0, 0, .03);--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .08), 0 2px 4px -1px rgba(0, 0, 0, .04);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .08), 0 4px 6px -2px rgba(0, 0, 0, .04);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .08), 0 10px 10px -5px rgba(0, 0, 0, .04);--transition-instant: .08s;--transition-fast: .15s;--transition-base: .25s;--transition-slow: .4s;--ease-linear: linear;--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--ease-smooth: cubic-bezier(.25, .1, .25, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--ease-bounce: cubic-bezier(.68, -.55, .265, 1.55);--font-display: "Cormorant Garamond", "Noto Serif SC", Georgia, serif;--font-body: "Lora", "Noto Sans SC", system-ui, -apple-system, sans-serif;--font-mono: "SF Mono", "Cascadia Code", "Roboto Mono", Consolas, monospace;--font-family: var(--font-body);--font-family-mono: var(--font-mono);--line-height-tight: 1.25;--line-height-base: 1.5;--line-height-relaxed: 1.75;--container-sm: 640px;--container-md: 768px;--container-lg: 1024px;--container-xl: 1200px}@media (prefers-color-scheme: dark){:root{--text-100: #a8a8b0;--text-200: #c8c8d0;--text-300: #d8d8e0;--text-400: #e8e8f0;--text-500: #f8f8fa;--text-inverse: #2a2a30;--bg-100: #1a1a20;--bg-200: #2a2a30;--bg-300: #3a3a45;--bg-400: #4a4a55;--blue-100: #1a2838;--blue-200: #2a3848;--blue-300: #3a4858;--blue-400: #4a5868;--blue-500: #5a6878;--purple-100: #1a1820;--purple-200: #2a2830;--purple-300: #3a3845;--purple-400: #4a4558;--purple-500: #5a5068;--border-soft: rgba(200, 200, 208, .08);--border-light: rgba(200, 200, 208, .15);--border-medium: rgba(200, 200, 208, .25);--border-strong: rgba(200, 200, 208, .4);--color-text: var(--text-400);--color-text-muted: var(--text-200);--color-text-light: var(--text-100);--color-text-inverse: var(--text-inverse);--color-bg: var(--bg-100);--color-bg-secondary: var(--bg-200);--color-bg-card: var(--bg-200);--color-border: var(--border-medium);--color-border-light: var(--border-light)}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-body);font-size:var(--font-base);line-height:var(--line-height-base);color:var(--color-text);background-color:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-base) var(--ease-smooth)}a:hover{color:var(--color-primary-dark)}img{max-width:100%;height:auto;display:block}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);line-height:var(--line-height-tight);font-weight:600}.container{width:100%;max-width:var(--container-xl);margin:0 auto;padding-left:var(--space-md);padding-right:var(--space-md)}.container-sm{max-width:var(--container-sm)}.container-md{max-width:var(--container-md)}.container-lg{max-width:var(--container-lg)}