:root{--abyss: #07081a;--abyss-2: #0c0e26;--midnight: #14163a;--panel: rgba(30, 33, 74, .5);--violet: #6d5dd3;--violet-bright: #9d8cff;--aether: #5ee0d6;--gold: #c9a961;--mist: #d6d7f4;--mist-dim: #8e90bd;--line: rgba(157, 140, 255, .18);--font-display: "Cinzel", "Noto Serif TC", serif;--font-serif: "Noto Serif TC", serif;--font-body: "Noto Sans TC", sans-serif;--ease: cubic-bezier(.22, .61, .36, 1)}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:var(--font-body);color:var(--mist);background-color:var(--abyss);background-image:radial-gradient(1200px 800px at 75% -10%,rgba(109,93,211,.28),transparent 60%),radial-gradient(1000px 700px at 10% 110%,rgba(94,224,214,.12),transparent 60%),radial-gradient(700px 500px at 50% 50%,rgba(201,169,97,.06),transparent 70%);overflow:hidden;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body:before{content:"";position:fixed;top:-50%;right:-50%;bottom:-50%;left:-50%;background-image:radial-gradient(1.5px 1.5px at 20% 30%,rgba(255,255,255,.8),transparent),radial-gradient(1px 1px at 70% 60%,rgba(214,215,244,.7),transparent),radial-gradient(1.5px 1.5px at 40% 80%,rgba(157,140,255,.7),transparent),radial-gradient(1px 1px at 85% 20%,rgba(94,224,214,.6),transparent),radial-gradient(1px 1px at 55% 45%,rgba(255,255,255,.5),transparent),radial-gradient(1.5px 1.5px at 10% 65%,rgba(255,255,255,.6),transparent);background-size:600px 600px,500px 500px,700px 700px,450px 450px,550px 550px,650px 650px;animation:drift 90s linear infinite;pointer-events:none;z-index:0}@keyframes drift{to{transform:translate3d(-120px,-80px,0) rotate(8deg)}}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}img{max-width:100%;display:block}:focus-visible{outline:2px solid var(--aether);outline-offset:3px;border-radius:2px}.scroller{position:relative;z-index:1;height:100vh;height:100dvh;overflow-y:auto;scroll-snap-type:y proximity;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:var(--violet) transparent}.scroller::-webkit-scrollbar{width:8px}.scroller::-webkit-scrollbar-thumb{background:var(--violet);border-radius:8px}.section{position:relative;min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center;scroll-snap-align:start;padding:96px clamp(20px,6vw,100px) 72px}.section__inner{width:100%;max-width:1120px;margin:0 auto}.loader{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;background:radial-gradient(800px 600px at 50% 40%,rgba(109,93,211,.25),transparent 70%),var(--abyss);transition:opacity .7s var(--ease),visibility .7s}.loader--out{opacity:0;visibility:hidden}.loader__circle{width:clamp(180px,38vw,280px);filter:drop-shadow(0 0 22px rgba(109,93,211,.6));animation:loaderPulse 2.4s var(--ease) infinite}.loader__brand{font-family:var(--font-display);font-weight:600;letter-spacing:.34em;font-size:clamp(1.2rem,3vw,1.7rem);color:var(--mist);padding-left:.34em;margin-top:8px}.loader__text{font-family:var(--font-serif);letter-spacing:.3em;color:var(--mist-dim);font-size:.9rem}.loader__dots{animation:blink 1.4s steps(4) infinite}@keyframes loaderPulse{0%,to{transform:scale(1);opacity:.92}50%{transform:scale(1.04);opacity:1}}@keyframes blink{0%{opacity:.2}50%{opacity:1}to{opacity:.2}}.magic-circle{width:100%;height:100%;overflow:visible}.magic-circle .mc-ring circle,.magic-circle .mc-ring polygon,.magic-circle .mc-ticks line{fill:none;stroke:var(--violet-bright);stroke-width:.6;vector-effect:non-scaling-stroke}.magic-circle .mc-star polygon{stroke:var(--aether);opacity:.75}.magic-circle .mc-rune{fill:var(--gold);font-size:9px;text-anchor:middle;font-family:var(--font-serif)}.magic-circle .mc-ticks line{stroke:var(--aether);opacity:.5}.magic-circle .mc-core polygon{fill:var(--aether);stroke:#fff;stroke-width:.5;filter:drop-shadow(0 0 6px var(--aether));animation:coreGlow 3s ease-in-out infinite;transform-origin:100px 100px}@keyframes coreGlow{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.12)}}.mc-spin-slow{animation:spin 60s linear infinite;transform-origin:100px 100px}.mc-spin-rev{animation:spin 42s linear infinite reverse;transform-origin:100px 100px}.mc-spin-mid{animation:spin 30s linear infinite;transform-origin:100px 100px}@keyframes spin{to{transform:rotate(360deg)}}.navbar{position:fixed;top:0;left:0;right:0;z-index:40;display:flex;align-items:center;justify-content:space-between;padding:16px clamp(20px,5vw,60px);background:linear-gradient(to bottom,#07081ad9,#07081a00);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.navbar__logo{display:flex;align-items:center;gap:12px}.navbar__crest{color:var(--aether);font-size:1.3rem;text-shadow:0 0 12px rgba(94,224,214,.7)}.navbar__name{display:flex;flex-direction:column;line-height:1.05;text-align:left}.navbar__name-zh{font-family:var(--font-serif);font-weight:700;font-size:1.15rem;color:var(--mist)}.navbar__name-en{font-family:var(--font-display);font-size:.62rem;letter-spacing:.28em;color:var(--gold)}.navbar__menu{display:flex;gap:clamp(14px,2.6vw,38px)}.navbar__link{display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 4px;position:relative;transition:color .3s;color:var(--mist-dim)}.navbar__link-zh{font-family:var(--font-serif);font-size:.98rem;font-weight:500}.navbar__link-en{font-family:var(--font-display);font-size:.56rem;letter-spacing:.22em}.navbar__link:after{content:"";position:absolute;bottom:-2px;left:50%;width:0;height:1.5px;background:var(--aether);box-shadow:0 0 8px var(--aether);transform:translate(-50%);transition:width .3s var(--ease)}.navbar__link:hover{color:var(--mist)}.navbar__link.is-active{color:var(--violet-bright)}.navbar__link.is-active:after{width:100%}.navbar__burger{display:none;flex-direction:column;gap:5px;padding:8px}.navbar__burger span{width:24px;height:2px;background:var(--mist);transition:transform .3s var(--ease),opacity .3s}.navbar__burger.is-open span:nth-child(1){transform:translateY(7px) rotate(45deg)}.navbar__burger.is-open span:nth-child(2){opacity:0}.navbar__burger.is-open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.dotnav{position:fixed;top:50%;right:clamp(14px,2.4vw,34px);transform:translateY(-50%);z-index:40;display:flex;flex-direction:column;gap:18px}.dotnav__dot{position:relative;width:12px;height:12px;border-radius:50%;border:1.5px solid var(--violet);transition:all .3s var(--ease)}.dotnav__dot:hover{border-color:var(--aether)}.dotnav__dot.is-active{background:var(--aether);border-color:var(--aether);box-shadow:0 0 12px var(--aether)}.dotnav__label{position:absolute;right:24px;top:50%;transform:translateY(-50%) translate(6px);white-space:nowrap;font-family:var(--font-serif);font-size:.8rem;color:var(--mist);background:var(--midnight);border:1px solid var(--line);padding:4px 10px;border-radius:4px;opacity:0;pointer-events:none;transition:all .3s var(--ease)}.dotnav__dot:hover .dotnav__label{opacity:1;transform:translateY(-50%) translate(0)}.hero{text-align:center}.hero__circle{position:absolute;top:50%;left:50%;width:min(120vh,760px);height:min(120vh,760px);transform:translate(-50%,-50%);opacity:.5;pointer-events:none}.hero__content{position:relative;z-index:1;max-width:640px;animation:rise 1s var(--ease) both;animation-delay:.3s}.hero__eyebrow{font-family:var(--font-display);letter-spacing:.3em;font-size:.72rem;color:var(--aether);text-transform:uppercase;margin-bottom:22px}.hero__title{display:flex;flex-direction:column;align-items:center;gap:4px;margin-bottom:18px}.hero__title-zh{font-family:var(--font-serif);font-weight:700;font-size:clamp(2.6rem,9vw,5rem);letter-spacing:.08em;color:#fff;text-shadow:0 0 30px rgba(109,93,211,.7)}.hero__title-en{font-family:var(--font-display);font-weight:500;font-size:clamp(.9rem,3vw,1.4rem);letter-spacing:.42em;padding-left:.42em;color:var(--gold)}.hero__tagline{font-family:var(--font-serif);font-size:clamp(1.1rem,3.4vw,1.5rem);color:var(--violet-bright);margin-bottom:18px}.hero__intro{font-size:.98rem;line-height:2;color:var(--mist-dim);margin-bottom:34px}.hero__actions{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.hero__scroll{position:absolute;bottom:28px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;color:var(--mist-dim);font-size:.7rem;letter-spacing:.2em}.hero__scroll-line{width:1px;height:40px;background:linear-gradient(to bottom,var(--aether),transparent);animation:scrollLine 2s ease-in-out infinite}@keyframes scrollLine{0%{transform:scaleY(0);transform-origin:top}50%{transform:scaleY(1);transform-origin:top}51%{transform-origin:bottom}to{transform:scaleY(0);transform-origin:bottom}}@keyframes rise{0%{opacity:0;transform:translateY(26px)}to{opacity:1;transform:translateY(0)}}.heading{display:flex;align-items:baseline;gap:16px;margin-bottom:44px;padding-bottom:18px;border-bottom:1px solid var(--line)}.heading__mark{color:var(--aether);font-size:1.1rem;text-shadow:0 0 10px rgba(94,224,214,.6);align-self:center}.heading__zh{font-family:var(--font-serif);font-weight:700;font-size:clamp(1.7rem,5vw,2.6rem);color:#fff;letter-spacing:.06em}.heading__en{font-family:var(--font-display);letter-spacing:.3em;font-size:.8rem;color:var(--gold)}.member-grid{list-style:none;display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:22px}.member-card{display:flex;gap:18px;align-items:center;background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:18px;transition:transform .35s var(--ease),border-color .35s,box-shadow .35s}.member-card:hover{transform:translateY(-4px);border-color:#9d8cff80;box-shadow:0 14px 36px #07081a99}.member-card__avatar{position:relative;flex:0 0 84px;width:84px;height:84px;border-radius:12px;overflow:hidden;border:1px solid var(--line)}.member-card__avatar img{width:100%;height:100%;object-fit:cover}.member-card__placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-family:var(--font-serif);font-size:2.2rem;color:var(--violet-bright);background:radial-gradient(circle at 50% 40%,rgba(109,93,211,.35),transparent 70%),var(--midnight)}.member-card__role{position:absolute;bottom:0;left:0;right:0;text-align:center;font-size:.62rem;letter-spacing:.14em;padding:2px 0;background:#07081ac7;color:var(--aether)}.member-card__name{font-family:var(--font-serif);font-size:1.2rem;color:#fff}.member-card__job{font-size:.78rem;color:var(--gold);margin:2px 0 8px;letter-spacing:.06em}.member-card__quote{font-size:.84rem;color:var(--mist-dim);line-height:1.7}.journal-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:200px;gap:16px}.journal-card{position:relative;overflow:hidden;border-radius:14px;border:1px solid var(--line);background-size:cover;background-position:center;text-align:left;transition:transform .4s var(--ease),box-shadow .4s}.journal-card--wide{grid-column:span 2}.journal-card:hover{transform:scale(1.015);box-shadow:0 16px 40px #07081ab3}.journal-card--empty{background:radial-gradient(circle at 50% 30%,rgba(109,93,211,.25),transparent 65%),var(--midnight)}.journal-card--empty:after{content:"◈";position:absolute;top:38%;left:50%;transform:translate(-50%,-50%);font-size:2.4rem;color:#9d8cff66}.journal-card__scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(7,8,26,.92),transparent 65%)}.journal-card__meta{position:absolute;left:18px;bottom:16px;z-index:1;display:flex;flex-direction:column;gap:4px}.journal-card__date{font-family:var(--font-display);font-size:.66rem;letter-spacing:.18em;color:var(--aether)}.journal-card__title{font-family:var(--font-serif);font-size:1.05rem;color:#fff}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;display:flex;align-items:center;justify-content:center;padding:24px;background:#050612e0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:fadeIn .3s ease both}.lightbox__panel{position:relative;max-width:760px;width:100%;background:var(--midnight);border:1px solid var(--line);border-radius:16px;overflow:hidden;animation:rise .4s var(--ease) both}.lightbox__close{position:absolute;top:12px;right:12px;z-index:2;width:36px;height:36px;border-radius:50%;background:#07081ab3;color:var(--mist);font-size:.9rem}.lightbox__img{width:100%;max-height:64vh;object-fit:cover}.lightbox__placeholder{height:280px;display:flex;align-items:center;justify-content:center;font-size:4rem;color:#9d8cff66;background:radial-gradient(circle at 50% 40%,rgba(109,93,211,.3),transparent 70%)}.lightbox__caption{padding:20px 24px 26px}.lightbox__date{font-family:var(--font-display);letter-spacing:.2em;font-size:.7rem;color:var(--aether)}.lightbox__title{font-family:var(--font-serif);font-size:1.4rem;color:#fff;margin:6px 0 8px}.lightbox__text{color:var(--mist-dim);line-height:1.8}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.recruit__layout{display:grid;grid-template-columns:1.4fr 1fr;gap:40px}.rule-list{list-style:none;display:grid;gap:22px}.rule{display:flex;gap:14px}.rule__mark{color:var(--gold);font-size:.9rem;margin-top:4px}.rule__title{font-family:var(--font-serif);font-size:1.1rem;color:var(--violet-bright);margin-bottom:4px}.rule__body{font-size:.88rem;color:var(--mist-dim);line-height:1.8}.recruit__join{display:grid;gap:18px;align-content:start}.recruit__blurb{font-family:var(--font-serif);font-size:.96rem;line-height:1.9;color:var(--mist)}.join-card{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:20px}.join-card__label{display:inline-block;font-family:var(--font-display);letter-spacing:.2em;font-size:.66rem;color:var(--aether);border:1px solid var(--line);border-radius:20px;padding:3px 12px;margin-bottom:12px}.join-card__hint{font-size:.84rem;color:var(--mist-dim);line-height:1.7}.join-card__names{list-style:none;display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}.join-card__names li{font-family:var(--font-serif);color:#fff;background:var(--midnight);border:1px solid var(--line);border-radius:8px;padding:6px 14px}.join-card__btn{margin-top:14px}.join-card__btn.is-disabled{opacity:.5;cursor:default}.btn{display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-serif);font-size:.95rem;letter-spacing:.08em;padding:12px 30px;border-radius:30px;text-decoration:none;transition:transform .25s var(--ease),box-shadow .25s,background .25s}.btn--primary{background:linear-gradient(135deg,var(--violet),var(--violet-bright));color:#fff;box-shadow:0 8px 24px #6d5dd373}.btn--primary:hover{transform:translateY(-2px);box-shadow:0 12px 30px #6d5dd399}.btn--ghost{border:1px solid var(--violet);color:var(--violet-bright)}.btn--ghost:hover{background:#6d5dd326;border-color:var(--violet-bright)}.footer{scroll-snap-align:end;text-align:center;padding:60px 24px 50px;border-top:1px solid var(--line)}.footer__crest{color:var(--aether);font-size:1.4rem}.footer__name{font-family:var(--font-serif);font-weight:700;font-size:1.1rem;color:var(--mist);margin:10px 0 4px}.footer__note{font-family:var(--font-display);letter-spacing:.2em;font-size:.7rem;color:var(--gold)}.footer__fine{font-size:.7rem;color:var(--mist-dim);margin-top:18px;line-height:1.7}@media (max-width: 860px){.recruit__layout{grid-template-columns:1fr;gap:30px}.journal-grid{grid-template-columns:repeat(2,1fr);grid-auto-rows:170px}}@media (max-width: 720px){.navbar__burger{display:flex}.navbar__menu{position:fixed;top:0;right:0;bottom:0;left:30%;flex-direction:column;justify-content:center;gap:26px;padding:40px;background:#0a0b1ef7;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transform:translate(100%);transition:transform .4s var(--ease)}.navbar__menu.is-open{transform:translate(0)}.navbar__link{flex-direction:row;gap:10px;align-items:baseline}.navbar__link-en{font-size:.6rem}.dotnav{display:none}}@media (max-width: 520px){.journal-grid{grid-template-columns:1fr;grid-auto-rows:200px}.journal-card--wide{grid-column:span 1}.member-grid{grid-template-columns:1fr}.hero__actions{flex-direction:column;align-items:stretch}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}