@charset "UTF-8";.page-background[data-astro-cid-6qx4dwjx]{filter:blur(10px);opacity:0;transition:filter .6s ease,opacity .6s ease}body.page-ready .page-background[data-astro-cid-6qx4dwjx]{filter:blur(0);opacity:1}#page-loader[data-astro-cid-6qx4dwjx]{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-6qx4dwjx].hidden{opacity:0;visibility:hidden;pointer-events:none}.loader-spinner[data-astro-cid-6qx4dwjx]{position:relative;width:80px;height:80px}.loader-spinner[data-astro-cid-6qx4dwjx] .spinner-ring[data-astro-cid-6qx4dwjx]{position:absolute;inset:0;border-radius:50%;border:3px solid transparent;animation:spin 1s linear infinite}.loader-spinner[data-astro-cid-6qx4dwjx] .spinner-ring[data-astro-cid-6qx4dwjx]:nth-child(1){border-top-color:#6366f1}.loader-spinner[data-astro-cid-6qx4dwjx] .spinner-ring[data-astro-cid-6qx4dwjx]:nth-child(2){inset:8px;border-right-color:#8b5cf6;animation-duration:1.5s;animation-direction:reverse}.loader-spinner[data-astro-cid-6qx4dwjx] .spinner-ring[data-astro-cid-6qx4dwjx]:nth-child(3){inset:16px;border-bottom-color:#a78bfa;animation-duration:2s}.loader-glow[data-astro-cid-6qx4dwjx]{position:absolute;border-radius:50%;filter:blur(60px);opacity:.4;animation:pulse 3s ease-in-out infinite}.loader-glow[data-astro-cid-6qx4dwjx].glow-1{width:300px;height:300px;background:#6366f166;top:10%;left:10%}.loader-glow[data-astro-cid-6qx4dwjx].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}.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}.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}.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)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.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 .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 .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)}@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}.dark-mode .footer-section{background:transparent}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}