@font-face{font-family:"Noto Sans SC";src:url("fonts/NotoSansSC-Variable.ttf") format("truetype");font-weight:100 900;font-display:swap}
@font-face{font-family:"Space Grotesk";src:url("fonts/SpaceGrotesk-Variable.ttf") format("truetype");font-weight:300 700;font-display:swap}
:root{color-scheme:light;--paper:#fff;--mint:#f0f8eb;--green:#327d26;--ink:#172b19;--muted:#667363;--line:#d8e5d1;--lime:#c2ff39;--radius:24px;--pill:999px;--header-height:106px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--header-height) + 16px)}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Noto Sans SC","Microsoft YaHei","PingFang SC",sans-serif;font-size:17px;line-height:1.58}h1,h2,h3,h4,p,figure{margin:0}h1,h2,h3,h4{font-weight:700}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}a,button{touch-action:manipulation}button{border:0}img{display:block;max-width:100%;height:auto}a:focus-visible,button:focus-visible{outline:3px solid var(--green);outline-offset:5px}.site-header a:focus-visible,.site-header button:focus-visible,.menu-header a:focus-visible,.menu-header button:focus-visible{outline-color:var(--lime)}a:hover{color:var(--green)}[hidden]{display:none!important}.container,.header-inner{width:min(100%,1440px);padding-inline:80px;margin-inline:auto}.mint{background:var(--mint)}.muted{color:var(--muted)}.eyebrow{font-family:"Space Grotesk","Noto Sans SC",sans-serif;font-size:12px;font-weight:400;line-height:1.58;color:var(--green)}.stack{display:flex;flex-direction:column;align-items:flex-start}.stack>*{max-width:100%}.section-line{width:100%;height:1px;background:var(--line);flex:none}
.site-header{position:sticky;top:0;z-index:20;background:#000;color:#f3f5ee}.header-inner{height:106px;display:flex;align-items:center;justify-content:space-between;gap:32px}.brand{display:block;flex:none;width:220px}.brand img{width:220px;height:74px;object-fit:contain}.desktop-nav{display:flex;align-items:center;justify-content:flex-end;gap:32px;font-size:14px;line-height:24px}.desktop-nav>a:not(.nav-button){width:90px}.site-header a:hover{color:var(--lime)}.nav-button{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:8px 12px;border-radius:3px;background:var(--lime);color:#090c0a;font-size:14px;line-height:24px}.site-header .nav-button:hover{background:#d2ff70;color:#090c0a}.menu-toggle{display:none;width:44px;height:44px;padding:10px;background:none}.menu-toggle span{display:block;width:24px;height:2px;background:#f3f5ee;margin:5px 0}
.button{display:inline-flex;align-items:center;justify-content:flex-start;min-height:56px;padding:16px;border-radius:var(--pill);background:var(--green);color:var(--paper);font-size:15px;line-height:24px;transition:background .15s}.button:hover{background:#286720;color:var(--paper)}.button-soft{background:var(--mint);color:var(--green);width:148px}.button-soft:hover{background:#e1efd9;color:var(--green)}.button:disabled{cursor:wait;opacity:.7}.hero{display:flex;flex-direction:column;gap:32px;padding-block:64px}.hero-main{display:grid;grid-template-columns:minmax(0,704fr) minmax(0,512fr);gap:64px;width:100%}.hero-copy{gap:24px;min-width:0}.hero h1{font-size:72px;line-height:1.22;color:var(--green)}.hero-intro{font-size:22px;line-height:1.58}.hero-actions{display:flex;align-items:flex-start;gap:12px}.hero-cta{width:216px}.hero-art{display:flex;align-items:flex-start;justify-content:center;min-width:0}.hero-art img{width:512px;height:512px;max-width:none}.section-index{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;width:100%}.section-index>a{display:flex;flex-direction:column;align-items:flex-start;gap:8px;color:var(--green)}.section-index>a:hover span{text-decoration:underline;text-underline-offset:4px}.section-index small{color:var(--muted);font-size:14px}.music-status{font-size:14px}.studios-content{display:flex;flex-direction:column;gap:56px;padding-block:80px}h2{font-size:48px;line-height:1.58}.studio-grid{display:grid;grid-template-columns:minmax(0,736fr) minmax(0,512fr);align-items:start;gap:32px;width:100%}.studio-grid>*{min-width:0}.minecraft-art img{width:100%;height:330px;object-fit:cover;border-radius:20px}figcaption{font-size:12px;line-height:1.58;color:var(--muted);margin-top:8px}.agm-copy{gap:16px}.brand-title{font-family:"Space Grotesk","Noto Sans SC",sans-serif;font-size:48px;line-height:1.58;color:var(--green)}.agm-copy .brand-title{font-size:56px}.agm-copy h4{font-size:28px;line-height:1.58}.play-cta{width:182px}.soft-copy{gap:20px}.soft-copy h4{font-size:32px;line-height:1.58}.soft-cta{width:403px;max-width:100%}.studio-manifesto{padding:32px;background:var(--green);color:var(--paper);border-radius:var(--radius);display:flex;flex-direction:column;gap:16px}.manifesto-title{font-family:"Space Grotesk",sans-serif;font-size:56px;font-weight:700;line-height:1.58}.studio-manifesto>p:last-child{font-size:15px}
.team{display:flex;flex-direction:column;gap:32px;padding-block:80px}.team-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;background:var(--mint);padding:16px;width:100%}.member-card{padding:32px;gap:16px;background:var(--paper);border-radius:var(--radius);min-width:0}.member-card h3{font-size:28px;line-height:1.58}.avatar{width:96px;height:96px;object-fit:cover;border-radius:50%}.member-role{color:var(--green)}.member-bio{font-size:16px}.team-contact{display:grid;grid-template-columns:minmax(0,860fr) minmax(0,404fr);gap:16px;width:100%;color:var(--green)}.team-contact h3{font-size:28px}.team-contact>a{font-size:18px}.team-contact>a:hover,.email-link:hover{text-decoration:underline;text-underline-offset:4px}.join-cta{width:342px;max-width:100%}.site-footer{background:var(--mint);border-top:1px solid var(--line);padding-block:32px;color:var(--muted);font-size:12px;line-height:1.58}.site-footer .container{display:flex;flex-direction:column;gap:8px}.footer-slogan{font-family:"Space Grotesk","Noto Sans SC",sans-serif;color:var(--green)}
.join-grid{display:grid;grid-template-columns:minmax(0,592fr) minmax(0,640fr);align-items:center;gap:48px;padding-block:64px}.join-copy{gap:24px;min-width:0;font-size:18px;line-height:1.55}.join-copy .eyebrow{font-size:13px;line-height:24px}.join-copy h1,.join-copy h2{font-size:48px;line-height:1.55}.play-section .join-copy{border-bottom:1px solid #d9ded7}.qq-info,.email-link{color:var(--green);overflow-wrap:anywhere}.play-art{min-width:0}.play-art img{width:100%;height:auto;aspect-ratio:640/360;object-fit:cover;border-radius:8px}.play-art figcaption{font-size:13px;line-height:1.55;margin-top:12px}.join-meme{width:360px;height:360px;object-fit:contain;border-radius:8px;justify-self:center}.join-footer{border:0;padding-block:40px;font-size:13px;line-height:1.55}.join-footer .container{gap:12px}.join-footer p:first-child{font-family:"Space Grotesk",sans-serif;line-height:24px}
.mobile-menu{position:fixed;inset:0;width:100%;height:100%;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;background:var(--mint);color:var(--ink);overflow-y:auto}.mobile-menu[open]{display:flex;flex-direction:column}.mobile-menu::backdrop{background:var(--mint)}.menu-header{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:88px;padding:16px 24px;background:#000;color:#f3f5ee;flex-shrink:0}.menu-header .brand{width:168px}.menu-header .brand img{width:168px;height:56px}.menu-close{width:44px;height:44px;font-size:36px;line-height:40px;background:none;font-weight:300}.menu-links{display:flex;flex-direction:column;gap:40px;align-items:flex-start;padding:48px 24px}.menu-links a{font-size:24px;line-height:40px;min-height:40px}.menu-footer{background:var(--paper);color:var(--muted);padding:40px 24px;margin-top:auto;display:flex;flex-direction:column;gap:20px;font-size:14px;line-height:24px;flex-shrink:0}.menu-footer p:first-child{font-family:"Space Grotesk",sans-serif;font-size:12px;line-height:18px}.menu-open{overflow:hidden}.skip-link{position:fixed;top:-100px;left:16px;padding:12px;background:var(--lime);color:var(--ink);z-index:100}.skip-link:focus{top:12px}
@media(min-width:768px) and (max-width:1279px){.container,.header-inner{padding-inline:48px}.hero-main{gap:32px;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}.hero h1{font-size:clamp(40px,5vw,64px)}.hero-art img{width:360px;height:360px}.hero-actions{flex-wrap:wrap}.studio-grid{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}.minecraft-art img{height:300px}.studio-manifesto{padding:24px}.manifesto-title{font-size:clamp(32px,4.2vw,52px)}.soft-copy h4{font-size:26px}.brand-title{font-size:40px}.team-contact h3{font-size:24px}.desktop-nav{gap:20px}.desktop-nav>a:not(.nav-button){width:auto}.join-grid{gap:32px}.join-meme{max-width:100%;height:auto;aspect-ratio:1}}
@media(max-width:767px){:root{--header-height:88px}.container,.header-inner{padding-inline:24px}.header-inner{height:88px}.brand{width:168px}.brand img{width:168px;height:56px}.desktop-nav{display:none}.menu-toggle{display:block}.hero{padding-block:40px 48px;gap:32px}.hero-main{display:flex;flex-direction:column;gap:24px}.hero-copy{gap:24px}.hero h1{font-size:clamp(32px,10.77vw,48px);line-height:1.22}.hero-intro{font-size:18px}.hero-actions{flex-direction:column;gap:24px}.hero-art{align-items:center}.hero-art img{width:288px;height:288px}.section-index{display:flex;flex-direction:column;gap:16px}.section-index>a{gap:8px}.studios-content{padding-block:48px;gap:40px}h2{font-size:32px;line-height:1.58}.studio-grid{display:flex;flex-direction:column;gap:32px}.studio-grid>*{width:100%}.minecraft-art img{height:auto;aspect-ratio:342/214}.agm-copy .brand-title{font-size:40px}.agm-copy h4{font-size:28px}.brand-title{font-size:34px}.soft-copy h4{font-size:26px}.soft-cta{width:100%}.studio-manifesto{padding:32px;gap:16px}.manifesto-title{font-size:40px;line-height:1.58}.team{padding-block:48px;gap:32px}.team h2{font-size:30px}.team-cards{display:flex;flex-direction:column;padding:0;gap:16px}.member-card{width:100%;padding:32px}.member-card h3{font-size:24px}.team-contact{display:flex;flex-direction:column;gap:16px}.team-contact h3{font-size:24px}.join-cta{width:100%}.join-grid{display:flex;flex-direction:column;align-items:stretch;padding-block:48px;gap:24px}.join-copy{font-size:16px;gap:24px}.join-copy h1,.join-copy h2{font-size:32px}.play-section{border-bottom:1px solid #d9ded7}.play-section .join-copy{border:0}.play-art img{aspect-ratio:342/193}.play-art figcaption{margin-top:24px;font-size:12px}.join-meme{width:100%;max-width:342px;height:auto;aspect-ratio:1;align-self:center}.join-footer{padding-block:32px;font-size:12px}.site-footer .container{overflow-wrap:anywhere}.hero-copy,.team-contact,.studio-manifesto{overflow-wrap:anywhere}}
@media(max-width:359px){.container,.header-inner{padding-inline:20px}.hero h1{font-size:32px}.studio-manifesto{padding:24px}.manifesto-title{font-size:36px}.team h2{font-size:26px}.team-contact h3{font-size:22px}.member-card{padding:24px}.hero-art img{width:288px;height:288px}.hero-art{margin-inline:-4px}.menu-links a{font-size:22px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}

/* V3 dark visual system: black base, restrained lime accents, and a photographic home hero. */
:root{color-scheme:dark;--paper:#000;--mint:#000;--green:#c2ff39;--ink:#f5f7f1;--muted:#a5aa9f;--line:#292b27;--lime:#c2ff39;--radius:16px;--header-height:88px}
body{background:#000;color:var(--ink)}
a:focus-visible,button:focus-visible{outline-color:var(--lime)}
.site-header{border-bottom:1px solid rgba(255,255,255,.14);background:rgba(0,0,0,.9);backdrop-filter:blur(18px)}
.header-inner{height:88px}.brand{width:auto;display:inline-flex;align-items:center;gap:14px}.brand img{width:104px;height:44px;object-fit:contain}.brand-wordmark{font-family:"Space Grotesk","Noto Sans SC",sans-serif;font-size:22px;font-weight:500;letter-spacing:-.06em;color:#fff}.desktop-nav{gap:28px;font-family:"Space Grotesk","Noto Sans SC",sans-serif;font-size:13px}.desktop-nav>a:not(.nav-button){width:auto}.nav-button{border:1px solid var(--lime);border-radius:999px;background:transparent;color:var(--lime);padding-inline:18px}.site-header .nav-button:hover{background:var(--lime);color:#000}
.hero-gallery{position:relative;isolation:isolate;display:flex;align-items:flex-end;min-height:calc(100svh - 88px);overflow:hidden;background:#000}.hero-slides,.hero-overlay{position:absolute;inset:0}.hero-slides{z-index:-2;background:#101010}.hero-slide{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;opacity:0;animation:hero-gallery 25s infinite ease-in-out}.hero-slide:nth-child(1){animation-delay:0s}.hero-slide:nth-child(2){animation-delay:5s}.hero-slide:nth-child(3){animation-delay:10s}.hero-slide:nth-child(4){animation-delay:15s}.hero-slide:nth-child(5){animation-delay:20s}.hero-overlay{z-index:-1;background:linear-gradient(90deg,rgba(0,0,0,.74) 0%,rgba(0,0,0,.22) 54%,rgba(0,0,0,.06) 100%),linear-gradient(0deg,rgba(0,0,0,.78),transparent 62%)}
.hero-copy-overlay{width:min(100%,1440px);margin-inline:auto;padding:80px;gap:14px;align-items:flex-start;color:#fff}.hero-copy-overlay h1{font-family:"Space Grotesk","Noto Sans SC",sans-serif;font-size:clamp(28px,3.4vw,48px);line-height:1.08;letter-spacing:-.06em;color:#fff}.hero-copy-overlay .hero-intro{max-width:33ch;font-size:16px;line-height:1.7;color:#e4e8de}.hero-actions{margin-top:12px;gap:10px}.button{min-height:44px;border:1px solid transparent;padding:10px 18px;background:var(--lime);color:#080a07;font-size:13px}.button:hover{background:#fff;color:#000}.button-soft{width:auto;background:rgba(0,0,0,.38);border-color:rgba(255,255,255,.55);color:#fff;backdrop-filter:blur(8px)}.button-soft:hover{border-color:#fff;background:#fff;color:#000}.music-status{color:#fff;font-size:13px;text-shadow:0 1px 8px #000}
.studios,.team,.join-section,.play-section{background:#000!important}.studios-content,.team{padding-block:112px}.eyebrow,.brand-title,.member-role,.team-contact,.qq-info,.email-link{color:var(--lime)}.muted,figcaption{color:var(--muted)}h2,.soft-copy h4,.agm-copy h4{color:#fff}.section-line{background:var(--line)}.minecraft-art img{border-radius:4px;filter:saturate(.82) contrast(1.04)}.team-cards{padding:0;gap:1px;background:var(--line)}.member-card{border-radius:0;background:#10110f}.site-footer,.join-footer{border-color:var(--line);background:#000;color:var(--muted)}.footer-slogan{color:var(--lime)}
.join-copy h1,.join-copy h2{color:#fff}.play-section .join-copy{border-color:var(--line)}.play-art img,.join-meme{border-radius:4px}.mobile-menu{background:#000;color:#fff}.mobile-menu::backdrop{background:#000}.menu-header{min-height:88px;padding-inline:24px;border-bottom:1px solid rgba(255,255,255,.14)}.menu-header .brand{width:auto}.menu-header .brand img{width:90px;height:40px}.menu-header .brand-wordmark{font-size:20px}.menu-links a{color:#fff;font-family:"Space Grotesk","Noto Sans SC",sans-serif}.menu-footer{border-top:1px solid var(--line);background:#000;color:var(--muted)}
@keyframes hero-gallery{0%,16%{opacity:0}4%,20%{opacity:1}24%,100%{opacity:0}}
@media(max-width:767px){:root{--header-height:72px}.header-inner{height:72px}.brand img{width:84px;height:36px}.brand-wordmark{font-size:19px}.hero-gallery{min-height:calc(100svh - 72px)}.hero-copy-overlay{padding:32px 24px 48px;gap:12px}.hero-copy-overlay h1{font-size:30px}.hero-copy-overlay .hero-intro{font-size:15px}.hero-actions{flex-direction:row;flex-wrap:wrap;gap:8px}.button{min-height:42px;padding-inline:14px}.menu-toggle{width:40px;height:40px}.menu-header{min-height:72px}.studios-content,.team{padding-block:72px}.team-cards{gap:1px}.member-card{padding:28px}.join-grid{padding-block:64px}.join-copy h1,.join-copy h2{font-size:34px}.mobile-menu{height:100dvh}.menu-header .brand img{width:84px;height:36px}}
@media(prefers-reduced-motion:reduce){.hero-slide{animation:none}.hero-slide:first-child{opacity:1}}
/* Start the first image one second into its cycle so the first fade is visible immediately. */
.hero-slide:nth-child(1){animation-delay:-1s}.hero-slide:nth-child(2){animation-delay:4s}.hero-slide:nth-child(3){animation-delay:9s}.hero-slide:nth-child(4){animation-delay:14s}.hero-slide:nth-child(5){animation-delay:19s}
/* 首屏背景图保持原始比例完整显示；图片比例与屏幕不同产生的留白使用黑色。 */
.hero-slides{background:#000}.hero-slide{object-fit:contain;background:#000}

/* 随机轮播由 site.js 选择当前图；这里保留一秒的交叉淡入淡出。 */
.hero-slide{animation:none;transition:opacity 1s ease}.hero-slide.is-active{opacity:1}

/* 合并后的姊妹工作室区：两张并排信息卡。 */
.site-header .brand img{width:116px;height:50px}.studios-content.studios-merged{gap:28px;padding-block:88px}.studios-merged h2{font-size:clamp(34px,4vw,54px);line-height:1.18}.studio-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--line);margin-top:20px}.studio-card{min-height:430px;padding:32px;background:#080908;gap:18px;align-items:flex-start}.studio-card h3{font-family:"Space Grotesk","Noto Sans SC",sans-serif;font-size:30px;line-height:1.15;color:#fff}.studio-card .muted{max-width:34ch;font-size:15px;line-height:1.7}.studio-card .button{margin-top:auto}.studio-logo,.studio-image-placeholder{width:148px;height:148px;object-fit:contain;background:#000}.studio-image-placeholder{display:grid;place-items:center;border:1px dashed #4e514b;color:var(--muted);font-size:13px}

/* 贡献人员区压低高度，内容收在左侧，右侧故意保留为空白。 */
.team{display:grid;grid-template-columns:minmax(0,420px) minmax(0,1fr);gap:72px;padding-block:64px}.team-compact{display:flex;flex-direction:column;gap:20px}.team-summary{display:flex;align-items:baseline;justify-content:space-between;gap:16px}.team-summary h2{font-size:30px;line-height:1.2;color:#fff}.team-cards{display:flex;flex-direction:column;gap:1px;background:var(--line)}.member-card{display:flex;align-items:center;gap:14px;padding:12px 14px;border-radius:0;background:#0b0c0b}.member-card .avatar{width:48px;height:48px}.member-card h3{font-family:"Space Grotesk","Noto Sans SC",sans-serif;font-size:17px;line-height:1.25;color:#fff}.member-card .member-role{margin-top:4px;font-size:13px;line-height:1.3}.team-spacer{min-height:1px}
@media(max-width:767px){.site-header .brand img{width:96px;height:42px}.studios-content.studios-merged{padding-block:64px}.studio-cards{grid-template-columns:1fr}.studio-card{min-height:0;padding:28px}.studio-logo,.studio-image-placeholder{width:120px;height:120px}.team{display:block;padding-block:48px}.team-spacer{display:none}.team-summary h2{font-size:28px}}

/* 加入页：B 站服务器宣传片与音乐控制。 */
.video-art iframe{display:block;width:100%;height:auto;aspect-ratio:16/9;border:0;border-radius:4px;background:#000}.join-music-actions{margin-top:0}.join-copy .music-status{color:var(--muted);text-shadow:none}
