@charset "UTF-8";[data-v-59f03dfd]:root{--color-primary: #4facfe;--color-primary-light: #00f2fe;--color-primary-dark: #3d8bfe;--color-secondary: #a18cd1;--color-secondary-light: #fbc2eb;--color-accent: #ff6b9d;--color-accent-light: #ff8fab;--color-white: #ffffff;--color-black: #1a1a2e;--color-gray-100: #f8f9fa;--color-gray-200: #e9ecef;--color-gray-300: #dee2e6;--color-gray-400: #ced4da;--color-gray-500: #adb5bd;--color-gray-600: #6c757d;--color-gray-700: #495057;--color-gray-800: #343a40;--color-gray-900: #212529;--glass-white: rgba(255, 255, 255, .25);--glass-white-heavy: rgba(255, 255, 255, .45);--glass-white-light: rgba(255, 255, 255, .1);--glass-dark: rgba(26, 26, 46, .3);--glass-dark-heavy: rgba(26, 26, 46, .6);--bg-page: #f0f4f8;--bg-component: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%);--bg-card: rgba(255, 255, 255, .7);--bg-card-hover: rgba(255, 255, 255, .85);--text-primary: #343a40;--text-secondary: #6c757d;--text-muted: #adb5bd;--text-link: #4facfe;--border-color: rgba(255, 255, 255, .5);--border-light: rgba(255, 255, 255, .3);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .08);--shadow-md: 0 4px 16px rgba(0, 0, 0, .12);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .16);--shadow-glass: 0 8px 32px rgba(31, 38, 135, .15), inset 0 1px 0 rgba(255, 255, 255, .4);--theme-btn-dark-bg: linear-gradient(135deg, #f59e0b 0%, #fbbf24 100%);--theme-btn-dark-bg-hover: linear-gradient(135deg, #d97706 0%, #f59e0b 100%);--theme-btn-dark-shadow-hover: 0 8px 20px rgba(245, 158, 11, .3), 0 4px 8px rgba(245, 158, 11, .2);--theme-btn-light-bg: #0f172a;--theme-btn-light-bg-hover: linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-light) 100%);--theme-btn-light-glow: 0 4px 20px rgba(79, 172, 254, .4), 0 8px 30px rgba(0, 242, 254, .3), 0 0 60px rgba(79, 172, 254, .2);--theme-btn-light-glow-hover: 0 6px 25px rgba(79, 172, 254, .5), 0 12px 40px rgba(0, 242, 254, .4), 0 0 80px rgba(79, 172, 254, .3);--theme-btn-shadow: 0 4px 12px rgba(0, 0, 0, .08), 0 2px 4px rgba(0, 0, 0, .04);--theme-btn-shadow-hover: 0 8px 20px rgba(0, 0, 0, .12), 0 4px 8px rgba(0, 0, 0, .06);--theme-btn-dark-shadow: 0 4px 12px rgba(0, 0, 0, .3), 0 2px 4px rgba(0, 0, 0, .2);--theme-btn-dark-shadow-hover: 0 8px 20px rgba(0, 0, 0, .4), 0 4px 8px rgba(0, 0, 0, .3);--tooltip-bg: #ffffff;--tooltip-text: #1e1b4b;--banner-title-color: #ffffff;--gradient-primary: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--gradient-secondary: linear-gradient(135deg, #a18cd1 0%, #fbc2eb 100%);--gradient-accent: linear-gradient(135deg, #ff6b9d 0%, #ff8fab 100%)}.dark-mode[data-v-59f03dfd]{--color-primary: #5bb4ff;--color-primary-light: #4df0ff;--color-primary-dark: #4a9eff;--color-secondary: #b8a0e0;--color-secondary-light: #ffc8f0;--color-accent: #ff7aa8;--color-accent-light: #ffa0bc;--color-white: #f0f0f5;--color-black: #0f0f1a;--color-gray-100: #1a1a2e;--color-gray-200: #242442;--color-gray-300: #2d2d52;--color-gray-400: #3d3d6d;--color-gray-500: #5a5a8a;--color-gray-600: #7a7aa8;--color-gray-700: #9a9ac0;--color-gray-800: #babad8;--color-gray-900: #e0e0f0;--glass-white: rgba(255, 255, 255, .08);--glass-white-heavy: rgba(255, 255, 255, .15);--glass-white-light: rgba(255, 255, 255, .05);--glass-dark: rgba(0, 0, 0, .4);--glass-dark-heavy: rgba(0, 0, 0, .6);--bg-page: #1a1a2e;--bg-component: linear-gradient(135deg, rgba(30, 30, 50, .8) 0%, rgba(40, 40, 70, .8) 100%);--bg-card: rgba(30, 30, 50, .6);--bg-card-hover: rgba(40, 40, 65, .8);--text-primary: #e0e0f0;--text-secondary: #9a9ac0;--text-muted: #7a7aa8;--text-link: #5bb4ff;--border-color: rgba(255, 255, 255, .1);--border-light: rgba(255, 255, 255, .05);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .3);--shadow-md: 0 4px 16px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .5);--shadow-glass: 0 8px 32px rgba(0, 0, 0, .3), inset 0 1px 0 rgba(255, 255, 255, .1);--gradient-primary: linear-gradient(135deg, #5bb4ff 0%, #4df0ff 100%);--gradient-secondary: linear-gradient(135deg, #b8a0e0 0%, #ffc8f0 100%);--gradient-accent: linear-gradient(135deg, #ff7aa8 0%, #ffa0bc 100%);--theme-btn-light-glow: 0 4px 20px rgba(79, 172, 254, .3), 0 8px 30px rgba(0, 242, 254, .2), 0 0 60px rgba(79, 172, 254, .15);--theme-btn-light-glow-hover: 0 6px 25px rgba(79, 172, 254, .4), 0 12px 40px rgba(0, 242, 254, .3), 0 0 80px rgba(79, 172, 254, .25)}[data-v-59f03dfd]:root{--bg-page: #f0f4f8}.dark-mode[data-v-59f03dfd]{--bg-page: #1a1a2e}[data-v-59f03dfd]:root{--content-z-index: 1;--theme-transition-z-index: 2;--nav-z-index: 3;--banner-z-index: 4}[data-v-59f03dfd]::view-transition-old(root),[data-v-59f03dfd]::view-transition-new(root){animation:none;mix-blend-mode:normal}[data-v-59f03dfd]::view-transition-old(root){background:var(--bg-page)}[data-v-59f03dfd]::view-transition-new(root){background:var(--bg-page)}html.dark-mode[data-v-59f03dfd]::view-transition-old(root){z-index:1}html.dark-mode[data-v-59f03dfd]::view-transition-new(root){z-index:9999}html[data-v-59f03dfd]:not(.dark-mode)::view-transition-old(root){z-index:9999}html[data-v-59f03dfd]:not(.dark-mode)::view-transition-new(root){z-index:1}.banner-section[data-v-59f03dfd]{position:relative;height:100vh;min-height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden;padding-top:120px;padding-bottom:24px;will-change:opacity,transform}.banner-bg[data-v-59f03dfd]{position:absolute;inset:0;z-index:0;background:linear-gradient(135deg,#e0e7ff,#d1e0fd,#dbeafe,#e0e7ff,#f0f9ff)}.banner-bg-img[data-v-59f03dfd]{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:0;transition:opacity .5s ease}.banner-overlay[data-v-59f03dfd]{position:absolute;inset:0;z-index:1;backdrop-filter:blur(20px) saturate(1.5);-webkit-backdrop-filter:blur(20px) saturate(1.5)}.banner-content[data-v-59f03dfd]{position:relative;z-index:2;width:100%;text-align:center}.banner-content .container[data-v-59f03dfd]{width:100%;max-width:1280px;margin:0 auto;padding:0 24px}.banner-avatar-wrapper[data-v-59f03dfd]{margin-bottom:32px}.banner-avatar[data-v-59f03dfd]{position:relative;display:inline-flex;align-items:center;justify-content:center;width:120px;height:120px;background:linear-gradient(135deg,#ffffff40,#ffffff1a);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);border-radius:50%;box-shadow:var(--shadow-glass)}.avatar-img[data-v-59f03dfd]{width:100%;height:100%;border-radius:50%;object-fit:cover}.avatar-emoji[data-v-59f03dfd]{font-size:56px;line-height:1;user-select:none}.avatar-ring[data-v-59f03dfd]{position:absolute;inset:-8px;border:2px solid transparent;border-top-color:#4facfe;border-radius:50%;animation:spin-59f03dfd 3s linear infinite}.avatar-ring.ring-2[data-v-59f03dfd]{inset:-16px;border-top-color:#a18cd1;animation-duration:5s;animation-direction:reverse}.banner-title[data-v-59f03dfd]{display:flex;flex-direction:column;align-items:center;gap:8px;margin-bottom:24px}.title-greeting[data-v-59f03dfd]{font-size:20px;font-weight:500;color:#6c757d;letter-spacing:2px}.title-name[data-v-59f03dfd]{font-size:56px;font-weight:700;font-family:ZiHun232Hao,筑紫A丸,PingFang SC,sans-serif;color:#4facfe;text-shadow:0 2px 8px rgba(102,126,234,.2);letter-spacing:-1px}.title-role[data-v-59f03dfd]{font-size:18px;font-weight:400;color:#6c757d;padding:4px 24px;background:#ffffff40;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);border-radius:9999px}.banner-description[data-v-59f03dfd]{font-size:18px;color:#495057;line-height:1.75;max-width:600px;margin:0 auto 48px}.banner-actions[data-v-59f03dfd]{display:flex;align-items:center;justify-content:center;gap:16px;margin-bottom:48px}.glass-btn[data-v-59f03dfd]{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:16px 32px;background:linear-gradient(135deg,#ffffff40,#ffffff1a);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);border-radius:9999px;box-shadow:var(--shadow-glass);color:#343a40;font-weight:500;font-size:16px;cursor:pointer;transition:all .3s cubic-bezier(.25,.46,.45,.94);position:relative;overflow:hidden}.glass-btn[data-v-59f03dfd]:hover{background:#ffffff73;box-shadow:0 12px 40px #1f268733,inset 0 1px #ffffff80;transform:translateY(-2px)}.glass-btn[data-v-59f03dfd]:active{transform:translateY(0);box-shadow:var(--shadow-glass)}.glass-btn.glass-btn-primary[data-v-59f03dfd]{background:linear-gradient(135deg,#4facfe,#00f2fe);color:#fff;border:none}.glass-btn.glass-btn-primary[data-v-59f03dfd]:hover{color:#fff;box-shadow:0 8px 25px #4facfe66}.btn-icon[data-v-59f03dfd]{width:18px;height:18px;transition:transform .15s cubic-bezier(.25,.46,.45,.94)}.glass-btn:hover .btn-icon[data-v-59f03dfd]{transform:translate(4px)}.banner-social[data-v-59f03dfd]{display:flex;align-items:center;justify-content:center;gap:16px}.banner-social .social-link[data-v-59f03dfd]{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:linear-gradient(135deg,#ffffff40,#ffffff1a);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);border-radius:50%;box-shadow:var(--shadow-glass);transition:all .15s cubic-bezier(.25,.46,.45,.94)}.banner-social .social-link svg[data-v-59f03dfd]{width:24px;height:24px;color:#495057;transition:color .15s cubic-bezier(.25,.46,.45,.94);display:block}.banner-social .social-link[data-v-59f03dfd]:hover{transform:translateY(-4px) scale(1.1);box-shadow:0 12px 40px #1f268733,inset 0 1px #ffffff80;background:#ffffff73}.banner-social .social-link:hover svg[data-v-59f03dfd]{color:#4facfe}.scroll-indicator[data-v-59f03dfd]{position:absolute;bottom:48px;left:50%;transform:translate(-50%);z-index:2;display:flex;flex-direction:column;align-items:center;gap:8px;animation:bounce-59f03dfd 2s ease-in-out infinite;cursor:pointer}.scroll-mouse[data-v-59f03dfd]{width:26px;height:40px;background:linear-gradient(135deg,#ffffff40,#ffffff1a);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);border-radius:9999px;box-shadow:var(--shadow-glass);display:flex;justify-content:center;padding-top:8px}.scroll-wheel[data-v-59f03dfd]{width:4px;height:8px;background:#4facfe;border-radius:9999px;animation:scrollWheel-59f03dfd 1.5s ease-in-out infinite}.scroll-text[data-v-59f03dfd]{font-size:12px;color:#6c757d;letter-spacing:1px}@keyframes spin-59f03dfd{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes bounce-59f03dfd{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(-10px)}}@keyframes scrollWheel-59f03dfd{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(12px)}}.dark-mode .banner-bg[data-v-59f03dfd]{background:transparent}.dark-mode .banner-avatar[data-v-59f03dfd]{background:var(--glass-white);border-color:var(--border-color)}.dark-mode .title-greeting[data-v-59f03dfd]{color:var(--text-secondary)}.dark-mode .title-name[data-v-59f03dfd]{color:var(--color-primary);text-shadow:0 2px 8px rgba(91,124,250,.3)}.dark-mode .title-role[data-v-59f03dfd]{color:var(--text-secondary);background:var(--glass-white);border-color:var(--border-color)}.dark-mode .banner-description[data-v-59f03dfd]{color:var(--text-secondary)}.dark-mode .glass-btn[data-v-59f03dfd]{background:var(--glass-white);border-color:var(--border-color);color:var(--text-primary)}.dark-mode .glass-btn[data-v-59f03dfd]:hover{background:var(--glass-white-heavy)}.dark-mode .glass-btn.glass-btn-primary[data-v-59f03dfd]{background:var(--gradient-primary);color:var(--color-white)}.dark-mode .banner-social .social-link[data-v-59f03dfd]{background:var(--glass-white);border-color:var(--border-color)}.dark-mode .banner-social .social-link svg[data-v-59f03dfd]{color:var(--text-secondary)}.dark-mode .banner-social .social-link[data-v-59f03dfd]:hover{background:var(--glass-white-heavy)}.dark-mode .banner-social .social-link:hover svg[data-v-59f03dfd]{color:var(--color-primary)}.dark-mode .scroll-mouse[data-v-59f03dfd]{background:var(--glass-white);border-color:var(--border-color)}.dark-mode .scroll-text[data-v-59f03dfd]{color:var(--text-secondary)}@media(max-width:768px){.banner-section[data-v-59f03dfd]{padding-top:104px;padding-bottom:64px}.banner-avatar[data-v-59f03dfd]{width:100px;height:100px}.avatar-emoji[data-v-59f03dfd]{font-size:44px}.title-name[data-v-59f03dfd]{font-size:40px}.title-greeting[data-v-59f03dfd]{font-size:16px}.title-role[data-v-59f03dfd]{font-size:14px}.banner-description[data-v-59f03dfd]{font-size:16px;padding:0 16px}.banner-actions[data-v-59f03dfd]{flex-direction:column;gap:8px}.glass-btn[data-v-59f03dfd]{width:200px;justify-content:center}.scroll-indicator[data-v-59f03dfd]{bottom:24px}}@media(max-width:480px){.title-name[data-v-59f03dfd]{font-size:32px}.banner-description br[data-v-59f03dfd]{display:none}.banner-social .social-link[data-v-59f03dfd]{width:44px;height:44px}.banner-social .social-link svg[data-v-59f03dfd]{width:22px;height:22px}.scroll-indicator[data-v-59f03dfd]{bottom:16px}.scroll-indicator .scroll-text[data-v-59f03dfd]{display:none}}[data-v-d652e32b]:root{--color-primary: #4facfe;--color-primary-light: #00f2fe;--color-primary-dark: #3d8bfe;--color-secondary: #a18cd1;--color-secondary-light: #fbc2eb;--color-accent: #ff6b9d;--color-accent-light: #ff8fab;--color-white: #ffffff;--color-black: #1a1a2e;--color-gray-100: #f8f9fa;--color-gray-200: #e9ecef;--color-gray-300: #dee2e6;--color-gray-400: #ced4da;--color-gray-500: #adb5bd;--color-gray-600: #6c757d;--color-gray-700: #495057;--color-gray-800: #343a40;--color-gray-900: #212529;--glass-white: rgba(255, 255, 255, .25);--glass-white-heavy: rgba(255, 255, 255, .45);--glass-white-light: rgba(255, 255, 255, .1);--glass-dark: rgba(26, 26, 46, .3);--glass-dark-heavy: rgba(26, 26, 46, .6);--bg-page: #f0f4f8;--bg-component: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%);--bg-card: rgba(255, 255, 255, .7);--bg-card-hover: rgba(255, 255, 255, .85);--text-primary: #343a40;--text-secondary: #6c757d;--text-muted: #adb5bd;--text-link: #4facfe;--border-color: rgba(255, 255, 255, .5);--border-light: rgba(255, 255, 255, .3);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .08);--shadow-md: 0 4px 16px rgba(0, 0, 0, .12);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .16);--shadow-glass: 0 8px 32px rgba(31, 38, 135, .15), inset 0 1px 0 rgba(255, 255, 255, .4);--theme-btn-dark-bg: linear-gradient(135deg, #f59e0b 0%, #fbbf24 100%);--theme-btn-dark-bg-hover: linear-gradient(135deg, #d97706 0%, #f59e0b 100%);--theme-btn-dark-shadow-hover: 0 8px 20px rgba(245, 158, 11, .3), 0 4px 8px rgba(245, 158, 11, .2);--theme-btn-light-bg: #0f172a;--theme-btn-light-bg-hover: linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-light) 100%);--theme-btn-light-glow: 0 4px 20px rgba(79, 172, 254, .4), 0 8px 30px rgba(0, 242, 254, .3), 0 0 60px rgba(79, 172, 254, .2);--theme-btn-light-glow-hover: 0 6px 25px rgba(79, 172, 254, .5), 0 12px 40px rgba(0, 242, 254, .4), 0 0 80px rgba(79, 172, 254, .3);--theme-btn-shadow: 0 4px 12px rgba(0, 0, 0, .08), 0 2px 4px rgba(0, 0, 0, .04);--theme-btn-shadow-hover: 0 8px 20px rgba(0, 0, 0, .12), 0 4px 8px rgba(0, 0, 0, .06);--theme-btn-dark-shadow: 0 4px 12px rgba(0, 0, 0, .3), 0 2px 4px rgba(0, 0, 0, .2);--theme-btn-dark-shadow-hover: 0 8px 20px rgba(0, 0, 0, .4), 0 4px 8px rgba(0, 0, 0, .3);--tooltip-bg: #ffffff;--tooltip-text: #1e1b4b;--banner-title-color: #ffffff;--gradient-primary: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--gradient-secondary: linear-gradient(135deg, #a18cd1 0%, #fbc2eb 100%);--gradient-accent: linear-gradient(135deg, #ff6b9d 0%, #ff8fab 100%)}.dark-mode[data-v-d652e32b]{--color-primary: #5bb4ff;--color-primary-light: #4df0ff;--color-primary-dark: #4a9eff;--color-secondary: #b8a0e0;--color-secondary-light: #ffc8f0;--color-accent: #ff7aa8;--color-accent-light: #ffa0bc;--color-white: #f0f0f5;--color-black: #0f0f1a;--color-gray-100: #1a1a2e;--color-gray-200: #242442;--color-gray-300: #2d2d52;--color-gray-400: #3d3d6d;--color-gray-500: #5a5a8a;--color-gray-600: #7a7aa8;--color-gray-700: #9a9ac0;--color-gray-800: #babad8;--color-gray-900: #e0e0f0;--glass-white: rgba(255, 255, 255, .08);--glass-white-heavy: rgba(255, 255, 255, .15);--glass-white-light: rgba(255, 255, 255, .05);--glass-dark: rgba(0, 0, 0, .4);--glass-dark-heavy: rgba(0, 0, 0, .6);--bg-page: #1a1a2e;--bg-component: linear-gradient(135deg, rgba(30, 30, 50, .8) 0%, rgba(40, 40, 70, .8) 100%);--bg-card: rgba(30, 30, 50, .6);--bg-card-hover: rgba(40, 40, 65, .8);--text-primary: #e0e0f0;--text-secondary: #9a9ac0;--text-muted: #7a7aa8;--text-link: #5bb4ff;--border-color: rgba(255, 255, 255, .1);--border-light: rgba(255, 255, 255, .05);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .3);--shadow-md: 0 4px 16px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .5);--shadow-glass: 0 8px 32px rgba(0, 0, 0, .3), inset 0 1px 0 rgba(255, 255, 255, .1);--gradient-primary: linear-gradient(135deg, #5bb4ff 0%, #4df0ff 100%);--gradient-secondary: linear-gradient(135deg, #b8a0e0 0%, #ffc8f0 100%);--gradient-accent: linear-gradient(135deg, #ff7aa8 0%, #ffa0bc 100%);--theme-btn-light-glow: 0 4px 20px rgba(79, 172, 254, .3), 0 8px 30px rgba(0, 242, 254, .2), 0 0 60px rgba(79, 172, 254, .15);--theme-btn-light-glow-hover: 0 6px 25px rgba(79, 172, 254, .4), 0 12px 40px rgba(0, 242, 254, .3), 0 0 80px rgba(79, 172, 254, .25)}[data-v-d652e32b]:root{--bg-page: #f0f4f8}.dark-mode[data-v-d652e32b]{--bg-page: #1a1a2e}[data-v-d652e32b]:root{--content-z-index: 1;--theme-transition-z-index: 2;--nav-z-index: 3;--banner-z-index: 4}[data-v-d652e32b]::view-transition-old(root),[data-v-d652e32b]::view-transition-new(root){animation:none;mix-blend-mode:normal}[data-v-d652e32b]::view-transition-old(root){background:var(--bg-page)}[data-v-d652e32b]::view-transition-new(root){background:var(--bg-page)}html.dark-mode[data-v-d652e32b]::view-transition-old(root){z-index:1}html.dark-mode[data-v-d652e32b]::view-transition-new(root){z-index:9999}html[data-v-d652e32b]:not(.dark-mode)::view-transition-old(root){z-index:9999}html[data-v-d652e32b]:not(.dark-mode)::view-transition-new(root){z-index:1}.character-card[data-v-d652e32b]{background:linear-gradient(135deg,#ffffff40,#ffffff1a);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.3);border-radius:24px;box-shadow:var(--shadow-glass);transition:all .3s cubic-bezier(.25,.46,.45,.94)}.character-card[data-v-d652e32b]:hover{background:#ffffff73;box-shadow:0 12px 40px #1f268733,inset 0 1px #ffffff80;transform:translateY(-4px)}.character-card[data-v-d652e32b]{padding:32px;display:flex;flex-direction:column;align-items:center;text-align:center;height:100%;position:relative;overflow:visible;text-decoration:none;cursor:pointer}.character-card[data-v-d652e32b]:before{content:"";position:absolute;top:-50%;right:-50%;width:100%;height:100%;background:radial-gradient(circle,rgba(79,172,254,.08) 0%,transparent 70%);pointer-events:none;border-radius:24px}.character-card.single[data-v-d652e32b]{max-width:480px;margin:0 auto;padding:48px}.character-card.single .character-avatar[data-v-d652e32b],.character-card.single .character-avatar .avatar-img[data-v-d652e32b]{width:140px;height:140px}.character-card.single .character-name[data-v-d652e32b]{font-size:32px}.character-card.single .character-description[data-v-d652e32b]{font-size:18px}.organization-badge[data-v-d652e32b]{position:absolute;top:-8px;left:-8px;padding:4px 8px;border-radius:9999px;font-size:12px;font-weight:600;color:#fff;z-index:20;box-shadow:0 4px 15px #0003,0 2px 6px #00000026;transform:rotate(-12deg);transform-origin:center center;transition:all .3s cubic-bezier(.68,-.55,.265,1.55);border:2px solid rgba(255,255,255,.5)}.organization-badge[data-v-d652e32b]:hover{transform:rotate(-8deg) translateY(-4px) scale(1.05);box-shadow:0 8px 25px #00000040,0 4px 12px #0003}.organization-badge.category-primary[data-v-d652e32b]{background:linear-gradient(135deg,#4facfe,#00f2fe)}.organization-badge.category-secondary[data-v-d652e32b]{background:linear-gradient(135deg,#a18cd1,#fbc2eb)}.organization-badge.category-accent[data-v-d652e32b]{background:linear-gradient(135deg,#ff6b9d,#ff8fab)}.organization-badge.category-info[data-v-d652e32b]{background:linear-gradient(135deg,#60a5fa,#3b82f6)}.organization-badge.category-success[data-v-d652e32b]{background:linear-gradient(135deg,#34d399,#10b981)}.organization-badge.category-warning[data-v-d652e32b]{background:linear-gradient(135deg,#fbbf24,#f59e0b)}.organization-badge.category-danger[data-v-d652e32b]{background:linear-gradient(135deg,#f87171,#ef4444)}.organization-badge.category-cyan[data-v-d652e32b]{background:linear-gradient(135deg,#22d3ee,#06b6d4)}.organization-badge.category-teal[data-v-d652e32b]{background:linear-gradient(135deg,#2dd4bf,#14b8a6)}.organization-badge.category-indigo[data-v-d652e32b]{background:linear-gradient(135deg,#818cf8,#6366f1)}.organization-badge.category-violet[data-v-d652e32b]{background:linear-gradient(135deg,#a78bfa,#8b5cf6)}.organization-badge.category-fuchsia[data-v-d652e32b]{background:linear-gradient(135deg,#e879f9,#d946ef)}.organization-badge.category-rose[data-v-d652e32b]{background:linear-gradient(135deg,#fb7185,#f43f5e)}.organization-badge.category-amber[data-v-d652e32b]{background:linear-gradient(135deg,#fbbf24,#f59e0b)}.organization-badge.category-lime[data-v-d652e32b]{background:linear-gradient(135deg,#a3e635,#84cc16)}.organization-badge.category-emerald[data-v-d652e32b]{background:linear-gradient(135deg,#34d399,#10b981)}.organization-badge.category-sky[data-v-d652e32b]{background:linear-gradient(135deg,#38bdf8,#0ea5e9)}.organization-badge.category-slate[data-v-d652e32b]{background:linear-gradient(135deg,#94a3b8,#64748b)}.organization-badge.category-coral[data-v-d652e32b]{background:linear-gradient(135deg,#ff7f7f,#ff6b6b)}.organization-badge.category-lavender[data-v-d652e32b]{background:linear-gradient(135deg,#c4b5fd,#a78bfa)}.organization-badge.category-mint[data-v-d652e32b]{background:linear-gradient(135deg,#6ee7b7,#34d399)}.organization-badge.category-peach[data-v-d652e32b]{background:linear-gradient(135deg,#fdba74,#fb923c)}.organization-badge.category-gold[data-v-d652e32b]{background:linear-gradient(135deg,#fcd34d,#fbbf24)}.organization-badge.category-silver[data-v-d652e32b]{background:linear-gradient(135deg,#e2e8f0,#94a3b8)}.organization-badge.category-cherry[data-v-d652e32b]{background:linear-gradient(135deg,#f43f5e,#e11d48)}.organization-badge.category-ocean[data-v-d652e32b]{background:linear-gradient(135deg,#0ea5e9,#0284c7)}.character-avatar-wrapper[data-v-d652e32b]{position:relative;margin-bottom:24px}.character-avatar[data-v-d652e32b]{position:relative;width:100px;height:100px}.character-avatar .avatar-img[data-v-d652e32b]{width:100px;height:100px;border-radius:50%;object-fit:cover;border:3px solid #ffffff;box-shadow:var(--shadow-md);position:relative;z-index:2;transition:transform .3s cubic-bezier(.25,.46,.45,.94)}.character-avatar .avatar-ring[data-v-d652e32b]{position:absolute;inset:-8px;border:2px solid transparent;border-top-color:#4facfe;border-radius:50%;animation:spin-d652e32b 8s linear infinite;z-index:1}.character-avatar .avatar-ring.ring-2[data-v-d652e32b]{inset:-16px;border-top-color:#a18cd1;animation-duration:12s;animation-direction:reverse}.character-avatar:hover .avatar-img[data-v-d652e32b]{transform:scale(1.05)}@keyframes spin-d652e32b{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.character-info[data-v-d652e32b]{display:flex;flex-direction:column;align-items:center;gap:16px;flex:1}.character-name[data-v-d652e32b]{font-size:24px;font-weight:700;font-family:ZiHun232Hao,筑紫A丸,PingFang SC,sans-serif;color:#343a40;margin:0}.character-catchphrase[data-v-d652e32b]{font-size:14px;color:#4facfe;font-style:italic;margin:0;line-height:1.5}.character-catchphrase .quote-mark[data-v-d652e32b]{color:#a18cd1;font-size:20px;font-family:Georgia,serif}.character-description[data-v-d652e32b]{font-size:16px;color:#6c757d;line-height:1.75;margin:0;flex:1}.character-skills[data-v-d652e32b]{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:auto}.skill-tag[data-v-d652e32b]{padding:4px 16px;background:#ffffff40;border-radius:9999px;font-size:12px;font-weight:500;color:#495057;border:1px solid rgba(79,172,254,.2);transition:all .15s cubic-bezier(.25,.46,.45,.94)}.skill-tag[data-v-d652e32b]:hover{transform:translateY(-2px);box-shadow:var(--shadow-sm)}.skill-tag[data-color="0"][data-v-d652e32b]{background:#4facfe1a;border-color:#4facfe4d;color:#3d8bfe}.skill-tag[data-color="1"][data-v-d652e32b]{background:#a18cd11a;border-color:#a18cd14d;color:#a18cd1}.skill-tag[data-color="2"][data-v-d652e32b]{background:#ff6b9d1a;border-color:#ff6b9d4d;color:#ff6b9d}.skill-tag[data-color="3"][data-v-d652e32b]{background:#00f2fe26;border-color:#00f2fe66;color:#00a9b2}.skill-tag[data-color="4"][data-v-d652e32b]{background:#6c757d1a;border-color:#6c757d4d;color:#495057}.character-social[data-v-d652e32b]{display:flex;justify-content:center;gap:16px;margin-top:16px;padding-top:16px;border-top:1px solid rgba(206,212,218,.3);width:100%}.social-link[data-v-d652e32b]{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:#ffffff40;color:#6c757d;transition:all .15s cubic-bezier(.25,.46,.45,.94)}.social-link[data-v-d652e32b]:hover{background:linear-gradient(135deg,#4facfe,#00f2fe);color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #4facfe4d}.social-link[data-v-d652e32b] svg{width:18px;height:18px}.dark-mode .character-card[data-v-d652e32b]{background:var(--bg-card);border-color:var(--border-color)}.dark-mode .character-card[data-v-d652e32b]:hover{background:var(--bg-card-hover)}.dark-mode .character-name[data-v-d652e32b]{color:var(--text-primary)}.dark-mode .character-catchphrase[data-v-d652e32b]{color:var(--color-primary)}.dark-mode .character-catchphrase .quote-mark[data-v-d652e32b]{color:var(--color-secondary)}.dark-mode .character-description[data-v-d652e32b]{color:var(--text-secondary)}.dark-mode .skill-tag[data-v-d652e32b]{background:var(--glass-white);border-color:var(--border-color);color:var(--text-secondary)}.dark-mode .skill-tag[data-v-d652e32b]:nth-child(5n+1){background:linear-gradient(135deg,#4facfe33,#00f2fe26);border-color:#4facfe66;color:#5bb4ff}.dark-mode .skill-tag[data-v-d652e32b]:nth-child(5n+2){background:linear-gradient(135deg,#a18cd133,#fbc2eb26);border-color:#a18cd166;color:#b8a0e0}.dark-mode .skill-tag[data-v-d652e32b]:nth-child(5n+3){background:linear-gradient(135deg,#ff6b9d33,#ff8fab26);border-color:#ff6b9d66;color:#ff7aa8}.dark-mode .skill-tag[data-v-d652e32b]:nth-child(5n+4){background:linear-gradient(135deg,#60a5fa33,#3b82f626);border-color:#60a5fa66;color:#6aa8ff}.dark-mode .skill-tag[data-v-d652e32b]:nth-child(5n+5){background:linear-gradient(135deg,#fbbf2433,#f59e0b26);border-color:#fbbf2466;color:#fbbf24}.dark-mode .character-social[data-v-d652e32b]{border-color:var(--border-color)}.dark-mode .social-link[data-v-d652e32b]{background:var(--glass-white);color:var(--text-secondary)}.dark-mode .social-link[data-v-d652e32b]:hover{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-light) 100%);color:var(--color-white)}@media(max-width:768px){.character-card[data-v-d652e32b]{padding:24px}.character-card.single[data-v-d652e32b]{max-width:100%;padding:32px}.character-card.single .character-avatar[data-v-d652e32b],.character-card.single .character-avatar .avatar-img[data-v-d652e32b]{width:120px;height:120px}.character-avatar[data-v-d652e32b],.character-avatar .avatar-img[data-v-d652e32b]{width:90px;height:90px}.character-name[data-v-d652e32b]{font-size:20px}.character-description[data-v-d652e32b]{font-size:14px}}.character-section{position:relative;padding:96px 0;background:var(--bg-page);overflow:hidden}.character-section:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 20% 30%,rgba(79,172,254,.08) 0%,transparent 50%),radial-gradient(ellipse at 80% 70%,rgba(161,140,209,.08) 0%,transparent 50%);pointer-events:none}.characters-container{display:grid;gap:32px;opacity:0;transform:translateY(40px);transition:all .5s cubic-bezier(.25,.46,.45,.94);padding:16px}.characters-container.active{opacity:1;transform:translateY(0)}.characters-container.single{display:flex;justify-content:center;max-width:520px;margin:0 auto}.characters-container.single :deep(.character-card){width:100%}.characters-container.multiple{grid-template-columns:repeat(3,1fr);max-width:1200px;margin:0 auto}.characters-container.multiple:has(>:nth-child(2):last-child){grid-template-columns:repeat(2,1fr);max-width:900px}.characters-container.multiple:has(>:nth-child(3)){grid-template-columns:repeat(3,1fr)}.characters-container :deep(.character-card){opacity:0;transform:translateY(30px) scale(.95);transition:all .5s cubic-bezier(.25,.46,.45,.94)}.characters-container :deep(.character-card).active{opacity:1;transform:translateY(0) scale(1)}.view-more-container{text-align:center;margin-top:48px;opacity:0;transform:translateY(20px);transition:all .5s cubic-bezier(.25,.46,.45,.94);transition-delay:.4s}.view-more-container.active{opacity:1;transform:translateY(0)}.view-more-btn{display:inline-flex;align-items:center;gap:8px;padding:16px 32px;background:linear-gradient(135deg,#4facfe,#00f2fe);border:none;border-radius:9999px;box-shadow:0 8px 25px #4facfe59;color:#fff;font-size:16px;font-weight:500;transition:all .3s cubic-bezier(.25,.46,.45,.94);text-decoration:none}.view-more-btn:hover{background:linear-gradient(135deg,#3d8bfe,#4facfe);box-shadow:0 12px 35px #4facfe80;transform:translateY(-2px)}.view-more-btn:hover svg{transform:translate(4px)}.view-more-btn svg{transition:transform .15s cubic-bezier(.25,.46,.45,.94)}@media(min-width:769px)and (max-width:1024px){.characters-container.multiple{grid-template-columns:repeat(2,1fr)!important;max-width:800px;padding:16px 24px}}@media(max-width:768px){.character-section{padding:64px 0}.characters-container{gap:24px;padding:16px 24px}.characters-container.multiple{grid-template-columns:1fr!important;max-width:100%}}@media(min-width:1400px){.characters-container.multiple{gap:48px;max-width:1320px}}.characters-page-section{position:relative;width:100%;padding:120px 0 96px;min-height:calc(100vh - 72px);background:var(--bg-page)}.characters-page-section .container{width:100%;max-width:1280px;margin:0 auto;padding:0 24px;position:relative;z-index:2}.section-header{text-align:center;margin-bottom:48px}.characters-filter{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:32px}.filter-btn{padding:8px 24px;border-radius:9999px;font-size:14px;font-weight:500;transition:all .15s cubic-bezier(.25,.46,.45,.94);background:#ffffff40;color:#495057;border:1px solid rgba(206,212,218,.3);cursor:pointer}.filter-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-sm)}.filter-btn.active{background:linear-gradient(135deg,#4facfe,#00f2fe);color:#fff;border-color:transparent}.filter-btn.category-primary.active{background:linear-gradient(135deg,#4facfe,#00f2fe)}.filter-btn.category-secondary.active{background:linear-gradient(135deg,#a18cd1,#fbc2eb)}.filter-btn.category-accent.active{background:linear-gradient(135deg,#ff6b9d,#ff8fab)}.filter-btn.category-info.active{background:linear-gradient(135deg,#60a5fa,#3b82f6)}.filter-btn.category-success.active{background:linear-gradient(135deg,#34d399,#10b981)}.filter-btn.category-warning.active{background:linear-gradient(135deg,#fbbf24,#f59e0b)}.filter-btn.category-danger.active{background:linear-gradient(135deg,#f87171,#ef4444)}.filter-btn.category-cyan.active{background:linear-gradient(135deg,#22d3ee,#06b6d4)}.filter-btn.category-teal.active{background:linear-gradient(135deg,#2dd4bf,#14b8a6)}.filter-btn.category-indigo.active{background:linear-gradient(135deg,#818cf8,#6366f1)}.filter-btn.category-violet.active{background:linear-gradient(135deg,#a78bfa,#8b5cf6)}.filter-btn.category-fuchsia.active{background:linear-gradient(135deg,#e879f9,#d946ef)}.filter-btn.category-rose.active{background:linear-gradient(135deg,#fb7185,#f43f5e)}.filter-btn.category-amber.active{background:linear-gradient(135deg,#fbbf24,#f59e0b)}.filter-btn.category-lime.active{background:linear-gradient(135deg,#a3e635,#84cc16)}.filter-btn.category-emerald.active{background:linear-gradient(135deg,#34d399,#10b981)}.filter-btn.category-sky.active{background:linear-gradient(135deg,#38bdf8,#0ea5e9)}.filter-btn.category-slate.active{background:linear-gradient(135deg,#94a3b8,#64748b)}.filter-btn.category-coral.active{background:linear-gradient(135deg,#ff7f7f,#ff6b6b)}.filter-btn.category-lavender.active{background:linear-gradient(135deg,#c4b5fd,#a78bfa)}.filter-btn.category-mint.active{background:linear-gradient(135deg,#6ee7b7,#34d399)}.filter-btn.category-peach.active{background:linear-gradient(135deg,#fdba74,#fb923c)}.filter-btn.category-gold.active{background:linear-gradient(135deg,#fcd34d,#fbbf24)}.filter-btn.category-silver.active{background:linear-gradient(135deg,#e2e8f0,#94a3b8)}.filter-btn.category-cherry.active{background:linear-gradient(135deg,#f43f5e,#e11d48)}.filter-btn.category-ocean.active{background:linear-gradient(135deg,#0ea5e9,#0284c7)}.characters-search{margin-bottom:48px}.search-input-wrapper{position:relative;max-width:600px;margin:0 auto}.search-icon{position:absolute;left:24px;top:50%;transform:translateY(-50%);width:20px;height:20px;color:#adb5bd;pointer-events:none}.search-input{width:100%;padding:16px 32px 16px 64px;border-radius:9999px;border:1px solid rgba(206,212,218,.3);background:#ffffff40;backdrop-filter:blur(10px);font-size:16px;color:#343a40;transition:all .15s cubic-bezier(.25,.46,.45,.94)}.search-input::placeholder{color:#adb5bd}.search-input:focus{outline:none;border-color:#4facfe;box-shadow:0 0 0 3px #4facfe1a}.search-clear{position:absolute;right:16px;top:50%;transform:translateY(-50%);width:24px;height:24px;border-radius:50%;background:#ced4da33;color:#6c757d;display:flex;align-items:center;justify-content:center;transition:all .15s cubic-bezier(.25,.46,.45,.94);border:none;cursor:pointer}.search-clear:hover{background:#ced4da66;color:#343a40}.search-clear svg{width:14px;height:14px}.search-result{display:block;text-align:center;margin-top:16px;font-size:14px;color:#6c757d}.characters-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-bottom:64px;align-items:stretch}.character-card-wrapper{opacity:0;transform:translateY(30px);animation:fadeInUp .6s cubic-bezier(.25,.46,.45,.94) forwards;text-decoration:none;color:inherit;display:block;padding-top:16px}.character-card-wrapper.hidden{display:none}.character-card-wrapper:hover{color:inherit}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}.character-card{background:linear-gradient(135deg,#ffffff40,#ffffff1a);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.3);border-radius:24px;box-shadow:var(--shadow-glass);transition:all .3s cubic-bezier(.25,.46,.45,.94)}.character-card:hover{background:#ffffff73;box-shadow:0 12px 40px #1f268733,inset 0 1px #ffffff80;transform:translateY(-4px)}.character-card{padding:32px;display:flex;flex-direction:column;align-items:center;text-align:center;height:100%;width:100%;position:relative;overflow:visible}.character-card:before{content:"";position:absolute;top:-50%;right:-50%;width:100%;height:100%;background:radial-gradient(circle,rgba(79,172,254,.08) 0%,transparent 70%);pointer-events:none;border-radius:24px}.card-click-link{position:absolute;inset:0;z-index:10;border-radius:24px}.organization-badge{position:absolute;top:0;left:0;padding:4px 16px;border-radius:9999px;font-size:12px;font-weight:600;color:#fff;z-index:20;box-shadow:0 4px 15px #0003,0 2px 6px #00000026;transform:translate(-30%,-30%) rotate(-12deg);transform-origin:center center;transition:all .3s cubic-bezier(.68,-.55,.265,1.55);border:2px solid rgba(255,255,255,.5)}.organization-badge:hover{transform:translate(-30%,-40%) rotate(-8deg) scale(1.05);box-shadow:0 8px 25px #00000040,0 4px 12px #0003}.organization-badge.category-primary{background:linear-gradient(135deg,#4facfe,#00f2fe)}.organization-badge.category-secondary{background:linear-gradient(135deg,#a18cd1,#fbc2eb)}.organization-badge.category-accent{background:linear-gradient(135deg,#ff6b9d,#ff8fab)}.organization-badge.category-info{background:linear-gradient(135deg,#60a5fa,#3b82f6)}.organization-badge.category-success{background:linear-gradient(135deg,#34d399,#10b981)}.organization-badge.category-warning{background:linear-gradient(135deg,#fbbf24,#f59e0b)}.organization-badge.category-danger{background:linear-gradient(135deg,#f87171,#ef4444)}.organization-badge.category-cyan{background:linear-gradient(135deg,#22d3ee,#06b6d4)}.organization-badge.category-teal{background:linear-gradient(135deg,#2dd4bf,#14b8a6)}.organization-badge.category-indigo{background:linear-gradient(135deg,#818cf8,#6366f1)}.organization-badge.category-violet{background:linear-gradient(135deg,#a78bfa,#8b5cf6)}.organization-badge.category-fuchsia{background:linear-gradient(135deg,#e879f9,#d946ef)}.organization-badge.category-rose{background:linear-gradient(135deg,#fb7185,#f43f5e)}.organization-badge.category-amber{background:linear-gradient(135deg,#fbbf24,#f59e0b)}.organization-badge.category-lime{background:linear-gradient(135deg,#a3e635,#84cc16)}.organization-badge.category-emerald{background:linear-gradient(135deg,#34d399,#10b981)}.organization-badge.category-sky{background:linear-gradient(135deg,#38bdf8,#0ea5e9)}.organization-badge.category-slate{background:linear-gradient(135deg,#94a3b8,#64748b)}.organization-badge.category-coral{background:linear-gradient(135deg,#ff7f7f,#ff6b6b)}.organization-badge.category-lavender{background:linear-gradient(135deg,#c4b5fd,#a78bfa)}.organization-badge.category-mint{background:linear-gradient(135deg,#6ee7b7,#34d399)}.organization-badge.category-peach{background:linear-gradient(135deg,#fdba74,#fb923c)}.organization-badge.category-gold{background:linear-gradient(135deg,#fcd34d,#fbbf24)}.organization-badge.category-silver{background:linear-gradient(135deg,#e2e8f0,#94a3b8)}.organization-badge.category-cherry{background:linear-gradient(135deg,#f43f5e,#e11d48)}.organization-badge.category-ocean{background:linear-gradient(135deg,#0ea5e9,#0284c7)}.character-avatar-wrapper{position:relative;margin-bottom:24px}.character-avatar{position:relative;width:120px;height:120px}.character-avatar .avatar-img{width:120px;height:120px;border-radius:50%;object-fit:cover;border:3px solid #ffffff;box-shadow:var(--shadow-md);position:relative;z-index:2;transition:transform .3s cubic-bezier(.25,.46,.45,.94)}.character-avatar .avatar-ring{position:absolute;inset:-8px;border:2px solid transparent;border-top-color:#4facfe;border-radius:50%;animation:spin 8s linear infinite;z-index:1}.character-avatar .avatar-ring.ring-2{inset:-16px;border-top-color:#a18cd1;animation-duration:12s;animation-direction:reverse}.character-avatar:hover .avatar-img{transform:scale(1.05)}.character-info{display:flex;flex-direction:column;align-items:center;gap:16px;flex:1;width:100%}.character-name{font-size:24px;font-weight:700;font-family:ZiHun232Hao,筑紫A丸,PingFang SC,sans-serif;color:#343a40;margin:0}.character-catchphrase{font-size:14px;color:#4facfe;font-style:italic;margin:0;line-height:1.5}.character-catchphrase .quote-mark{color:#a18cd1;font-size:20px;font-family:Georgia,serif}.character-description{font-size:16px;color:#6c757d;line-height:1.75;margin:0;flex:1;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.character-skills{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:auto}.skill-tag{padding:4px 16px;border-radius:9999px;font-size:12px;font-weight:500;cursor:pointer;transition:all .15s cubic-bezier(.25,.46,.45,.94);border:1px solid transparent}.skill-tag:hover{transform:translateY(-2px);box-shadow:var(--shadow-sm)}.skill-tag:nth-child(5n+1){background:linear-gradient(135deg,#4facfe26,#00f2fe26);border-color:#4facfe4d;color:#3d8bfe}.skill-tag:nth-child(5n+2){background:linear-gradient(135deg,#a18cd126,#fbc2eb26);border-color:#a18cd14d;color:#8b7bc7}.skill-tag:nth-child(5n+3){background:linear-gradient(135deg,#ff6b9d26,#ff8fab26);border-color:#ff6b9d4d;color:#e85a8a}.skill-tag:nth-child(5n+4){background:linear-gradient(135deg,#60a5fa26,#3b82f626);border-color:#60a5fa4d;color:#2563eb}.skill-tag:nth-child(5n+5){background:linear-gradient(135deg,#fbbf2426,#f59e0b26);border-color:#fbbf244d;color:#d97706}.character-social{display:flex;justify-content:center;gap:16px;margin-top:16px;padding-top:16px;border-top:1px solid rgba(206,212,218,.3);width:100%}.social-link{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:#ffffff40;color:#6c757d;transition:all .15s cubic-bezier(.25,.46,.45,.94)}.social-link:hover{background:linear-gradient(135deg,#4facfe,#00f2fe);color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #4facfe4d}.social-link svg{width:18px;height:18px}.empty-state{text-align:center;padding:96px 0;color:#6c757d}.empty-state .empty-icon{width:80px;height:80px;margin:0 auto 24px;color:#ced4da}.empty-state .empty-icon svg{width:100%;height:100%}.empty-state p{font-size:20px;margin-bottom:24px}.reset-btn{padding:16px 32px;border-radius:9999px;background:linear-gradient(135deg,#4facfe,#00f2fe);color:#fff;font-weight:500;transition:all .15s cubic-bezier(.25,.46,.45,.94);border:none;cursor:pointer}.reset-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #4facfe4d}@media(min-width:769px)and (max-width:1024px){.characters-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.characters-page-section{padding:104px 0 96px}.characters-grid{grid-template-columns:1fr;max-width:400px;margin:0 auto 64px}.section-title{font-size:32px}.section-subtitle{font-size:16px;padding:0 16px}.character-avatar,.character-avatar .avatar-img{width:100px;height:100px}.character-name{font-size:20px}.character-description{font-size:14px}.filter-btn{padding:4px 16px;font-size:12px}}@media(min-width:1400px){.characters-grid{gap:48px}}.dark-mode .character-section:before{background:radial-gradient(ellipse at 20% 30%,rgba(79,172,254,.05) 0%,transparent 50%),radial-gradient(ellipse at 80% 70%,rgba(161,140,209,.05) 0%,transparent 50%)}.dark-mode .character-card{background:var(--bg-card);border-color:var(--border-color)}.dark-mode .character-card:hover{background:var(--bg-card-hover)}.dark-mode .character-card:before{background:radial-gradient(circle,rgba(79,172,254,.05) 0%,transparent 70%)}.dark-mode .character-name{color:var(--text-primary)}.dark-mode .character-catchphrase{color:var(--color-primary)}.dark-mode .character-catchphrase .quote-mark{color:var(--color-secondary)}.dark-mode .character-description{color:var(--text-secondary)}.dark-mode .skill-tag:nth-child(5n+1){background:linear-gradient(135deg,#4facfe33,#00f2fe26);border-color:#4facfe66;color:#5bb4ff}.dark-mode .skill-tag:nth-child(5n+2){background:linear-gradient(135deg,#a18cd133,#fbc2eb26);border-color:#a18cd166;color:#b8a0e0}.dark-mode .skill-tag:nth-child(5n+3){background:linear-gradient(135deg,#ff6b9d33,#ff8fab26);border-color:#ff6b9d66;color:#ff7aa8}.dark-mode .skill-tag:nth-child(5n+4){background:linear-gradient(135deg,#60a5fa33,#3b82f626);border-color:#60a5fa66;color:#6aa8ff}.dark-mode .skill-tag:nth-child(5n+5){background:linear-gradient(135deg,#fbbf2433,#f59e0b26);border-color:#fbbf2466;color:#fbbf24}.dark-mode .character-social{border-color:var(--border-color)}.dark-mode .social-link{background:var(--glass-white)}.dark-mode .social-link:hover{background:var(--gradient-primary)}.dark-mode .search-input{background:var(--glass-white);border-color:var(--border-color);color:var(--text-primary)}.dark-mode .search-input::placeholder{color:var(--text-muted)}.dark-mode .search-input:focus{border-color:var(--color-primary)}.dark-mode .search-clear{background:var(--glass-white);color:var(--text-muted)}.dark-mode .search-clear:hover{background:var(--glass-white-heavy);color:var(--text-secondary)}.dark-mode .search-result,.dark-mode .empty-state{color:var(--text-secondary)}.dark-mode .empty-state .empty-icon{color:var(--text-muted)}.dark-mode .reset-btn{background:var(--gradient-primary);color:var(--color-white)}[data-v-c57a13ae]:root{--color-primary: #4facfe;--color-primary-light: #00f2fe;--color-primary-dark: #3d8bfe;--color-secondary: #a18cd1;--color-secondary-light: #fbc2eb;--color-accent: #ff6b9d;--color-accent-light: #ff8fab;--color-white: #ffffff;--color-black: #1a1a2e;--color-gray-100: #f8f9fa;--color-gray-200: #e9ecef;--color-gray-300: #dee2e6;--color-gray-400: #ced4da;--color-gray-500: #adb5bd;--color-gray-600: #6c757d;--color-gray-700: #495057;--color-gray-800: #343a40;--color-gray-900: #212529;--glass-white: rgba(255, 255, 255, .25);--glass-white-heavy: rgba(255, 255, 255, .45);--glass-white-light: rgba(255, 255, 255, .1);--glass-dark: rgba(26, 26, 46, .3);--glass-dark-heavy: rgba(26, 26, 46, .6);--bg-page: #f0f4f8;--bg-component: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%);--bg-card: rgba(255, 255, 255, .7);--bg-card-hover: rgba(255, 255, 255, .85);--text-primary: #343a40;--text-secondary: #6c757d;--text-muted: #adb5bd;--text-link: #4facfe;--border-color: rgba(255, 255, 255, .5);--border-light: rgba(255, 255, 255, .3);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .08);--shadow-md: 0 4px 16px rgba(0, 0, 0, .12);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .16);--shadow-glass: 0 8px 32px rgba(31, 38, 135, .15), inset 0 1px 0 rgba(255, 255, 255, .4);--theme-btn-dark-bg: linear-gradient(135deg, #f59e0b 0%, #fbbf24 100%);--theme-btn-dark-bg-hover: linear-gradient(135deg, #d97706 0%, #f59e0b 100%);--theme-btn-dark-shadow-hover: 0 8px 20px rgba(245, 158, 11, .3), 0 4px 8px rgba(245, 158, 11, .2);--theme-btn-light-bg: #0f172a;--theme-btn-light-bg-hover: linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-light) 100%);--theme-btn-light-glow: 0 4px 20px rgba(79, 172, 254, .4), 0 8px 30px rgba(0, 242, 254, .3), 0 0 60px rgba(79, 172, 254, .2);--theme-btn-light-glow-hover: 0 6px 25px rgba(79, 172, 254, .5), 0 12px 40px rgba(0, 242, 254, .4), 0 0 80px rgba(79, 172, 254, .3);--theme-btn-shadow: 0 4px 12px rgba(0, 0, 0, .08), 0 2px 4px rgba(0, 0, 0, .04);--theme-btn-shadow-hover: 0 8px 20px rgba(0, 0, 0, .12), 0 4px 8px rgba(0, 0, 0, .06);--theme-btn-dark-shadow: 0 4px 12px rgba(0, 0, 0, .3), 0 2px 4px rgba(0, 0, 0, .2);--theme-btn-dark-shadow-hover: 0 8px 20px rgba(0, 0, 0, .4), 0 4px 8px rgba(0, 0, 0, .3);--tooltip-bg: #ffffff;--tooltip-text: #1e1b4b;--banner-title-color: #ffffff;--gradient-primary: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--gradient-secondary: linear-gradient(135deg, #a18cd1 0%, #fbc2eb 100%);--gradient-accent: linear-gradient(135deg, #ff6b9d 0%, #ff8fab 100%)}.dark-mode[data-v-c57a13ae]{--color-primary: #5bb4ff;--color-primary-light: #4df0ff;--color-primary-dark: #4a9eff;--color-secondary: #b8a0e0;--color-secondary-light: #ffc8f0;--color-accent: #ff7aa8;--color-accent-light: #ffa0bc;--color-white: #f0f0f5;--color-black: #0f0f1a;--color-gray-100: #1a1a2e;--color-gray-200: #242442;--color-gray-300: #2d2d52;--color-gray-400: #3d3d6d;--color-gray-500: #5a5a8a;--color-gray-600: #7a7aa8;--color-gray-700: #9a9ac0;--color-gray-800: #babad8;--color-gray-900: #e0e0f0;--glass-white: rgba(255, 255, 255, .08);--glass-white-heavy: rgba(255, 255, 255, .15);--glass-white-light: rgba(255, 255, 255, .05);--glass-dark: rgba(0, 0, 0, .4);--glass-dark-heavy: rgba(0, 0, 0, .6);--bg-page: #1a1a2e;--bg-component: linear-gradient(135deg, rgba(30, 30, 50, .8) 0%, rgba(40, 40, 70, .8) 100%);--bg-card: rgba(30, 30, 50, .6);--bg-card-hover: rgba(40, 40, 65, .8);--text-primary: #e0e0f0;--text-secondary: #9a9ac0;--text-muted: #7a7aa8;--text-link: #5bb4ff;--border-color: rgba(255, 255, 255, .1);--border-light: rgba(255, 255, 255, .05);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .3);--shadow-md: 0 4px 16px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .5);--shadow-glass: 0 8px 32px rgba(0, 0, 0, .3), inset 0 1px 0 rgba(255, 255, 255, .1);--gradient-primary: linear-gradient(135deg, #5bb4ff 0%, #4df0ff 100%);--gradient-secondary: linear-gradient(135deg, #b8a0e0 0%, #ffc8f0 100%);--gradient-accent: linear-gradient(135deg, #ff7aa8 0%, #ffa0bc 100%);--theme-btn-light-glow: 0 4px 20px rgba(79, 172, 254, .3), 0 8px 30px rgba(0, 242, 254, .2), 0 0 60px rgba(79, 172, 254, .15);--theme-btn-light-glow-hover: 0 6px 25px rgba(79, 172, 254, .4), 0 12px 40px rgba(0, 242, 254, .3), 0 0 80px rgba(79, 172, 254, .25)}[data-v-c57a13ae]:root{--bg-page: #f0f4f8}.dark-mode[data-v-c57a13ae]{--bg-page: #1a1a2e}[data-v-c57a13ae]:root{--content-z-index: 1;--theme-transition-z-index: 2;--nav-z-index: 3;--banner-z-index: 4}[data-v-c57a13ae]::view-transition-old(root),[data-v-c57a13ae]::view-transition-new(root){animation:none;mix-blend-mode:normal}[data-v-c57a13ae]::view-transition-old(root){background:var(--bg-page)}[data-v-c57a13ae]::view-transition-new(root){background:var(--bg-page)}html.dark-mode[data-v-c57a13ae]::view-transition-old(root){z-index:1}html.dark-mode[data-v-c57a13ae]::view-transition-new(root){z-index:9999}html[data-v-c57a13ae]:not(.dark-mode)::view-transition-old(root){z-index:9999}html[data-v-c57a13ae]:not(.dark-mode)::view-transition-new(root){z-index:1}.skills-section[data-v-c57a13ae]{position:relative;width:100%;padding:96px 0;background:var(--bg-page);will-change:opacity,transform;z-index:1}.skills-section .container[data-v-c57a13ae]{position:relative;z-index:2}.container[data-v-c57a13ae]{width:100%;max-width:1280px;margin:0 auto;padding:0 24px}.section-header[data-v-c57a13ae]{text-align:center;margin-bottom:64px;opacity:0;transform:translateY(30px);transition:all .5s cubic-bezier(.25,.46,.45,.94)}.section-header.active[data-v-c57a13ae]{opacity:1;transform:translateY(0)}.section-title[data-v-c57a13ae]{font-size:40px;font-weight:700;font-family:ZiHun232Hao,筑紫A丸,PingFang SC,sans-serif;color:#343a40;margin-bottom:16px;position:relative;display:inline-block}.section-title[data-v-c57a13ae]:after{content:"";position:absolute;bottom:-8px;left:50%;transform:translate(-50%);width:60px;height:4px;background:linear-gradient(135deg,#4facfe,#00f2fe);border-radius:9999px}.section-subtitle[data-v-c57a13ae]{font-size:18px;color:#6c757d;max-width:600px;margin:24px auto 0;line-height:1.75}.skills-grid[data-v-c57a13ae]{display:grid;grid-template-columns:repeat(2,1fr);gap:32px;margin-bottom:64px}.skill-card[data-v-c57a13ae]{background:linear-gradient(135deg,#ffffff40,#ffffff1a);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.3);border-radius:24px;box-shadow:var(--shadow-glass);transition:all .3s cubic-bezier(.25,.46,.45,.94)}.skill-card[data-v-c57a13ae]:hover{background:#ffffff73;box-shadow:0 12px 40px #1f268733,inset 0 1px #ffffff80;transform:translateY(-4px)}.skill-card[data-v-c57a13ae]{padding:32px;opacity:0;transform:translateY(30px);transition:all .5s cubic-bezier(.25,.46,.45,.94)}.skill-card.active[data-v-c57a13ae]{opacity:1;transform:translateY(0)}.skill-card[data-v-c57a13ae]:hover,.skill-card.active[data-v-c57a13ae]:hover{transform:translateY(-8px)}.skill-header[data-v-c57a13ae]{display:flex;align-items:center;gap:16px;margin-bottom:32px;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.25)}.skill-icon[data-v-c57a13ae]{display:flex;align-items:center;justify-content:center;width:56px;height:56px;background:linear-gradient(135deg,#4facfe,#00f2fe);border-radius:24px;box-shadow:var(--shadow-glass)}.skill-icon svg[data-v-c57a13ae]{width:28px;height:28px;color:#fff}.skill-title[data-v-c57a13ae]{font-size:24px;font-weight:700;color:#343a40}.skill-list[data-v-c57a13ae]{display:flex;flex-direction:column;gap:24px}.skill-item[data-v-c57a13ae]{display:flex;flex-direction:column;gap:8px}.skill-info[data-v-c57a13ae]{display:flex;justify-content:space-between;align-items:center}.skill-name[data-v-c57a13ae]{font-size:16px;font-weight:500;color:#495057}.skill-percent[data-v-c57a13ae]{font-size:14px;font-weight:600;color:#4facfe;background:#ffffff40;padding:4px 8px;border-radius:9999px}.skill-bar[data-v-c57a13ae]{height:8px;background:#ffffff1a;border-radius:9999px;overflow:hidden;position:relative}.skill-progress[data-v-c57a13ae]{height:100%;background:linear-gradient(135deg,#4facfe,#00f2fe);border-radius:9999px;width:0;transition:width 1.5s cubic-bezier(.25,.46,.45,.94);position:relative;overflow:hidden}.skill-progress[data-v-c57a13ae]:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:shimmer-c57a13ae 2s infinite}@keyframes shimmer-c57a13ae{0%{left:-100%}to{left:100%}}.skill-tags[data-v-c57a13ae]{text-align:center;opacity:0;transform:translateY(30px);transition:all .5s cubic-bezier(.25,.46,.45,.94);transition-delay:.4s}.skill-tags.active[data-v-c57a13ae]{opacity:1;transform:translateY(0)}.tags-title[data-v-c57a13ae]{font-size:20px;font-weight:600;color:#343a40;margin-bottom:24px}.tags-cloud[data-v-c57a13ae]{display:flex;flex-wrap:wrap;justify-content:center;gap:16px}.tag[data-v-c57a13ae]{display:inline-flex;align-items:center;justify-content:center;padding:8px 24px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:9999px;font-size:14px;font-weight:500;transition:all .15s cubic-bezier(.25,.46,.45,.94);cursor:default;text-align:center;line-height:1;background:linear-gradient(135deg,#ffffff40,#ffffff1a);border:1px solid rgba(255,255,255,.3);color:#495057}.tag[data-v-c57a13ae]:hover{transform:translateY(-2px);box-shadow:var(--shadow-glass)}.tag[data-v-c57a13ae]:nth-child(3n){font-size:16px}.tag[data-v-c57a13ae]:nth-child(5n){font-size:12px}.tag[data-color="0"][data-v-c57a13ae]{background:linear-gradient(135deg,#ff6b9d26,#ff9a9e26);border-color:#ff6b9d4d;color:#e11d48}.tag[data-color="0"][data-v-c57a13ae]:hover{background:linear-gradient(135deg,#ff6b9d40,#ff9a9e40);color:#be123c}.tag[data-color="1"][data-v-c57a13ae]{background:linear-gradient(135deg,#4facfe26,#00f2fe26);border-color:#4facfe4d;color:#0369a1}.tag[data-color="1"][data-v-c57a13ae]:hover{background:linear-gradient(135deg,#4facfe40,#00f2fe40);color:#075985}.tag[data-color="2"][data-v-c57a13ae]{background:linear-gradient(135deg,#a18cd126,#fbc2eb26);border-color:#a18cd14d;color:#7c3aed}.tag[data-color="2"][data-v-c57a13ae]:hover{background:linear-gradient(135deg,#a18cd140,#fbc2eb40);color:#6d28d9}.tag[data-color="3"][data-v-c57a13ae]{background:linear-gradient(135deg,#fb923c26,#fbbf2426);border-color:#fb923c4d;color:#c2410c}.tag[data-color="3"][data-v-c57a13ae]:hover{background:linear-gradient(135deg,#fb923c40,#fbbf2440);color:#9a3412}.tag[data-color="4"][data-v-c57a13ae]{background:linear-gradient(135deg,#f8717126,#fca5a526);border-color:#f871714d;color:#b91c1c}.tag[data-color="4"][data-v-c57a13ae]:hover{background:linear-gradient(135deg,#f8717140,#fca5a540);color:#991b1b}.dark-mode .section-title[data-v-c57a13ae]{color:var(--text-primary)}.dark-mode .section-title[data-v-c57a13ae]:after{background:var(--gradient-primary)}.dark-mode .section-subtitle[data-v-c57a13ae]{color:var(--text-secondary)}.dark-mode .skill-card[data-v-c57a13ae]{background:var(--bg-card)!important;border-color:var(--border-color)}.dark-mode .skill-card[data-v-c57a13ae]:hover{background:var(--bg-card-hover)!important}.dark-mode .skill-header[data-v-c57a13ae]{border-color:var(--border-color)}.dark-mode .skill-title[data-v-c57a13ae]{color:var(--text-primary)}.dark-mode .skill-name[data-v-c57a13ae]{color:var(--text-secondary)}.dark-mode .skill-percent[data-v-c57a13ae]{color:var(--color-primary);background:var(--glass-white)}.dark-mode .skill-bar[data-v-c57a13ae]{background:var(--glass-white-light)}.dark-mode .tags-title[data-v-c57a13ae]{color:var(--text-primary)}.dark-mode .tag[data-v-c57a13ae]{background:var(--glass-white)!important;border-color:var(--border-color);color:var(--text-secondary)}.dark-mode .tag[data-v-c57a13ae]:hover{background:var(--glass-white-heavy)!important}.dark-mode .tag[data-color="0"][data-v-c57a13ae]{background:linear-gradient(135deg,#ff6b9d33,#ff9a9e26);border-color:#ff6b9d66;color:#ff7aa8}.dark-mode .tag[data-color="1"][data-v-c57a13ae]{background:linear-gradient(135deg,#4facfe33,#00f2fe26);border-color:#4facfe66;color:#5bb4ff}.dark-mode .tag[data-color="2"][data-v-c57a13ae]{background:linear-gradient(135deg,#a18cd133,#fbc2eb26);border-color:#a18cd166;color:#b8a0e0}.dark-mode .tag[data-color="3"][data-v-c57a13ae]{background:linear-gradient(135deg,#fb923c33,#fbbf2426);border-color:#fb923c66;color:#fca55f}.dark-mode .tag[data-color="4"][data-v-c57a13ae]{background:linear-gradient(135deg,#f8717133,#fca5a526);border-color:#f8717166;color:#f88383}@media(min-width:769px)and (max-width:1024px){.skills-grid[data-v-c57a13ae]{gap:24px}.skill-card[data-v-c57a13ae]{padding:24px}}@media(max-width:768px){.skills-grid[data-v-c57a13ae]{grid-template-columns:1fr}.skill-header[data-v-c57a13ae]{margin-bottom:24px}.skill-icon[data-v-c57a13ae]{width:48px;height:48px}.skill-icon svg[data-v-c57a13ae]{width:24px;height:24px}.skill-title[data-v-c57a13ae]{font-size:20px}.tags-cloud[data-v-c57a13ae]{gap:8px}.tag[data-v-c57a13ae]{padding:4px 16px;font-size:14px}}@media(max-width:480px){.skill-card[data-v-c57a13ae]{padding:16px}.skill-list[data-v-c57a13ae]{gap:16px}.skill-name[data-v-c57a13ae]{font-size:14px}.skill-percent[data-v-c57a13ae]{font-size:12px}}.docs-section{position:relative;width:100%;padding:96px 0;background:var(--bg-page);z-index:1}.docs-section .container{width:100%;max-width:1280px;margin:0 auto;padding:0 24px;position:relative;z-index:2}.section-header{text-align:center;margin-bottom:64px;opacity:0;transform:translateY(30px);transition:all .5s cubic-bezier(.25,.46,.45,.94)}.section-header.active{opacity:1;transform:translateY(0)}.section-title{font-size:40px;font-weight:700;font-family:ZiHun232Hao,筑紫A丸,PingFang SC,sans-serif;color:#343a40;margin-bottom:16px;position:relative;display:inline-block}.section-title:after{content:"";position:absolute;bottom:-8px;left:50%;transform:translate(-50%);width:60px;height:4px;background:linear-gradient(135deg,#4facfe,#00f2fe);border-radius:9999px}.section-subtitle{font-size:18px;color:#6c757d;max-width:600px;margin:24px auto 0;line-height:1.75}.docs-filter{display:flex;justify-content:center;flex-wrap:wrap;gap:16px;margin-bottom:48px;opacity:0;transform:translateY(30px);transition:all .5s cubic-bezier(.25,.46,.45,.94);transition-delay:.1s}.docs-filter.active{opacity:1;transform:translateY(0)}.filter-btn{padding:8px 32px;background:linear-gradient(135deg,#ffffff40,#ffffff1a);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);border-radius:9999px;font-size:16px;font-weight:500;color:#495057;cursor:pointer;transition:all .15s cubic-bezier(.25,.46,.45,.94)}.filter-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-glass)}.filter-btn.category-blue{background:linear-gradient(135deg,#4facfe26,#00f2fe26);border-color:#4facfe4d;color:#4facfe}.filter-btn.category-blue:hover{background:linear-gradient(135deg,#4facfe40,#00f2fe40)}.filter-btn.category-blue.active{background:linear-gradient(135deg,#4facfe,#00f2fe);color:#fff;box-shadow:0 4px 15px #4facfe4d}.filter-btn.category-pink{background:linear-gradient(135deg,#ff6b9d26,#ff9a9e26);border-color:#ff6b9d4d;color:#ff6b9d}.filter-btn.category-pink:hover{background:linear-gradient(135deg,#ff6b9d40,#ff9a9e40)}.filter-btn.category-pink.active{background:linear-gradient(135deg,#ff6b9d,#ff9a9e);color:#fff;box-shadow:0 4px 15px #ff6b9d4d}.filter-btn.category-green{background:linear-gradient(135deg,#43e97b26,#38f9d726);border-color:#43e97b4d;color:#16a34a}.filter-btn.category-green:hover{background:linear-gradient(135deg,#43e97b40,#38f9d740)}.filter-btn.category-green.active{background:linear-gradient(135deg,#16a34a,#22c55e);color:#fff;box-shadow:0 4px 15px #16a34a4d}.filter-btn.category-purple{background:linear-gradient(135deg,#a18cd126,#fbc2eb26);border-color:#a18cd14d;color:#a18cd1}.filter-btn.category-purple:hover{background:linear-gradient(135deg,#a18cd140,#fbc2eb40)}.filter-btn.category-purple.active{background:linear-gradient(135deg,#a18cd1,#fbc2eb);color:#fff;box-shadow:0 4px 15px #a18cd14d}.filter-btn.category-orange{background:linear-gradient(135deg,#fa709a26,#fee14026);border-color:#fa709a4d;color:#fa709a}.filter-btn.category-orange:hover{background:linear-gradient(135deg,#fa709a40,#fee14040)}.filter-btn.category-orange.active{background:linear-gradient(135deg,#fa709a,#fee140);color:#fff;box-shadow:0 4px 15px #fa709a4d}.filter-btn.category-cyan{background:linear-gradient(135deg,#00d2ff26,#3a7bd526);border-color:#00d2ff4d;color:#00a8e8}.filter-btn.category-cyan:hover{background:linear-gradient(135deg,#00d2ff40,#3a7bd540)}.filter-btn.category-cyan.active{background:linear-gradient(135deg,#00d2ff,#3a7bd5);color:#fff;box-shadow:0 4px 15px #00d2ff4d}.filter-btn.category-red{background:linear-gradient(135deg,#ff638426,#ee5a6f26);border-color:#ff63844d;color:#e63946}.filter-btn.category-red:hover{background:linear-gradient(135deg,#ff638440,#ee5a6f40)}.filter-btn.category-red.active{background:linear-gradient(135deg,#ff6384,#ee5a6f);color:#fff;box-shadow:0 4px 15px #ff63844d}.filter-btn.category-yellow{background:linear-gradient(135deg,#ffc80026,#ff960026);border-color:#ffc8004d;color:#ff9500}.filter-btn.category-yellow:hover{background:linear-gradient(135deg,#ffc80040,#ff960040)}.filter-btn.category-yellow.active{background:linear-gradient(135deg,#ffc800,#ff9600);color:#fff;box-shadow:0 4px 15px #ffc8004d}.docs-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:1fr;gap:32px;margin-bottom:48px}.doc-card-wrapper{position:relative;padding:4px;margin:-4px;display:flex;height:100%}.doc-card{background:linear-gradient(135deg,#ffffff40,#ffffff1a);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.3);border-radius:24px;box-shadow:var(--shadow-glass);transition:all .3s cubic-bezier(.25,.46,.45,.94)}.doc-card:hover{background:#ffffff73;box-shadow:0 12px 40px #1f268733,inset 0 1px #ffffff80;transform:translateY(-4px)}.doc-card{display:flex;flex-direction:column;overflow:hidden;border-radius:32px;opacity:0;transform:translateY(30px);transition:opacity .5s cubic-bezier(.25,.46,.45,.94),transform .15s cubic-bezier(.25,.46,.45,.94),box-shadow .15s cubic-bezier(.25,.46,.45,.94);will-change:transform,box-shadow;width:100%;height:100%;text-decoration:none;color:inherit}.doc-card.active{opacity:1;transform:translateY(0)}.doc-card-wrapper:hover .doc-card.active{transform:translateY(-6px);box-shadow:0 12px 40px #1f268733,inset 0 1px #ffffff80}.doc-image{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%}.doc-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s cubic-bezier(.25,.46,.45,.94)}.doc-card-wrapper:hover .doc-image img{transform:scale(1.05)}.doc-image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#e0e7ffcc,#d1e0fdcc,#dbeafecc,#e0e7ffcc,#f0f9ffcc)}.doc-image-placeholder svg{width:48px;height:48px;color:#adb5bd;opacity:.6}.doc-category{position:absolute;top:16px;left:16px;padding:4px 16px;background:linear-gradient(135deg,#4facfe,#00f2fe);color:#fff;font-size:12px;font-weight:600;border-radius:9999px;box-shadow:var(--shadow-sm)}.doc-content{display:flex;flex-direction:column;flex:1;padding:24px}.doc-title{font-size:20px;font-weight:700;color:#343a40;margin-bottom:8px;line-height:1.25}.doc-title a{color:inherit;transition:color .15s cubic-bezier(.25,.46,.45,.94)}.doc-title a:hover{color:#4facfe}.doc-excerpt{font-size:14px;color:#6c757d;line-height:1.75;margin-bottom:16px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;flex:1}.doc-meta{display:flex;justify-content:space-between;align-items:center;padding-top:16px;border-top:1px solid rgba(255,255,255,.25);margin-bottom:8px}.doc-author{display:flex;align-items:center;gap:8px}.author-avatar{font-size:20px}.author-avatar-img{width:24px;height:24px;border-radius:50%;object-fit:cover}.author-name{font-size:14px;font-weight:500;color:#495057}.doc-stats{display:flex;gap:16px}.stat-item{display:flex;align-items:center;gap:4px;font-size:12px;color:#adb5bd}.stat-item svg{width:14px;height:14px}.doc-date{font-size:12px;color:#ced4da;text-align:right}.doc-tags{display:flex;flex-wrap:wrap;gap:4px;margin-top:8px;padding-top:8px;border-top:1px solid rgba(255,255,255,.25)}.doc-tag{display:inline-block;padding:2px 8px;background:#667eea1f;color:#4facfe;font-size:12px;font-weight:500;border-radius:8px;border:1px solid rgba(102,126,234,.2);transition:all .15s cubic-bezier(.25,.46,.45,.94)}.doc-tag:hover{background:#667eea33;border-color:#667eea59}.docs-more{text-align:center;opacity:0;transform:translateY(30px);transition:all .5s cubic-bezier(.25,.46,.45,.94);transition-delay:.6s}.docs-more.active{opacity:1;transform:translateY(0)}.docs-more .glass-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:16px 32px;background:linear-gradient(135deg,#ffffff40,#ffffff1a);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);border-radius:9999px;box-shadow:var(--shadow-glass);color:#343a40;font-weight:500;font-size:16px;cursor:pointer;transition:all .3s cubic-bezier(.25,.46,.45,.94);position:relative;overflow:hidden}.docs-more .glass-btn:hover{background:#ffffff73;box-shadow:0 12px 40px #1f268733,inset 0 1px #ffffff80;transform:translateY(-2px)}.docs-more .glass-btn:active{transform:translateY(0);box-shadow:var(--shadow-glass)}.docs-more .glass-btn{min-width:200px}.docs-more .glass-btn.glass-btn-primary{background:linear-gradient(135deg,#4facfe,#00f2fe);color:#fff;border:none}.docs-more .glass-btn.glass-btn-primary:hover{color:#fff;box-shadow:0 8px 25px #4facfe66}.docs-more .glass-btn.glass-btn-primary:hover{color:#fff;background:linear-gradient(135deg,#4facfe,#00f2fe);box-shadow:0 8px 25px #4facfe66}.btn-icon{width:18px;height:18px;transition:transform .15s cubic-bezier(.25,.46,.45,.94)}.glass-btn:hover .btn-icon{transform:translate(4px)}.dark-mode .section-title{color:var(--text-primary)}.dark-mode .section-title:after{background:var(--gradient-primary)}.dark-mode .section-subtitle{color:var(--text-secondary)}.dark-mode .filter-btn{background:var(--glass-white);border-color:var(--border-color);color:var(--text-secondary)}.dark-mode .filter-btn:hover{background:var(--glass-white-heavy)}.dark-mode .filter-btn.active{color:var(--color-white)}.dark-mode .doc-card{background:var(--bg-card);border-color:var(--border-color)}.dark-mode .doc-card:hover{background:var(--bg-card-hover)}.dark-mode .doc-image{background:linear-gradient(90deg,var(--color-gray-200) 25%,var(--color-gray-300) 50%,var(--color-gray-200) 75%)}.dark-mode .doc-image-placeholder{background:var(--bg-component)}.dark-mode .doc-image-placeholder svg{color:var(--text-muted)}.dark-mode .doc-title{color:var(--text-primary)}.dark-mode .doc-title a{color:inherit}.dark-mode .doc-title a:hover{color:var(--color-primary)}.dark-mode .doc-excerpt{color:var(--text-secondary)}.dark-mode .doc-meta{border-color:var(--border-color)}.dark-mode .author-name{color:var(--text-secondary)}.dark-mode .stat-item,.dark-mode .doc-date{color:var(--text-muted)}.dark-mode .doc-tags{border-color:var(--border-color)}.dark-mode .doc-tag{background:#4facfe26;color:var(--color-primary);border-color:#4facfe4d}.dark-mode .doc-tag:hover{background:#4facfe40;border-color:#4facfe80}.dark-mode .glass-btn{background:var(--glass-white);border-color:var(--border-color);color:var(--text-primary)}.dark-mode .glass-btn:hover{background:var(--glass-white-heavy)}.dark-mode .glass-btn.glass-btn-primary{background:var(--gradient-primary);color:var(--color-white)}@media(min-width:769px)and (max-width:1024px){.docs-grid{grid-template-columns:repeat(2,1fr);gap:24px}}@media(max-width:768px){.docs-filter{gap:8px}.filter-btn{padding:4px 24px;font-size:14px}.docs-grid{grid-template-columns:1fr;gap:24px}.doc-image{height:200px}.doc-content{padding:16px}.doc-title{font-size:18px}}@media(max-width:480px){.doc-meta{flex-direction:column;align-items:flex-start;gap:8px}.doc-stats{width:100%;justify-content:space-between}}[data-v-3acc6a07]:root{--color-primary: #4facfe;--color-primary-light: #00f2fe;--color-primary-dark: #3d8bfe;--color-secondary: #a18cd1;--color-secondary-light: #fbc2eb;--color-accent: #ff6b9d;--color-accent-light: #ff8fab;--color-white: #ffffff;--color-black: #1a1a2e;--color-gray-100: #f8f9fa;--color-gray-200: #e9ecef;--color-gray-300: #dee2e6;--color-gray-400: #ced4da;--color-gray-500: #adb5bd;--color-gray-600: #6c757d;--color-gray-700: #495057;--color-gray-800: #343a40;--color-gray-900: #212529;--glass-white: rgba(255, 255, 255, .25);--glass-white-heavy: rgba(255, 255, 255, .45);--glass-white-light: rgba(255, 255, 255, .1);--glass-dark: rgba(26, 26, 46, .3);--glass-dark-heavy: rgba(26, 26, 46, .6);--bg-page: #f0f4f8;--bg-component: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%);--bg-card: rgba(255, 255, 255, .7);--bg-card-hover: rgba(255, 255, 255, .85);--text-primary: #343a40;--text-secondary: #6c757d;--text-muted: #adb5bd;--text-link: #4facfe;--border-color: rgba(255, 255, 255, .5);--border-light: rgba(255, 255, 255, .3);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .08);--shadow-md: 0 4px 16px rgba(0, 0, 0, .12);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .16);--shadow-glass: 0 8px 32px rgba(31, 38, 135, .15), inset 0 1px 0 rgba(255, 255, 255, .4);--theme-btn-dark-bg: linear-gradient(135deg, #f59e0b 0%, #fbbf24 100%);--theme-btn-dark-bg-hover: linear-gradient(135deg, #d97706 0%, #f59e0b 100%);--theme-btn-dark-shadow-hover: 0 8px 20px rgba(245, 158, 11, .3), 0 4px 8px rgba(245, 158, 11, .2);--theme-btn-light-bg: #0f172a;--theme-btn-light-bg-hover: linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-light) 100%);--theme-btn-light-glow: 0 4px 20px rgba(79, 172, 254, .4), 0 8px 30px rgba(0, 242, 254, .3), 0 0 60px rgba(79, 172, 254, .2);--theme-btn-light-glow-hover: 0 6px 25px rgba(79, 172, 254, .5), 0 12px 40px rgba(0, 242, 254, .4), 0 0 80px rgba(79, 172, 254, .3);--theme-btn-shadow: 0 4px 12px rgba(0, 0, 0, .08), 0 2px 4px rgba(0, 0, 0, .04);--theme-btn-shadow-hover: 0 8px 20px rgba(0, 0, 0, .12), 0 4px 8px rgba(0, 0, 0, .06);--theme-btn-dark-shadow: 0 4px 12px rgba(0, 0, 0, .3), 0 2px 4px rgba(0, 0, 0, .2);--theme-btn-dark-shadow-hover: 0 8px 20px rgba(0, 0, 0, .4), 0 4px 8px rgba(0, 0, 0, .3);--tooltip-bg: #ffffff;--tooltip-text: #1e1b4b;--banner-title-color: #ffffff;--gradient-primary: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--gradient-secondary: linear-gradient(135deg, #a18cd1 0%, #fbc2eb 100%);--gradient-accent: linear-gradient(135deg, #ff6b9d 0%, #ff8fab 100%)}.dark-mode[data-v-3acc6a07]{--color-primary: #5bb4ff;--color-primary-light: #4df0ff;--color-primary-dark: #4a9eff;--color-secondary: #b8a0e0;--color-secondary-light: #ffc8f0;--color-accent: #ff7aa8;--color-accent-light: #ffa0bc;--color-white: #f0f0f5;--color-black: #0f0f1a;--color-gray-100: #1a1a2e;--color-gray-200: #242442;--color-gray-300: #2d2d52;--color-gray-400: #3d3d6d;--color-gray-500: #5a5a8a;--color-gray-600: #7a7aa8;--color-gray-700: #9a9ac0;--color-gray-800: #babad8;--color-gray-900: #e0e0f0;--glass-white: rgba(255, 255, 255, .08);--glass-white-heavy: rgba(255, 255, 255, .15);--glass-white-light: rgba(255, 255, 255, .05);--glass-dark: rgba(0, 0, 0, .4);--glass-dark-heavy: rgba(0, 0, 0, .6);--bg-page: #1a1a2e;--bg-component: linear-gradient(135deg, rgba(30, 30, 50, .8) 0%, rgba(40, 40, 70, .8) 100%);--bg-card: rgba(30, 30, 50, .6);--bg-card-hover: rgba(40, 40, 65, .8);--text-primary: #e0e0f0;--text-secondary: #9a9ac0;--text-muted: #7a7aa8;--text-link: #5bb4ff;--border-color: rgba(255, 255, 255, .1);--border-light: rgba(255, 255, 255, .05);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .3);--shadow-md: 0 4px 16px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .5);--shadow-glass: 0 8px 32px rgba(0, 0, 0, .3), inset 0 1px 0 rgba(255, 255, 255, .1);--gradient-primary: linear-gradient(135deg, #5bb4ff 0%, #4df0ff 100%);--gradient-secondary: linear-gradient(135deg, #b8a0e0 0%, #ffc8f0 100%);--gradient-accent: linear-gradient(135deg, #ff7aa8 0%, #ffa0bc 100%);--theme-btn-light-glow: 0 4px 20px rgba(79, 172, 254, .3), 0 8px 30px rgba(0, 242, 254, .2), 0 0 60px rgba(79, 172, 254, .15);--theme-btn-light-glow-hover: 0 6px 25px rgba(79, 172, 254, .4), 0 12px 40px rgba(0, 242, 254, .3), 0 0 80px rgba(79, 172, 254, .25)}[data-v-3acc6a07]:root{--bg-page: #f0f4f8}.dark-mode[data-v-3acc6a07]{--bg-page: #1a1a2e}[data-v-3acc6a07]:root{--content-z-index: 1;--theme-transition-z-index: 2;--nav-z-index: 3;--banner-z-index: 4}[data-v-3acc6a07]::view-transition-old(root),[data-v-3acc6a07]::view-transition-new(root){animation:none;mix-blend-mode:normal}[data-v-3acc6a07]::view-transition-old(root){background:var(--bg-page)}[data-v-3acc6a07]::view-transition-new(root){background:var(--bg-page)}html.dark-mode[data-v-3acc6a07]::view-transition-old(root){z-index:1}html.dark-mode[data-v-3acc6a07]::view-transition-new(root){z-index:9999}html[data-v-3acc6a07]:not(.dark-mode)::view-transition-old(root){z-index:9999}html[data-v-3acc6a07]:not(.dark-mode)::view-transition-new(root){z-index:1}.projects-section[data-v-3acc6a07]{position:relative;width:100%;padding:96px 0;background:var(--bg-page);z-index:1}.projects-section .container[data-v-3acc6a07]{width:100%;max-width:1280px;margin:0 auto;padding:0 24px;position:relative;z-index:2}.section-header[data-v-3acc6a07]{text-align:center;margin-bottom:64px;opacity:0;transform:translateY(30px);transition:all .5s cubic-bezier(.25,.46,.45,.94)}.section-header.active[data-v-3acc6a07]{opacity:1;transform:translateY(0)}.section-title[data-v-3acc6a07]{font-size:40px;font-weight:700;font-family:ZiHun232Hao,筑紫A丸,PingFang SC,sans-serif;color:#343a40;margin-bottom:16px;position:relative;display:inline-block}.section-title[data-v-3acc6a07]:after{content:"";position:absolute;bottom:-8px;left:50%;transform:translate(-50%);width:60px;height:4px;background:linear-gradient(135deg,#4facfe,#00f2fe);border-radius:9999px}.section-subtitle[data-v-3acc6a07]{font-size:18px;color:#6c757d;max-width:600px;margin:24px auto 0;line-height:1.75}.projects-grid[data-v-3acc6a07]{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:1fr;gap:32px;margin-bottom:48px}.project-card-wrapper[data-v-3acc6a07]{position:relative;padding:4px;margin:-4px;display:flex;height:100%}.project-card[data-v-3acc6a07]{background:linear-gradient(135deg,#ffffff40,#ffffff1a);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.3);border-radius:24px;box-shadow:var(--shadow-glass);transition:all .3s cubic-bezier(.25,.46,.45,.94)}.project-card[data-v-3acc6a07]:hover{background:#ffffff73;box-shadow:0 12px 40px #1f268733,inset 0 1px #ffffff80;transform:translateY(-4px)}.project-card[data-v-3acc6a07]{display:flex;flex-direction:column;padding:32px;opacity:0;transform:translateY(30px);transition:opacity .5s cubic-bezier(.25,.46,.45,.94),transform .15s cubic-bezier(.25,.46,.45,.94),box-shadow .15s cubic-bezier(.25,.46,.45,.94);will-change:transform,box-shadow;width:100%;height:100%}.project-card.active[data-v-3acc6a07]{opacity:1;transform:translateY(0)}.project-card-wrapper:hover .project-card.active[data-v-3acc6a07]{transform:translateY(-6px);box-shadow:0 12px 40px #1f268733,inset 0 1px #ffffff80}.project-header[data-v-3acc6a07]{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px}.project-icon[data-v-3acc6a07]{font-size:48px;line-height:1}.project-link[data-v-3acc6a07]{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:linear-gradient(135deg,#ffffff40,#ffffff1a);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);border-radius:50%;box-shadow:var(--shadow-glass);opacity:0;transform:translateY(-10px);transition:all .15s cubic-bezier(.25,.46,.45,.94)}.project-link svg[data-v-3acc6a07]{width:18px;height:18px;color:#495057}.project-card-wrapper:hover .project-link[data-v-3acc6a07]{opacity:1;transform:translateY(0)}.project-content[data-v-3acc6a07]{flex:1;margin-bottom:24px}.project-name[data-v-3acc6a07]{font-size:20px;font-weight:700;color:#343a40;margin-bottom:8px}.project-description[data-v-3acc6a07]{font-size:14px;color:#6c757d;line-height:1.75;margin-bottom:16px}.project-tags[data-v-3acc6a07]{display:flex;flex-wrap:wrap;gap:4px}.project-tag[data-v-3acc6a07]{padding:4px 8px;background:#ffffff40;border:1px solid rgba(255,255,255,.18);border-radius:8px;font-size:12px;font-weight:500;color:#6c757d}.project-stats[data-v-3acc6a07]{display:flex;gap:24px;padding-top:16px;border-top:1px solid rgba(255,255,255,.25)}.stat[data-v-3acc6a07]{display:flex;align-items:center;gap:4px;font-size:14px;font-weight:500;color:#6c757d}.stat svg[data-v-3acc6a07]{width:16px;height:16px;color:#adb5bd}.projects-cta[data-v-3acc6a07]{text-align:center;opacity:0;transform:translateY(30px);transition:all .5s cubic-bezier(.25,.46,.45,.94);transition-delay:.6s}.projects-cta.active[data-v-3acc6a07]{opacity:1;transform:translateY(0)}.projects-cta .glass-btn[data-v-3acc6a07]{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:16px 32px;background:linear-gradient(135deg,#ffffff40,#ffffff1a);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);border-radius:9999px;box-shadow:var(--shadow-glass);color:#343a40;font-weight:500;font-size:16px;cursor:pointer;transition:all .3s cubic-bezier(.25,.46,.45,.94);position:relative;overflow:hidden}.projects-cta .glass-btn[data-v-3acc6a07]:hover{background:#ffffff73;box-shadow:0 12px 40px #1f268733,inset 0 1px #ffffff80;transform:translateY(-2px)}.projects-cta .glass-btn[data-v-3acc6a07]:active{transform:translateY(0);box-shadow:var(--shadow-glass)}.projects-cta .glass-btn[data-v-3acc6a07]{background:linear-gradient(135deg,#4facfe,#00f2fe);color:#fff;border:none}.projects-cta .glass-btn[data-v-3acc6a07]:hover{color:#fff;box-shadow:0 8px 25px #4facfe66}.projects-cta .glass-btn .btn-icon-wrapper[data-v-3acc6a07]{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px}.projects-cta .glass-btn .btn-icon-wrapper svg[data-v-3acc6a07]{width:100%;height:100%;display:block}.projects-cta .glass-btn[data-v-3acc6a07]:hover{color:#fff;background:linear-gradient(135deg,#4facfe,#00f2fe)}.dark-mode .section-title[data-v-3acc6a07]{color:var(--text-primary)}.dark-mode .section-title[data-v-3acc6a07]:after{background:var(--gradient-primary)}.dark-mode .section-subtitle[data-v-3acc6a07]{color:var(--text-secondary)}.dark-mode .project-card[data-v-3acc6a07]{background:var(--bg-card);border-color:var(--border-color)}.dark-mode .project-card[data-v-3acc6a07]:hover{background:var(--bg-card-hover)}.dark-mode .project-link[data-v-3acc6a07]{background:var(--glass-white);border-color:var(--border-color)}.dark-mode .project-link svg[data-v-3acc6a07]{color:var(--text-secondary)}.dark-mode .project-name[data-v-3acc6a07]{color:var(--text-primary)}.dark-mode .project-description[data-v-3acc6a07]{color:var(--text-secondary)}.dark-mode .project-tag[data-v-3acc6a07]{background:var(--glass-white);border-color:var(--border-light);color:var(--text-secondary)}.dark-mode .project-stats[data-v-3acc6a07]{border-color:var(--border-color)}.dark-mode .stat[data-v-3acc6a07]{color:var(--text-secondary)}.dark-mode .stat svg[data-v-3acc6a07]{color:var(--text-muted)}.dark-mode .glass-btn[data-v-3acc6a07]{background:var(--glass-white);border-color:var(--border-color);color:var(--text-primary)}.dark-mode .glass-btn[data-v-3acc6a07]:hover{background:var(--glass-white-heavy)}@media(min-width:769px)and (max-width:1024px){.projects-grid[data-v-3acc6a07]{grid-template-columns:repeat(2,1fr);gap:24px}}@media(max-width:768px){.projects-grid[data-v-3acc6a07]{grid-template-columns:1fr;gap:24px}.project-card[data-v-3acc6a07]{padding:24px}.project-icon[data-v-3acc6a07]{font-size:40px}}.page-background[data-astro-cid-j7pv25f6]{filter:blur(10px);opacity:0;transition:filter .6s ease,opacity .6s ease}body.page-ready .page-background[data-astro-cid-j7pv25f6]{filter:blur(0);opacity:1}#page-loader[data-astro-cid-j7pv25f6]{position:fixed;inset:0;z-index:99999;display:flex;align-items:center;justify-content:center;background:var(--glass-white, rgba(255, 255, 255, .15));backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);transition:opacity .4s ease,visibility .4s ease,background .3s ease}#page-loader[data-astro-cid-j7pv25f6].hidden{opacity:0;visibility:hidden;pointer-events:none}.loader-spinner[data-astro-cid-j7pv25f6]{position:relative;width:80px;height:80px}.loader-spinner[data-astro-cid-j7pv25f6] .spinner-ring[data-astro-cid-j7pv25f6]{position:absolute;inset:0;border-radius:50%;border:3px solid transparent;animation:spin 1s linear infinite}.loader-spinner[data-astro-cid-j7pv25f6] .spinner-ring[data-astro-cid-j7pv25f6]:nth-child(1){border-top-color:#6366f1}.loader-spinner[data-astro-cid-j7pv25f6] .spinner-ring[data-astro-cid-j7pv25f6]:nth-child(2){inset:8px;border-right-color:#8b5cf6;animation-duration:1.5s;animation-direction:reverse}.loader-spinner[data-astro-cid-j7pv25f6] .spinner-ring[data-astro-cid-j7pv25f6]:nth-child(3){inset:16px;border-bottom-color:#a78bfa;animation-duration:2s}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loader-glow[data-astro-cid-j7pv25f6]{position:absolute;border-radius:50%;filter:blur(60px);opacity:.4;animation:pulse 3s ease-in-out infinite}.loader-glow[data-astro-cid-j7pv25f6].glow-1{width:300px;height:300px;background:#6366f166;top:10%;left:10%}.loader-glow[data-astro-cid-j7pv25f6].glow-2{width:200px;height:200px;background:#8b5cf64d;bottom:20%;right:15%;animation-delay:1s}@keyframes pulse{0%,to{transform:scale(1);opacity:.4}50%{transform:scale(1.1);opacity:.6}}:root{--color-primary: #4facfe;--color-primary-light: #00f2fe;--color-primary-dark: #3d8bfe;--color-secondary: #a18cd1;--color-secondary-light: #fbc2eb;--color-accent: #ff6b9d;--color-accent-light: #ff8fab;--color-white: #ffffff;--color-black: #1a1a2e;--color-gray-100: #f8f9fa;--color-gray-200: #e9ecef;--color-gray-300: #dee2e6;--color-gray-400: #ced4da;--color-gray-500: #adb5bd;--color-gray-600: #6c757d;--color-gray-700: #495057;--color-gray-800: #343a40;--color-gray-900: #212529;--glass-white: rgba(255, 255, 255, .25);--glass-white-heavy: rgba(255, 255, 255, .45);--glass-white-light: rgba(255, 255, 255, .1);--glass-dark: rgba(26, 26, 46, .3);--glass-dark-heavy: rgba(26, 26, 46, .6);--bg-page: #f0f4f8;--bg-component: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%);--bg-card: rgba(255, 255, 255, .7);--bg-card-hover: rgba(255, 255, 255, .85);--text-primary: #343a40;--text-secondary: #6c757d;--text-muted: #adb5bd;--text-link: #4facfe;--border-color: rgba(255, 255, 255, .5);--border-light: rgba(255, 255, 255, .3);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .08);--shadow-md: 0 4px 16px rgba(0, 0, 0, .12);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .16);--shadow-glass: 0 8px 32px rgba(31, 38, 135, .15), inset 0 1px 0 rgba(255, 255, 255, .4);--theme-btn-dark-bg: linear-gradient(135deg, #f59e0b 0%, #fbbf24 100%);--theme-btn-dark-bg-hover: linear-gradient(135deg, #d97706 0%, #f59e0b 100%);--theme-btn-dark-shadow-hover: 0 8px 20px rgba(245, 158, 11, .3), 0 4px 8px rgba(245, 158, 11, .2);--theme-btn-light-bg: #0f172a;--theme-btn-light-bg-hover: linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-light) 100%);--theme-btn-light-glow: 0 4px 20px rgba(79, 172, 254, .4), 0 8px 30px rgba(0, 242, 254, .3), 0 0 60px rgba(79, 172, 254, .2);--theme-btn-light-glow-hover: 0 6px 25px rgba(79, 172, 254, .5), 0 12px 40px rgba(0, 242, 254, .4), 0 0 80px rgba(79, 172, 254, .3);--theme-btn-shadow: 0 4px 12px rgba(0, 0, 0, .08), 0 2px 4px rgba(0, 0, 0, .04);--theme-btn-shadow-hover: 0 8px 20px rgba(0, 0, 0, .12), 0 4px 8px rgba(0, 0, 0, .06);--theme-btn-dark-shadow: 0 4px 12px rgba(0, 0, 0, .3), 0 2px 4px rgba(0, 0, 0, .2);--theme-btn-dark-shadow-hover: 0 8px 20px rgba(0, 0, 0, .4), 0 4px 8px rgba(0, 0, 0, .3);--tooltip-bg: #ffffff;--tooltip-text: #1e1b4b;--banner-title-color: #ffffff;--gradient-primary: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--gradient-secondary: linear-gradient(135deg, #a18cd1 0%, #fbc2eb 100%);--gradient-accent: linear-gradient(135deg, #ff6b9d 0%, #ff8fab 100%)}.dark-mode{--color-primary: #5bb4ff;--color-primary-light: #4df0ff;--color-primary-dark: #4a9eff;--color-secondary: #b8a0e0;--color-secondary-light: #ffc8f0;--color-accent: #ff7aa8;--color-accent-light: #ffa0bc;--color-white: #f0f0f5;--color-black: #0f0f1a;--color-gray-100: #1a1a2e;--color-gray-200: #242442;--color-gray-300: #2d2d52;--color-gray-400: #3d3d6d;--color-gray-500: #5a5a8a;--color-gray-600: #7a7aa8;--color-gray-700: #9a9ac0;--color-gray-800: #babad8;--color-gray-900: #e0e0f0;--glass-white: rgba(255, 255, 255, .08);--glass-white-heavy: rgba(255, 255, 255, .15);--glass-white-light: rgba(255, 255, 255, .05);--glass-dark: rgba(0, 0, 0, .4);--glass-dark-heavy: rgba(0, 0, 0, .6);--bg-page: #1a1a2e;--bg-component: linear-gradient(135deg, rgba(30, 30, 50, .8) 0%, rgba(40, 40, 70, .8) 100%);--bg-card: rgba(30, 30, 50, .6);--bg-card-hover: rgba(40, 40, 65, .8);--text-primary: #e0e0f0;--text-secondary: #9a9ac0;--text-muted: #7a7aa8;--text-link: #5bb4ff;--border-color: rgba(255, 255, 255, .1);--border-light: rgba(255, 255, 255, .05);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .3);--shadow-md: 0 4px 16px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .5);--shadow-glass: 0 8px 32px rgba(0, 0, 0, .3), inset 0 1px 0 rgba(255, 255, 255, .1);--gradient-primary: linear-gradient(135deg, #5bb4ff 0%, #4df0ff 100%);--gradient-secondary: linear-gradient(135deg, #b8a0e0 0%, #ffc8f0 100%);--gradient-accent: linear-gradient(135deg, #ff7aa8 0%, #ffa0bc 100%);--theme-btn-light-glow: 0 4px 20px rgba(79, 172, 254, .3), 0 8px 30px rgba(0, 242, 254, .2), 0 0 60px rgba(79, 172, 254, .15);--theme-btn-light-glow-hover: 0 6px 25px rgba(79, 172, 254, .4), 0 12px 40px rgba(0, 242, 254, .3), 0 0 80px rgba(79, 172, 254, .25)}:root{--bg-page: #f0f4f8}.dark-mode{--bg-page: #1a1a2e}:root{--content-z-index: 1;--theme-transition-z-index: 2;--nav-z-index: 3;--banner-z-index: 4}::view-transition-old(root),::view-transition-new(root){animation:none;mix-blend-mode:normal}::view-transition-old(root){background:var(--bg-page)}::view-transition-new(root){background:var(--bg-page)}html.dark-mode::view-transition-old(root){z-index:1}html.dark-mode::view-transition-new(root){z-index:9999}html:not(.dark-mode)::view-transition-old(root){z-index:9999}html:not(.dark-mode)::view-transition-new(root){z-index:1}::-webkit-scrollbar{width:.35rem;height:.35rem}::-webkit-scrollbar-track{border-radius:2em;background:transparent}@keyframes scrollbar-glow{0%{background-position:0% 50%}to{background-position:200% 50%}}html:not(.dark) ::-webkit-scrollbar-thumb{background:linear-gradient(120deg,#3fc,#fffc,#ff5b5b,#fffc,#66aeff,#3fc);background-size:200% 200%;animation:scrollbar-glow 3s linear infinite alternate;border-radius:2em;background-clip:padding-box}html:not(.dark) ::-webkit-scrollbar-thumb:hover{background:linear-gradient(120deg,#ff5bcee6,#00ccffe6,#5b6bffe6,#00ccffe6,#335cffe6,#ff5bcee6);background-size:200% 200%;animation:scrollbar-glow 2s linear infinite alternate;border-radius:2em;background-clip:padding-box}html.dark ::-webkit-scrollbar-thumb{background:linear-gradient(120deg,#0026ff,#00e1ffe6,#ff50a0,#00e1ffe6,#7864ff,#0026ff);background-size:200% 200%;animation:scrollbar-glow 3s linear infinite alternate;border-radius:2em;background-clip:padding-box}html.dark ::-webkit-scrollbar-thumb:hover{background:linear-gradient(120deg,#ff00f2e6,#1100ffe6,#ff50a0e6,#ff00f2e6,#a078ffe6,#00ffb4e6);background-size:200% 200%;animation:scrollbar-glow 2s linear infinite alternate;border-radius:2em;background-clip:padding-box}@font-face{font-family:筑紫A丸;src:url(/fonts/%E7%AD%91%E7%B4%ABA%E4%B8%B8.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:ZiHun232Hao;src:url(/fonts/ZiHun232Hao.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:筑紫A丸,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;line-height:1.5;color:#343a40;overflow-x:hidden;overscroll-behavior-y:none}.page-background{width:100%;background:var(--bg-page);background-attachment:fixed}.navbar-section{position:fixed!important;top:16px!important;left:50%!important;transform:translate(-50%) translateY(0)!important;opacity:1!important;pointer-events:auto!important;z-index:9999!important}.navbar-hotzone,.navbar-badge{display:none!important}.dark-mode .banner-section,.dark-mode .character-section,.dark-mode .skills-section,.dark-mode .docs-section,.dark-mode .projects-section,.dark-mode .footer-section,.dark-mode .banner-bg{background:transparent}.dark-mode .navbar-container{background:var(--glass-white)!important;border-color:var(--border-color)!important;box-shadow:var(--shadow-glass)!important}.dark-mode .navbar-logo-text{color:var(--color-primary)!important}.dark-mode .navbar-menu-link{color:var(--text-secondary)!important}.dark-mode .navbar-menu-link:hover,.dark-mode .navbar-menu-link.active{color:var(--color-primary)!important;background:var(--glass-white-heavy)!important}.dark-mode .navbar-btn{background:var(--glass-white-light)!important;border-color:var(--border-light)!important}.dark-mode .navbar-btn:hover{background:var(--glass-white-heavy)!important}.dark-mode .navbar-icon{color:var(--text-secondary)!important}.dark-mode .navbar-btn:hover .navbar-icon{color:var(--color-primary)!important}.dark-mode .search-shortcut-hint{color:var(--text-muted)!important}.dark-mode .navbar-mobile-btn .navbar-menu-line{background:var(--text-secondary)!important}.dark-mode .navbar-mobile-menu{background:var(--glass-white)!important;border-color:var(--border-color)!important;box-shadow:var(--shadow-lg)!important}.dark-mode .navbar-mobile-link{color:var(--text-secondary)!important}.dark-mode .navbar-mobile-link:hover,.dark-mode .navbar-mobile-link.active{color:var(--color-primary)!important;background:var(--glass-white-heavy)!important}.dark-mode .skills-section .section-title{color:var(--text-primary)!important}.dark-mode .skills-section .section-title:after{background:var(--gradient-primary)!important}.dark-mode .skills-section .section-subtitle{color:var(--text-secondary)!important}.dark-mode .skills-section .skill-card{background:var(--bg-card)!important;border-color:var(--border-color)!important}.dark-mode .skills-section .skill-card:hover{background:var(--bg-card-hover)!important}.dark-mode .skills-section .skill-header{border-color:var(--border-color)!important}.dark-mode .skills-section .skill-title{color:var(--text-primary)!important}.dark-mode .skills-section .skill-name{color:var(--text-secondary)!important}.dark-mode .skills-section .skill-percent{color:var(--color-primary)!important;background:var(--glass-white)!important}.dark-mode .skills-section .skill-bar{background:var(--glass-white-light)!important}.dark-mode .skills-section .tags-title{color:var(--text-primary)!important}.dark-mode .skills-section .tag{background:var(--glass-white)!important;border-color:var(--border-color)!important;color:var(--text-secondary)!important}.dark-mode .skills-section .tag:hover{background:var(--glass-white-heavy)!important}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none;transition:color .15s cubic-bezier(.25,.46,.45,.94)}a:hover{color:#4facfe}ul,ol{list-style:none}button{font-family:inherit;cursor:pointer;border:none;background:none}input,textarea{font-family:inherit}.reveal{opacity:0;transform:translateY(30px);transition:all .5s cubic-bezier(.25,.46,.45,.94)}.reveal.active{opacity:1;transform:translateY(0)}.lazy-image{opacity:0;transition:opacity .3s ease;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}.lazy-image[src]{opacity:1;animation:none}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms;animation-iteration-count:1;transition-duration:.01ms;scroll-behavior:auto}.lazy-image{animation:none}}.glass-card,.nav-container{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}@media(max-width:768px){html{font-size:14px}section{content-visibility:visible}}