:root{--c-primary:#1f6f5e;--c-accent:#7fd8b0;--c-glow:#1f6f5e73;--bg-a:#0e1f1a;--bg-b:#17342b;--c-ink:#e8e4d8;--c-ink-dim:#e8e4d89e;--c-panel:#101a18b8;--font-serif:"Noto Serif SC", "Songti SC", "STSong", "SimSun", serif;--font-sans:"Noto Sans SC", "Microsoft YaHei", system-ui, sans-serif;--radius:16px;--nav-h:64px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-height:100vh;font-family:var(--font-sans);color:var(--c-ink);background:radial-gradient(1200px 600px at 80% -10%, var(--c-glow), transparent 60%), linear-gradient(160deg, var(--bg-a), var(--bg-b) 55%, var(--bg-a));background-attachment:fixed;margin:0;line-height:1.7;transition:background .6s,color .4s}.bg-fx{pointer-events:none;z-index:1;position:fixed;inset:0;overflow:hidden}.bg-fx:before,.bg-fx:after{content:"";filter:blur(60px);opacity:.14;border-radius:50%;width:55vw;height:55vw;animation:26s ease-in-out infinite alternate drift;position:absolute}.bg-fx:before{background:var(--c-accent);top:-12vw;left:-8vw}.bg-fx:after{background:var(--c-primary);animation-delay:-13s;bottom:-14vw;right:-6vw}@keyframes drift{0%{transform:translate(0)scale(1)}to{transform:translate(8vw,4vh)scale(1.15)}}.mist{pointer-events:none;z-index:1;filter:blur(18px);background:linear-gradient(#0000,#ffffff0d);width:140%;height:30vh;animation:18s ease-in-out infinite alternate mist;position:fixed;bottom:-8vh;left:-20%}.bg-image{pointer-events:none;z-index:0;background-image:linear-gradient(#060a0980,#060a09bd),url(/bg/background.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;position:fixed;inset:0}@keyframes mist{0%{transform:translate(0)}to{transform:translate(-6%)}}.fx-canvas{z-index:3;pointer-events:none;position:fixed;inset:0;overflow:hidden}#theme-fx{width:100%;height:100%;display:block}main{z-index:2;position:relative}.container{width:min(1080px,92%);margin-inline:auto}section{padding:72px 0}.section-title{font-family:var(--font-serif);letter-spacing:.18em;align-items:center;gap:14px;margin:0 0 8px;font-size:clamp(1.6rem,4vw,2.3rem);display:flex}.section-title:before{content:"";background:linear-gradient(var(--c-accent), var(--c-primary));border-radius:4px;width:6px;height:1.2em}.section-sub{color:var(--c-ink-dim);letter-spacing:.08em;margin:0 0 36px}.nav{z-index:50;height:var(--nav-h);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid color-mix(in srgb, var(--c-accent) 22%, transparent);background:#080e0d8c;justify-content:space-between;align-items:center;padding:0 max(3vw,18px);display:flex;position:sticky;top:0}.brand{font-family:var(--font-serif);letter-spacing:.12em;color:var(--c-ink);white-space:nowrap;align-items:center;gap:10px;font-size:1.2rem;text-decoration:none;display:flex}.brand .seal{color:#0a0f0d;background:linear-gradient(135deg, var(--c-accent), var(--c-primary));width:34px;height:34px;box-shadow:0 0 18px var(--c-glow);border-radius:10px;place-items:center;font-size:.95rem;display:grid}.nav-left{align-items:center;gap:16px;margin-right:auto;display:flex}.nav-search{align-items:center;display:flex}.nav-search-input{border:1px solid color-mix(in srgb, var(--c-accent) 40%, transparent);width:180px;color:var(--c-ink);font-family:var(--font-sans);background:#0a100fb3;border-radius:999px;outline:none;padding:8px 14px;font-size:.85rem;transition:width .25s,border-color .25s}.nav-search-input::placeholder{color:var(--c-ink-dim)}.nav-search-input:focus{border-color:var(--c-accent);width:240px}.nav-right{align-items:center;gap:22px;margin-left:auto;display:flex}.nav-links{align-items:center;gap:22px;margin:0;padding:0;list-style:none;display:flex}.nav-links a{color:var(--c-ink-dim);letter-spacing:.1em;text-decoration:none;transition:color .2s,text-shadow .2s}.nav-links a:hover{color:var(--c-accent);text-shadow:0 0 14px var(--c-glow)}.theme-picker{align-items:center;gap:10px;display:flex}.theme-picker select{appearance:none;border:1px solid color-mix(in srgb, var(--c-accent) 40%, transparent);color:var(--c-ink);font-family:var(--font-serif);cursor:pointer;background:#0a100fb3;background-image:linear-gradient(45deg, transparent 50%, var(--c-accent) 50%), linear-gradient(135deg, var(--c-accent) 50%, transparent 50%);background-position:calc(100% - 18px),calc(100% - 12px);background-repeat:no-repeat;background-size:6px 6px;border-radius:10px;padding:8px 32px 8px 14px;font-size:.9rem}.nav-toggle{cursor:pointer;background:0 0;border:none;flex-direction:column;gap:5px;padding:8px;display:none}.nav-toggle span{background:var(--c-ink);border-radius:2px;width:24px;height:2px;transition:all .25s}.hero{min-height:calc(100vh - var(--nav-h));text-align:center;place-items:center;padding:80px 20px 120px;display:grid}.hero-inner{flex-direction:column;align-items:center;display:flex}.hero-search{justify-content:center;align-items:center;margin-bottom:14px;display:flex;position:relative}.hero-search-fx{pointer-events:none;position:absolute;inset:0}.bolt{filter:drop-shadow(0 0 8px #ffd600e6);opacity:0;width:34px;height:50px;animation:2.4s infinite boltFlicker;position:absolute}.bolt-1{animation-delay:0s;top:-52px;left:-24px;transform:rotate(24deg)}.bolt-2{animation-delay:.9s;top:-58px;right:-20px;transform:rotate(-160deg)}.bolt-3{animation-delay:1.6s;bottom:-44px;left:12%;transform:rotate(200deg)scale(.8)}.bolt-4{animation-delay:.45s;bottom:-40px;right:14%;transform:rotate(-30deg)scale(.7)}@keyframes boltFlicker{0%,to{opacity:0}6%{opacity:.9}9%{opacity:.2}12%{opacity:1}16%{opacity:.3}20%{opacity:.85}26%{opacity:0}}.hero-search-input{aspect-ratio:965/135;width:min(560px,80vw);color:var(--c-ink);font-family:var(--font-serif);letter-spacing:.2em;text-align:center;text-shadow:0 1px 8px #000000e6;caret-color:var(--c-accent);background:url(/sword_search.png) 50%/contain no-repeat;border:none;outline:none;padding:0 4px;font-size:clamp(.95rem,2.2vw,1.2rem)}.hero-search-input::placeholder{color:var(--c-ink);opacity:.9}@media (prefers-reduced-motion:reduce){.bolt{opacity:.7;animation:none}}.hero-title{font-family:var(--font-serif);letter-spacing:.2em;text-shadow:0 0 34px var(--c-glow), 0 2px 0 #0006;margin:0 0 8px;font-size:clamp(2.6rem,9vw,5.2rem)}.hero-sub{color:var(--c-ink-dim);letter-spacing:.42em;margin:0 0 14px;font-size:clamp(.95rem,2.4vw,1.15rem)}.hero-tagline{font-family:var(--font-serif);color:var(--c-accent);letter-spacing:.14em;text-shadow:0 0 18px var(--c-glow);margin:0 0 40px}.hero-actions{flex-wrap:wrap;justify-content:center;gap:18px;display:flex}.btn{font-family:var(--font-serif);letter-spacing:.2em;cursor:pointer;border:1px solid #0000;border-radius:999px;align-items:center;gap:10px;padding:14px 34px;font-size:1rem;text-decoration:none;transition:transform .2s,box-shadow .2s,background .3s;display:inline-flex}.btn-primary{color:#0a0f0d;background:linear-gradient(135deg, var(--c-accent), var(--c-primary));box-shadow:0 8px 30px var(--c-glow)}.btn-primary:hover{box-shadow:0 14px 40px var(--c-glow);transform:translateY(-3px)}.btn-ghost{color:var(--c-ink);border-color:color-mix(in srgb, var(--c-accent) 55%, transparent);background:#0a100f66}.btn-ghost:hover{box-shadow:0 8px 26px var(--c-glow);transform:translateY(-3px)}.rebirth-panel{text-align:center;border-radius:var(--radius);background:var(--c-panel);border:1px solid color-mix(in srgb, var(--c-accent) 20%, transparent);max-width:640px;margin-inline:auto;padding:34px 28px;box-shadow:0 10px 40px #00000040}.rebirth-result{flex-direction:column;justify-content:center;align-items:center;gap:6px;min-height:300px;margin-bottom:24px;display:flex}.rebirth-hint{color:var(--c-ink-dim);letter-spacing:.18em}.rebirth-portrait{object-fit:cover;object-position:center 20%;border:2px solid color-mix(in srgb, var(--c-accent) 50%, transparent);width:200px;height:230px;box-shadow:0 0 26px var(--c-glow);border-radius:14px}.rebirth-name{font-family:var(--font-serif);letter-spacing:.14em;color:var(--c-ink);margin:10px 0 0;font-size:1.5rem}.rebirth-title{color:var(--c-accent);letter-spacing:.1em;margin:0;font-size:.9rem}.rebirth-desc{color:var(--c-ink-dim);max-width:36em;margin:6px 0 0;font-size:.95rem}.rebirth-tagline{font-family:var(--font-serif);color:var(--c-accent);letter-spacing:.08em;margin:8px 0 0}.btn[hidden]{display:none}.char-grid{grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:22px;display:grid}.char-card{border-radius:var(--radius);background:var(--c-panel);border:1px solid color-mix(in srgb, var(--c-accent) 16%, transparent);cursor:pointer;padding:26px 22px;transition:transform .25s,border-color .25s,box-shadow .25s;position:relative;overflow:hidden}.char-card:before{content:"";background:linear-gradient(90deg, transparent, var(--c-accent), transparent);opacity:0;height:3px;transition:opacity .25s;position:absolute;top:0;left:0;right:0}.char-card:hover,.char-card.active{border-color:color-mix(in srgb, var(--c-accent) 55%, transparent);box-shadow:0 18px 44px var(--c-glow);transform:translateY(-6px)}.char-card:hover:before,.char-card.active:before{opacity:1}.char-card .seal{width:56px;height:56px;font-family:var(--font-serif);color:#0a0f0d;background:radial-gradient(circle at 35% 30%, var(--c-accent), var(--c-primary));box-shadow:0 0 22px var(--c-glow);border-radius:50%;place-items:center;margin-bottom:14px;font-size:1.5rem;display:grid}.char-card .portrait{object-fit:cover;object-position:center 20%;border-bottom:1px solid color-mix(in srgb, var(--c-accent) 35%, transparent);filter:saturate(.9);width:calc(100% + 44px);height:240px;margin:-26px -22px 18px;transition:transform .3s,filter .3s;display:block}.char-card:hover .portrait{filter:saturate(1.1);transform:scale(1.03)}.char-card h3{font-family:var(--font-serif);letter-spacing:.1em;margin:0 0 2px;font-size:1.35rem}.char-card .title{color:var(--c-accent);letter-spacing:.08em;margin:0 0 12px;font-size:.85rem}.char-card p{color:var(--c-ink-dim);margin:0 0 12px;font-size:.95rem}.char-card .tagline{font-family:var(--font-serif);color:var(--c-ink);border-top:1px dashed color-mix(in srgb, var(--c-accent) 25%, transparent);margin:0;padding-top:10px}.video-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:26px;display:grid}.video-card{border-radius:var(--radius);background:var(--c-panel);border:1px solid color-mix(in srgb, var(--c-accent) 16%, transparent);padding:16px;transition:transform .25s,border-color .25s,box-shadow .25s}.video-card:hover{border-color:color-mix(in srgb, var(--c-accent) 50%, transparent);box-shadow:0 14px 36px var(--c-glow);transform:translateY(-4px)}.video-frame{aspect-ratio:16/9;background:#000;border-radius:10px;position:relative;overflow:hidden}.video-frame iframe{border:0;width:100%;height:100%;position:absolute;inset:0}.video-play{cursor:pointer;background:radial-gradient(400px 200px at 50% 40%, color-mix(in srgb, var(--c-accent) 18%, transparent), transparent 70%), #080c0bb3;color:var(--c-ink);border:none;flex-direction:column;justify-content:center;align-items:center;gap:10px;transition:background .25s;display:flex;position:absolute;inset:0}.video-play:hover{background:radial-gradient(400px 200px at 50% 40%, color-mix(in srgb, var(--c-accent) 30%, transparent), transparent 70%), #080c0bd1}.video-play-icon{color:#0a0f0d;background:linear-gradient(135deg, var(--c-accent), var(--c-primary));width:64px;height:64px;box-shadow:0 6px 24px var(--c-glow);border-radius:50%;place-items:center;font-size:1.6rem;transition:transform .2s;display:grid}.video-play:hover .video-play-icon{transform:scale(1.08)}.video-play-text{font-family:var(--font-serif);letter-spacing:.18em;color:var(--c-ink-dim);font-size:.9rem}.video-card h3{font-family:var(--font-serif);letter-spacing:.06em;margin:14px 0 4px;font-size:1.05rem}.video-source{color:var(--c-ink-dim);letter-spacing:.14em;font-size:.8rem}.music-player{z-index:100;border:1px solid color-mix(in srgb, var(--c-accent) 35%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0a100fc7;border-radius:999px;align-items:center;gap:10px;padding:7px 14px;display:flex;position:fixed;bottom:22px;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #00000059}.music-toggle{border:1px solid color-mix(in srgb, var(--c-accent) 45%, transparent);width:36px;height:36px;color:var(--c-accent);cursor:pointer;background:0 0;border-radius:50%;flex:none;place-items:center;font-size:1rem;transition:background .25s,color .25s,box-shadow .25s;display:grid}.music-toggle.playing{background:linear-gradient(135deg, var(--c-accent), var(--c-primary));color:#0a0f0d;box-shadow:0 0 16px var(--c-glow)}.music-name{color:var(--c-ink-dim);letter-spacing:.1em;white-space:nowrap;text-overflow:ellipsis;max-width:120px;font-size:.8rem;overflow:hidden}.music-volume{width:90px;accent-color:var(--c-accent);cursor:pointer}.social-dock{z-index:60;flex-direction:column;align-items:center;gap:10px;display:flex;position:fixed;bottom:22px;right:18px}.social-btn{width:44px;height:44px;font-family:var(--font-serif);color:var(--c-ink);border:1px solid color-mix(in srgb, var(--c-accent) 40%, transparent);background:#0a100fb8;border-radius:50%;place-items:center;font-size:.85rem;text-decoration:none;transition:transform .2s,box-shadow .2s,background .25s;display:grid;box-shadow:0 6px 18px #0000004d}.social-btn:hover{background:linear-gradient(135deg, var(--c-accent), var(--c-primary));color:#0a0f0d;box-shadow:0 10px 26px var(--c-glow);transform:translateY(-4px)}.social-label{color:var(--c-ink-dim);letter-spacing:.2em;margin-top:2px;font-size:.7rem;display:block}.float-nav{z-index:60;flex-direction:column;gap:8px;display:flex;position:fixed;bottom:22px;left:18px}.float-btn{border:1px solid color-mix(in srgb, var(--c-accent) 45%, transparent);width:40px;height:40px;color:var(--c-accent);cursor:pointer;opacity:0;pointer-events:none;background:#0a100fb8;border-radius:12px;place-items:center;font-size:1.1rem;transition:opacity .25s,transform .25s;display:grid;transform:translateY(10px)}.float-btn:hover{background:linear-gradient(135deg, var(--c-accent), var(--c-primary));color:#0a0f0d;box-shadow:0 10px 26px var(--c-glow)}.float-btn.show{opacity:1;pointer-events:auto;transform:translateY(0)}footer{z-index:2;text-align:center;color:var(--c-ink-dim);letter-spacing:.1em;padding:34px 20px 120px;font-size:.85rem;position:relative}footer .heart{color:var(--c-accent)}@media (width<=860px){.nav-links{top:var(--nav-h);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-left:1px solid color-mix(in srgb, var(--c-accent) 22%, transparent);border-bottom:1px solid color-mix(in srgb, var(--c-accent) 22%, transparent);background:#080e0df5;flex-direction:column;align-items:stretch;gap:0;width:min(78vw,320px);padding:14px 22px;transition:transform .3s;position:fixed;right:0;transform:translate(100%)}.nav-links.open{transform:translate(0)}.nav-links a{border-bottom:1px dashed #ffffff14;padding:14px 6px}.nav-toggle{display:flex}.theme-picker select{max-width:130px}.nav-search-input{width:110px}.nav-search-input:focus{width:140px}.social-dock{gap:8px;bottom:14px;right:12px}.float-nav{gap:6px;bottom:14px;left:12px}.music-player{gap:8px;padding:6px 10px;bottom:14px}.music-name{max-width:84px}.music-volume{width:70px}.char-card .portrait{height:190px}section{padding:52px 0}}@media (width<=480px){.brand{font-size:1rem}.hero-search{margin-bottom:10px}.hero-search-input{width:92vw}.bolt{width:24px;height:36px}.bolt-1{top:-38px;left:-8px}.bolt-2{top:-42px;right:-6px}.hero{padding:60px 14px 100px}.hero-actions .btn{justify-content:center;width:100%}}@keyframes fadeUp{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}.fade-up{animation:.8s both fadeUp}.fade-up.d1{animation-delay:.12s}.fade-up.d2{animation-delay:.24s}.fade-up.d3{animation-delay:.36s}.fade-up.d4{animation-delay:.48s}