:root{--color-primary-50: #eff6ff;--color-primary-100: #dbeafe;--color-primary-200: #bfdbfe;--color-primary-300: #93c5fd;--color-primary-400: #60a5fa;--color-primary-500: #3b82f6;--color-primary-600: #2563eb;--color-primary-700: #1d4ed8;--color-gray-50: #f8fafc;--color-gray-100: #f1f5f9;--color-gray-200: #e2e8f0;--color-gray-300: #cbd5e1;--color-gray-400: #94a3b8;--color-gray-500: #64748b;--color-gray-600: #475569;--color-gray-700: #334155;--color-gray-800: #1e293b;--color-gray-900: #0f172a;--color-bg-primary: #ffffff;--color-bg-secondary: var(--color-gray-50);--color-bg-tertiary: var(--color-gray-100);--color-text-primary: var(--color-gray-800);--color-text-secondary: var(--color-gray-500);--color-text-muted: var(--color-gray-400);--color-border: rgba(59, 130, 246, .15);--color-border-hover: rgba(59, 130, 246, .3);--glass-bg: rgba(255, 255, 255, .9);--glass-bg-hover: rgba(59, 130, 246, .1);--glass-border: rgba(59, 130, 246, .12);--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 20px;--radius-full: 9999px;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .04);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--shadow-lg: 0 8px 32px rgba(59, 130, 246, .08);--shadow-xl: 0 20px 40px rgba(59, 130, 246, .12);--shadow-glow: 0 0 40px rgba(59, 130, 246, .2);--transition-fast: .15s ease;--transition-normal: .3s ease;--transition-slow: .4s ease;--transition-bounce: .3s cubic-bezier(.4, 0, .2, 1);--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans SC", sans-serif;--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: 3.5rem;--z-background: -10;--z-default: 1;--z-dropdown: 50;--z-sticky: 100;--z-modal: 200}html.dark{--color-bg-primary: var(--color-gray-900);--color-bg-secondary: var(--color-gray-800);--color-bg-tertiary: var(--color-gray-700);--color-text-primary: var(--color-gray-200);--color-text-secondary: var(--color-gray-400);--color-text-muted: var(--color-gray-500);--color-border: rgba(96, 165, 250, .2);--color-border-hover: rgba(96, 165, 250, .4);--glass-bg: rgba(30, 41, 59, .9);--glass-bg-hover: rgba(59, 130, 246, .2);--glass-border: rgba(96, 165, 250, .2);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .2);--shadow-md: 0 4px 12px rgba(0, 0, 0, .3);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .3);--shadow-xl: 0 20px 40px rgba(0, 0, 0, .4);--shadow-glow: 0 0 60px rgba(59, 130, 246, .4)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-family);font-size:var(--font-size-base);line-height:1.6;color:var(--color-text-primary);background:var(--color-bg-primary);min-height:100vh;overflow-x:hidden;transition:background-color var(--transition-slow),color var(--transition-slow)}a{color:inherit;text-decoration:none;transition:color var(--transition-normal)}a:hover{color:var(--color-primary-500)}img{max-width:100%;height:auto;display:block}button{font-family:inherit;cursor:pointer;border:none;background:none;transition:all var(--transition-bounce)}::selection{background:#3b82f633;color:var(--color-text-primary)}html.dark ::selection{background:#60a5fa4d}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#3b82f60d}html.dark ::-webkit-scrollbar-track{background:#60a5fa0d}::-webkit-scrollbar-thumb{background:#3b82f640;border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb:hover{background:#3b82f666}html.dark ::-webkit-scrollbar-thumb{background:#60a5fa40}html.dark ::-webkit-scrollbar-thumb:hover{background:#60a5fa66}.will-animate{will-change:transform,opacity}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}#app{width:100%;min-height:100vh}.glass-effect{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border)}.text-gradient{background:linear-gradient(135deg,var(--color-primary-500),var(--color-primary-600));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hitokoto-container[data-v-e355a660]{display:flex;justify-content:center;align-items:center;width:100%;padding:2rem}.hitokoto-card[data-v-e355a660]{position:relative;padding:2.5rem 3rem;border-radius:20px;background:#ffffffe6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(59,130,246,.12);box-shadow:0 8px 32px #3b82f614,0 2px 8px #0000000a,inset 0 1px #fffc;max-width:700px;width:100%;transition:all .4s cubic-bezier(.4,0,.2,1)}.hitokoto-card[data-v-e355a660]:hover{transform:translateY(-4px);box-shadow:0 20px 40px #3b82f61f,0 8px 16px #0000000f,inset 0 1px #ffffffe6}.hitokoto-card.loading[data-v-e355a660]{opacity:.7}.quote-mark[data-v-e355a660]{position:absolute;top:-10px;left:20px;font-size:5rem;font-family:Georgia,serif;color:#3b82f633;line-height:1;pointer-events:none}.hitokoto-text[data-v-e355a660]{font-size:1.5rem;line-height:1.8;margin-bottom:1.5rem;color:#1e293b;font-weight:400;letter-spacing:.02em;text-shadow:none}.hitokoto-detail[data-v-e355a660]{font-size:.95rem;color:#64748b;text-align:right;display:flex;align-items:center;justify-content:flex-end;gap:.5rem}.divider[data-v-e355a660]{color:#3b82f680}.from[data-v-e355a660]{color:#3b82f6}.author[data-v-e355a660]{color:#94a3b8}.refresh-btn[data-v-e355a660]{position:absolute;bottom:1rem;left:1rem;background:#3b82f61a;border:1px solid rgba(59,130,246,.2);border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#3b82f6;transition:all .3s ease}.refresh-btn[data-v-e355a660]:hover:not(:disabled){background:#3b82f633;transform:rotate(180deg)}.refresh-btn[data-v-e355a660]:disabled{opacity:.5;cursor:not-allowed}.dark,.dark-mode{background:#1e293be6;border-color:#60a5fa33;box-shadow:0 8px 32px #0000004d,0 2px 8px #0003,inset 0 1px #ffffff0d}.dark,.dark-mode{box-shadow:0 20px 40px #0006,0 8px 16px #0000004d,inset 0 1px #ffffff14}.dark,.dark-mode{color:#60a5fa40}.dark,.dark-mode{color:#e2e8f0}.dark,.dark-mode{color:#94a3b8}.dark,.dark-mode{color:#60a5fa}.dark,.dark-mode{color:#64748b}.dark,.dark-mode{color:#60a5fa80}.dark,.dark-mode{background:#3b82f626;border-color:#60a5fa4d;color:#60a5fa}.dark,.dark-mode{background:#3b82f640}@media(max-width:768px){.hitokoto-card[data-v-e355a660]{padding:2rem;margin:0 1rem}.hitokoto-text[data-v-e355a660]{font-size:1.2rem}.quote-mark[data-v-e355a660]{font-size:3.5rem}}.theme-toggle[data-v-a942e273]{position:fixed;top:1.5rem;right:1.5rem;z-index:100;width:44px;height:44px;border-radius:50%;background:#ffffffe6;border:1px solid rgba(59,130,246,.15);box-shadow:0 4px 12px #00000014;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#64748b;transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.theme-toggle[data-v-a942e273]:hover{background:#3b82f61a;border-color:#3b82f64d;color:#3b82f6;transform:scale(1.05);box-shadow:0 8px 20px #3b82f626}.theme-toggle[data-v-a942e273]:active{transform:scale(.95)}.app-container[data-v-a942e273]{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;overflow:hidden;transition:background-color .4s ease}.bg-gradient[data-v-a942e273]{position:fixed;inset:0;background:radial-gradient(ellipse at 20% 20%,rgba(59,130,246,.08) 0%,transparent 50%),radial-gradient(ellipse at 80% 80%,rgba(59,130,246,.06) 0%,transparent 50%),radial-gradient(ellipse at 50% 100%,rgba(147,197,253,.1) 0%,transparent 60%),linear-gradient(180deg,#fff,#f8fafc,#f1f5f9);z-index:-3;transition:background .4s ease}.bg-pattern[data-v-a942e273]{position:fixed;inset:0;background-image:radial-gradient(rgba(59,130,246,.04) 1px,transparent 1px);background-size:40px 40px;z-index:-2;transition:background-image .4s ease}.cursor-glow[data-v-a942e273]{position:fixed;width:400px;height:400px;background:radial-gradient(circle,rgba(59,130,246,.06) 0%,transparent 70%);border-radius:50%;pointer-events:none;transform:translate(-50%,-50%);z-index:-1;transition:background .4s ease}.floating-shapes[data-v-a942e273]{position:fixed;inset:0;pointer-events:none;z-index:-1}.shape[data-v-a942e273]{position:absolute;border-radius:50%;opacity:.4;filter:blur(60px);transition:background .4s ease}.shape-1[data-v-a942e273]{width:300px;height:300px;background:linear-gradient(135deg,#3b82f626,#93c5fd33);top:10%;left:10%;animation:float-a942e273 15s ease-in-out infinite}.shape-2[data-v-a942e273]{width:250px;height:250px;background:linear-gradient(135deg,#3b82f61f,#60a5fa2e);bottom:20%;right:15%;animation:float-a942e273 18s ease-in-out infinite reverse}.shape-3[data-v-a942e273]{width:200px;height:200px;background:linear-gradient(135deg,#2563eb1a,#3b82f626);top:60%;left:60%;animation:float-a942e273 20s ease-in-out infinite}@keyframes float-a942e273{0%,to{transform:translate(0) rotate(0)}25%{transform:translate(30px,-30px) rotate(5deg)}50%{transform:translate(-20px,20px) rotate(-5deg)}75%{transform:translate(-30px,-20px) rotate(3deg)}}.main-content[data-v-a942e273]{display:flex;flex-direction:column;align-items:center;gap:3rem;padding:2rem;width:100%;max-width:800px}.hero-section[data-v-a942e273]{display:flex;flex-direction:column;align-items:center;gap:1.5rem}.avatar-container[data-v-a942e273]{position:relative;display:flex;align-items:center;justify-content:center}.avatar[data-v-a942e273]{width:100px;height:100px;border-radius:50%;background:linear-gradient(135deg,#fff,#f1f5f9);display:flex;align-items:center;justify-content:center;position:relative;z-index:1;box-shadow:0 10px 40px #3b82f626,0 4px 12px #0000000d,inset 0 -2px 6px #3b82f61a;border:2px solid rgba(59,130,246,.1);transition:all .4s ease}.avatar-text[data-v-a942e273]{font-size:2.5rem;font-weight:700;background:linear-gradient(135deg,#3b82f6,#2563eb);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.site-title[data-v-a942e273]{margin:0;font-size:3.5rem;font-weight:800;letter-spacing:-.02em}.title-gradient[data-v-a942e273]{background:linear-gradient(135deg,#1e293b,#3b82f6,#2563eb);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 40px rgba(59,130,246,.2);transition:all .4s ease}.site-subtitle[data-v-a942e273]{font-size:1.2rem;color:#64748b;font-weight:400;letter-spacing:.15em;transition:color .4s ease}.yiyan-section[data-v-a942e273]{width:100%;display:flex;justify-content:center}.social-links[data-v-a942e273]{display:flex;gap:1.5rem;flex-wrap:wrap;justify-content:center}.social-link[data-v-a942e273]{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#fffc;border:1px solid rgba(59,130,246,.15);border-radius:50px;color:#475569;text-decoration:none;font-size:.95rem;font-weight:500;transition:all .3s ease;box-shadow:0 2px 8px #0000000a}.social-link[data-v-a942e273]:hover{background:#3b82f61a;border-color:#3b82f64d;color:#3b82f6;transform:translateY(-2px);box-shadow:0 8px 20px #3b82f626}.link-label[data-v-a942e273]{opacity:0;max-width:0;overflow:hidden;transition:all .3s ease;white-space:nowrap}.social-link:hover .link-label[data-v-a942e273]{opacity:1;max-width:100px;margin-left:.25rem}.site-footer[data-v-a942e273]{position:fixed;bottom:0;left:0;right:0;padding:1.5rem;text-align:center;color:#94a3b8;font-size:.85rem;background:linear-gradient(to top,rgba(248,250,252,.95),transparent);transition:all .4s ease}.dark-mode .theme-toggle[data-v-a942e273]{background:#1e293be6;border-color:#60a5fa4d;color:#93c5fd;box-shadow:0 4px 12px #0000004d}.dark-mode .theme-toggle[data-v-a942e273]:hover{background:#3b82f633;border-color:#60a5fa80;color:#60a5fa;box-shadow:0 8px 20px #3b82f640}.dark-mode .bg-gradient[data-v-a942e273]{background:radial-gradient(ellipse at 20% 20%,rgba(59,130,246,.15) 0%,transparent 50%),radial-gradient(ellipse at 80% 80%,rgba(59,130,246,.1) 0%,transparent 50%),radial-gradient(ellipse at 50% 100%,rgba(37,99,235,.12) 0%,transparent 60%),linear-gradient(180deg,#0f172a,#1e293b,#0f172a)}.dark-mode .bg-pattern[data-v-a942e273]{background-image:radial-gradient(rgba(96,165,250,.06) 1px,transparent 1px)}.dark-mode .cursor-glow[data-v-a942e273]{background:radial-gradient(circle,rgba(59,130,246,.12) 0%,transparent 70%)}.dark-mode .shape-1[data-v-a942e273]{background:linear-gradient(135deg,#3b82f640,#2563eb4d)}.dark-mode .shape-2[data-v-a942e273]{background:linear-gradient(135deg,#3b82f633,#60a5fa40)}.dark-mode .shape-3[data-v-a942e273]{background:linear-gradient(135deg,#2563eb2e,#3b82f638)}.dark-mode .title-gradient[data-v-a942e273]{background:linear-gradient(135deg,#e2e8f0,#60a5fa,#3b82f6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 60px rgba(59,130,246,.4)}.dark-mode .site-subtitle[data-v-a942e273]{color:#94a3b8}.dark-mode .social-link[data-v-a942e273]{background:#1e293bcc;border-color:#60a5fa33;color:#cbd5e1;box-shadow:0 2px 8px #0003}.dark-mode .social-link[data-v-a942e273]:hover{background:#3b82f633;border-color:#60a5fa66;color:#60a5fa;box-shadow:0 8px 20px #3b82f633}.dark-mode .site-footer[data-v-a942e273]{color:#64748b;background:linear-gradient(to top,rgba(15,23,42,.95),transparent)}@media(max-width:768px){.theme-toggle[data-v-a942e273]{top:1rem;right:1rem;width:40px;height:40px}.site-title[data-v-a942e273]{font-size:2.5rem}.site-subtitle[data-v-a942e273]{font-size:1rem}.main-content[data-v-a942e273]{gap:2rem;padding:1rem}.shape-1[data-v-a942e273],.shape-2[data-v-a942e273],.shape-3[data-v-a942e273]{transform:scale(.6)}}