body{margin:0;background:#0f1117;color:#fff;font-family:sans-serif}.project-long-description{width:100%;margin-top:3rem;text-align:left}.project-long-description-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}.project-long-description-header h2{margin:0;font-size:2.25rem}.project-long-description-body{min-height:180px;padding:1.5rem;background:#151821;border:1px solid #333946;border-radius:20px;color:#d9deea;line-height:1.8;text-align:left}.project-long-description-body h1{font-size:2rem}.project-long-description-body h2{font-size:1.8rem}.project-long-description-body h3{font-size:1.6rem}.project-long-description-body h4{font-size:1.4rem}.project-long-description-body h5{font-size:1.2rem}.project-long-description-body h6{font-size:1.1rem}.project-long-description-body h1,.project-long-description-body h2,.project-long-description-body h3,.project-long-description-body h4,.project-long-description-body h5,.project-long-description-body h6{margin-top:1.75em;margin-bottom:.65em;color:#fff;line-height:1.3}.project-long-description-body h1:first-child,.project-long-description-body h2:first-child,.project-long-description-body h3:first-child,.project-long-description-body h4:first-child,.project-long-description-body h5:first-child,.project-long-description-body h6:first-child{margin-top:0}.project-long-description-body p,.project-long-description-body div,.project-long-description-body li{font-size:1.05rem;margin-top:0;margin-bottom:1rem;text-align:left}.project-long-description-body img{display:block;width:auto;height:auto;max-width:100%;margin:1rem auto;border-radius:12px}.project-long-description-body iframe,.project-long-description-body video{display:block;width:min(100%,900px);aspect-ratio:16 / 9;margin:1rem auto;border:0;border-radius:12px;background:#0f1117}main{min-height:100vh;display:flex;flex-direction:column;justify-content:center;padding:4rem}h1{font-size:5rem;margin-bottom:1rem}p{font-size:1.2rem;color:#b0b7c3;margin-bottom:2rem}a{color:#fff;text-decoration:none}nav{display:flex;gap:1rem}nav a{border:1px solid #444;padding:.8rem 1.2rem;border-radius:12px;transition:background .2s ease,color .2s ease,transform .2s ease}nav a:hover{background:#fff;color:#000;transform:translateY(-2px)}.floating-home{position:fixed;right:2rem;bottom:2rem;z-index:50;background:#151821;border:1px solid #333946;border-radius:999px;padding:.9rem 1.2rem;box-shadow:0 10px 30px #00000059;transition:background .2s ease,color .2s ease,transform .2s ease}.floating-home:hover{background:#fff;color:#000;transform:translateY(-2px)}.project-category{margin-top:4rem;width:100%}.project-list{display:flex;flex-direction:column;gap:1.2rem;width:100%}.project-item{display:flex;gap:1.5rem;width:100%;height:180px;position:relative;background:#151821;border:1px solid #333946;border-radius:20px;overflow:hidden;transition:transform .2s ease,background .2s ease,border-color .2s ease,box-shadow .2s ease}.project-item:hover{transform:translateY(-4px) scale(1.01);background:#1b2030;border-color:#7d8cff;box-shadow:0 12px 40px #00000059}.project-item img{width:280px;height:100%;object-fit:cover;flex-shrink:0}.project-info{flex:1;position:relative;padding:1.2rem 1.5rem 4rem}.project-info h3{margin-top:.3rem;margin-bottom:.7rem;font-size:1.5rem}.status{margin:0;font-size:.85rem;color:#8ea0ff}.tags{position:absolute;right:1.5rem;bottom:1.2rem;display:flex;gap:.6rem;flex-wrap:wrap;justify-content:flex-end}.tags span{background:#232838;padding:.4rem .8rem;border-radius:999px;font-size:.85rem}.project-detail-page{justify-content:flex-start}.project-detail-layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(320px,1fr);gap:2rem;width:100%}.project-left,.project-right{min-width:0}.project-right{background:#151821;border:1px solid #333946;border-radius:20px;padding:1.5rem;height:fit-content}.project-right h1{font-size:2.5rem;margin-top:.5rem}.detail-tags{position:static;justify-content:flex-start;margin:1.5rem 0 2rem}.project-section{margin-top:2rem}.project-section h2{font-size:1.3rem;margin-bottom:1rem}.project-section ul{color:#b0b7c3;line-height:1.8;font-size:1.3rem}.project-links{display:flex;gap:1rem;flex-wrap:wrap}.project-media{width:100%;min-width:0}.media-main{width:100%;aspect-ratio:16 / 9;background:#151821;border:1px solid #333946;border-radius:20px;overflow:hidden}.media-main-button{width:100%;height:100%;padding:0;border:0;background:none;cursor:zoom-in}.media-main-button img,.media-main-button iframe,.media-main-button video{width:100%;height:100%;border:0;object-fit:cover}.media-thumbnails{display:flex;gap:.8rem;margin-top:1rem;padding-bottom:.5rem;overflow-x:auto}.thumbnail-button{width:140px;height:80px;flex-shrink:0;padding:0;border:2px solid transparent;border-radius:10px;background:#151821;overflow:hidden;cursor:pointer;opacity:.65}.thumbnail-button.active,.thumbnail-button:hover{border-color:#7d8cff;opacity:1}.thumbnail-button img{width:100%;height:100%;object-fit:cover}.video-thumbnail{display:flex;width:100%;height:100%;align-items:center;justify-content:center;color:#fff;background:#232838;font-size:.9rem;font-weight:700}.lightbox{display:none;position:fixed;inset:0;z-index:100;background:#000000e0;align-items:center;justify-content:center}.lightbox.open{display:flex}.lightbox img,.lightbox iframe,.lightbox video{max-width:86vw;max-height:86vh;width:86vw;aspect-ratio:16 / 9;border:0;object-fit:contain}.lightbox-close,.lightbox-arrow{position:fixed;border:0;color:#fff;background:#151821d9;cursor:pointer}.lightbox-close{top:2rem;right:2rem;width:48px;height:48px;border-radius:999px;font-size:2rem}.lightbox-arrow{top:50%;transform:translateY(-50%);width:56px;height:72px;border-radius:16px;font-size:3rem}.lightbox-arrow.left{left:2rem}.lightbox-arrow.right{right:2rem}.is-hidden{display:none!important}@media(max-width:900px){.project-detail-layout{grid-template-columns:1fr}.project-right h1{font-size:2rem}}.devlog-page{justify-content:flex-start}.devlog-hero{max-width:760px}.devlog-hero h1{margin-top:.3rem;margin-bottom:1rem}.devlog-filter{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:1.5rem}.devlog-filter a{border-color:#333946;background:#151821}.devlog-category-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.2rem;width:100%;margin-top:3rem}.devlog-category-card{min-height:190px;padding:1.5rem;background:#151821;border:1px solid #333946;border-radius:20px;transition:transform .2s ease,background .2s ease,border-color .2s ease,box-shadow .2s ease}.devlog-category-card:hover{transform:translateY(-4px);background:#1b2030;border-color:#7d8cff;box-shadow:0 12px 40px #00000059}.devlog-category-card span{color:#8ea0ff;font-size:.85rem}.devlog-category-card h2{margin-top:.7rem;margin-bottom:.8rem;font-size:1.8rem}.devlog-category-card p{margin:0;line-height:1.7}@media(max-width:900px){.devlog-category-grid{grid-template-columns:1fr}}.creative-page{justify-content:flex-start}.creative-list{display:flex;flex-direction:column;gap:1.2rem;width:100%;margin-top:2rem}.creative-item{display:flex;gap:1.5rem;width:100%;min-height:220px;background:#151821;border:1px solid #333946;border-radius:20px;overflow:hidden;transition:transform .2s ease,background .2s ease,border-color .2s ease,box-shadow .2s ease}.creative-item:hover{transform:translateY(-4px) scale(1.01);background:#1b2030;border-color:#7d8cff;box-shadow:0 12px 40px #00000059}.creative-cover{display:flex;align-items:flex-end;width:280px;min-height:220px;padding:1.2rem;box-sizing:border-box;flex-shrink:0;background:#232838}.creative-cover span{color:#fff;font-size:1.35rem;font-weight:700}.creative-cover.wujin{background:linear-gradient(135deg,#2a454040,#0f1117bf),linear-gradient(160deg,#1e3f3a,#1a1f35 54%,#60475d)}.creative-cover.lingshi{background:linear-gradient(135deg,#7828232e,#0f1117b8),linear-gradient(160deg,#4b1f24,#243746 52%,#6d5942)}.creative-cover.shengang{background:linear-gradient(135deg,#44a3b129,#0f1117c2),linear-gradient(160deg,#08364a,#142840 52%,#2c5c72)}.creative-info{position:relative;flex:1;min-width:0;padding:1.3rem 1.5rem 4.3rem}.creative-info h2{margin-top:.3rem;margin-bottom:.7rem;font-size:1.8rem}.creative-info p{margin-bottom:.9rem}.creative-theme{color:#d9deea;font-size:1rem}.creative-description{line-height:1.7}@media(max-width:700px){.creative-item{flex-direction:column}.creative-cover{width:100%;min-height:150px}.creative-info{padding-bottom:5rem}}.about-page{justify-content:flex-start;gap:4rem}.about-hero{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,.75fr);gap:2rem;width:100%;align-items:stretch}.about-hero-copy,.about-portrait,.about-text-block,.workflow-card,.team-task-card,.interest-card,.quick-facts-section{background:#151821;border:1px solid #333946;border-radius:20px}.about-hero-copy{padding:2rem}.about-hero-copy h1{margin-top:.3rem;margin-bottom:.5rem}.about-hero-copy h2{max-width:720px;margin-top:1.6rem;margin-bottom:1rem;font-size:2rem}.about-role{margin-bottom:0;color:#d9deea}.about-portrait{display:flex;min-height:360px;padding:1.5rem;flex-direction:column;justify-content:flex-end;background:linear-gradient(135deg,#7e8cff2e,#0f1117d1),linear-gradient(160deg,#17264b,#173f3b 48%,#55415d)}.about-portrait span{color:#b0b7c3;font-size:1rem}.about-portrait strong{margin:.6rem 0;font-size:2.1rem;line-height:1.1}.about-tags,.quick-facts{display:flex;flex-wrap:wrap;gap:.7rem}.about-tags span,.quick-facts span{padding:.45rem .8rem;border-radius:999px;background:#232838;color:#d9deea;font-size:.9rem}.about-section{width:100%}.about-section-heading{max-width:780px;margin-bottom:1.4rem}.about-section-heading h2,.team-copy h2{margin-top:.3rem;margin-bottom:.8rem;font-size:2.4rem}.about-section-heading p,.team-copy p,.about-text-block p,.workflow-card p,.interest-card p{line-height:1.8}.about-text-block{padding:1.5rem}.about-text-block p:last-child,.workflow-card p,.interest-card p,.team-task-card ul{margin-bottom:0}.workflow-grid,.interest-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.2rem;margin-top:1.2rem}.workflow-card,.interest-card{padding:1.3rem}.workflow-card span{color:#8ea0ff;font-size:.9rem}.workflow-card h3,.interest-card h3,.team-task-card h3{margin-top:.6rem;margin-bottom:.8rem;font-size:1.3rem}.team-section{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(280px,.8fr);gap:2rem}.team-copy{min-width:0}.about-lead{color:#d9deea;font-size:1.35rem}.team-task-card{padding:1.5rem;height:fit-content}.team-task-card ul{padding-left:1.2rem;color:#b0b7c3;line-height:2;font-size:1.1rem}.interest-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.interest-card .about-tags{margin-bottom:1.1rem}.quick-facts-section{padding:1.5rem}@media(max-width:1000px){.about-hero,.team-section,.workflow-grid,.interest-grid{grid-template-columns:1fr}.about-portrait{min-height:260px}}@media(max-width:700px){.about-page{gap:3rem}.about-hero-copy h2{font-size:1.6rem}.about-section-heading h2,.team-copy h2{font-size:2rem}}.about-page-simple{max-width:1180px;margin:0 auto}.about-page-simple .about-section{padding-top:3rem;border-top:1px solid #333946}.about-page-simple .about-hero{grid-template-columns:minmax(0,1fr) minmax(240px,.42fr);align-items:end;padding-bottom:1rem}.about-page-simple .about-hero-copy,.about-page-simple .about-text-block,.about-page-simple .team-task-card,.about-page-simple .interest-card,.about-page-simple .quick-facts-section{padding:0;background:transparent;border:0;border-radius:0}.about-page-simple .about-hero-copy h1{font-size:clamp(3.2rem,8vw,6rem)}.about-page-simple .about-hero-copy h2{max-width:780px}.about-hero-side{display:grid;gap:.8rem;padding-bottom:.4rem}.about-hero-side span{padding:.75rem 0;border-bottom:1px solid #333946;color:#d9deea;font-size:1rem}.about-page-simple .about-text-block{max-width:920px}.about-page-simple .about-text-block h3{margin-top:2rem;margin-bottom:.7rem;color:#d9deea;font-size:1.35rem}.about-page-simple .about-text-block h3:first-child{margin-top:0}.about-page-simple .about-text-block p,.about-page-simple .team-copy p{max-width:920px}.about-page-simple .team-section{display:block}.team-task-inline{margin-top:1.5rem}.team-task-inline h3{margin-bottom:.8rem;font-size:1.1rem}.interest-list{display:grid;gap:0}.interest-row{display:grid;grid-template-columns:minmax(220px,.35fr) minmax(0,1fr);gap:2rem;padding:1.5rem 0;border-top:1px solid #333946}.interest-row:first-child{border-top:0}.interest-row h3{margin-top:0;margin-bottom:.8rem;font-size:1.35rem}.interest-row p{margin:0;line-height:1.8}.about-page-simple .quick-facts-section{padding-top:3rem}@media(max-width:900px){.about-page-simple .about-hero,.interest-row{grid-template-columns:1fr}.interest-row{gap:1rem}}