@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Noto+Sans+SC:wght@400;500;600;700;800;900&family=Noto+Serif+SC:wght@400;500;600;700&display=swap');
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:'DM Sans','Noto Sans SC',sans-serif;line-height:1.65}body.modal-open{overflow:hidden}button,input{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}img{display:block;width:100%;height:100%;object-fit:cover}main{overflow:hidden}section{scroll-margin-top:90px}h1,h2,h3,p{margin-top:0}.eyebrow{display:block;font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.button,.outline-button{display:inline-flex;align-items:center;justify-content:center;padding:14px 22px;border-radius:100px;font-size:12px;font-weight:800;transition:transform .25s,box-shadow .25s}.button:hover,.outline-button:hover{transform:translateY(-3px)}.text-link{display:inline-flex;align-items:center;font-size:12px;font-weight:800;border-bottom:1px solid currentColor;padding-bottom:5px}.section-title{margin-bottom:34px}.section-title h2{font-size:clamp(30px,4.5vw,56px);line-height:1.18;letter-spacing:-.055em;margin:12px 0}.section-title p{max-width:560px;opacity:.65;font-size:13px}.demo-nav{height:72px;padding:0 max(5vw,25px);display:flex;align-items:center;justify-content:space-between;gap:25px;position:relative;z-index:10}.demo-nav .brand{font-weight:900;font-size:20px;line-height:1}.demo-nav .brand small{display:block;font-size:9px;font-weight:700;letter-spacing:.16em;margin-top:5px}.demo-nav nav{display:flex;align-items:center;gap:25px}.demo-nav nav a{font-size:12px;font-weight:700;white-space:nowrap;transition:opacity .2s}.demo-nav nav a:hover{opacity:.55}.demo-nav .nav-cta{padding:9px 16px;border:1px solid currentColor;border-radius:99px}.menu-toggle{display:none;border:0;background:none;color:inherit;font-size:24px}.demo-footer{padding:24px max(5vw,25px);display:flex;justify-content:space-between;gap:20px;font-size:10px;opacity:.75}.demo-footer a{text-decoration:underline}.contact-block{padding:95px max(6vw,28px);text-align:center}.contact-block h2{font-size:clamp(30px,5vw,62px);margin:15px 0;line-height:1.16}.contact-block p{font-size:13px;max-width:550px;margin:0 auto 25px;opacity:.7}.contact-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.contact-actions>*{border:1px solid currentColor;padding:11px 18px;border-radius:99px;background:transparent;color:inherit;font-size:12px;font-weight:700}.demo-toast{position:fixed;bottom:25px;left:50%;z-index:100;transform:translate(-50%,20px);opacity:0;pointer-events:none;padding:12px 18px;border-radius:12px;background:#161a26;color:#fff;box-shadow:0 15px 40px #0005;font-size:12px;transition:.25s}.demo-toast.show{opacity:1;transform:translate(-50%,0)}.lightbox[hidden]{display:none}.lightbox{position:fixed;inset:0;z-index:99;background:rgba(7,8,15,.94);display:grid;place-items:center;padding:40px}.lightbox img{width:auto;height:auto;max-width:min(90vw,1100px);max-height:80vh;object-fit:contain}.lightbox p{position:absolute;bottom:12px;color:white;font-size:13px}.lightbox-close{position:absolute;top:15px;right:20px;border:0;background:none;color:white;font-size:35px}.filter-row{display:flex;gap:8px;flex-wrap:wrap;margin:25px 0}.filter-row button{border:1px solid currentColor;border-radius:99px;padding:8px 15px;background:transparent;color:inherit;opacity:.55;font-size:11px;font-weight:700}.filter-row button.active{opacity:1;background:currentColor}.filter-row button.active::first-line{color:inherit}.art-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.art-card{border:0;padding:0;text-align:left;background:none;color:inherit}.art-image{display:block;height:280px;overflow:hidden;border-radius:12px}.art-image img{transition:transform .5s}.art-card:hover img{transform:scale(1.06)}.art-meta{display:flex;justify-content:space-between;gap:8px;margin-top:10px}.art-meta strong{font-size:13px}.art-meta small{font-size:10px;opacity:.6}.product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.product-card{min-width:0}.product-card h3{font-size:15px;margin:2px 0 5px}.product-card small{font-size:10px;opacity:.55}.product-card strong{font-size:14px}.product-image{width:100%;height:260px;border:0;padding:0;overflow:hidden;position:relative;background:#eee}.product-image img{transition:transform .5s}.product-image:hover img{transform:scale(1.06)}.product-image span{position:absolute;bottom:10px;right:10px;padding:7px 10px;border-radius:99px;background:#fff;color:#111;font-size:10px}.product-card>div:last-child{padding:12px 2px}.filter-row button.active{background:#1c1b2a;color:#fff;border-color:#1c1b2a;opacity:1}

/* 01 · 月绘社：柔和日系画室 */
.moon{color:#363145;background:#faf6fa}.moon .demo-nav{background:#f8f2f7;border-bottom:1px solid #e9dce7}.moon .brand{color:#6e547c}.moon .nav-cta,.moon .button{background:#675379;color:white;border-color:#675379}.moon .eyebrow{color:#a47ea7}.moon-hero{min-height:650px;display:grid;grid-template-columns:49% 51%;position:relative;background:radial-gradient(circle at 12% 18%,#fff8f8,#eee4f1 60%,#e5d7e8)}.moon-copy{align-self:center;padding:60px max(6vw,35px)}.moon-copy h1{font:700 clamp(43px,5.3vw,80px)/1.18 'Noto Serif SC',serif;letter-spacing:-.08em;margin:20px 0}.moon-copy h1 em{color:#9774a4;font-style:normal}.moon-copy>p{max-width:400px;color:#777080;font-size:14px}.hero-actions{display:flex;align-items:center;gap:25px;margin:30px 0}.moon-status{font-size:11px;display:flex;align-items:center;gap:8px;color:#675d6e}.moon-status i{height:12px;border-left:1px solid #cfc0cf;margin:0 6px}.status-dot,.live-chip i{width:7px;height:7px;border-radius:50%;background:#64b891;box-shadow:0 0 0 4px #64b89122}.moon-art{min-height:650px;position:relative;overflow:hidden}.moon-art img{filter:saturate(.72) brightness(1.07)}.moon-art::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#eee4f1 0%,transparent 16%,transparent 75%,#6c567322)}.image-caption{position:absolute;bottom:28px;right:28px;font-size:10px;letter-spacing:.15em;color:white;z-index:1}.moon-sticker{position:absolute;top:45px;left:20px;z-index:1;width:64px;height:64px;border-radius:50%;background:#fff9;color:#7d6688;display:grid;place-items:center;text-align:center;line-height:1.3;font-family:'Noto Serif SC';font-size:16px;transform:rotate(-10deg)}.hero-bottom{position:absolute;bottom:20px;left:6vw;font-size:9px;letter-spacing:.15em;color:#95869a}.split-note{display:grid;grid-template-columns:1fr 2fr;gap:30px;padding:85px 8vw;border-bottom:1px solid #e8dce7}.split-note>span{font-size:11px;letter-spacing:.13em;color:#ad92ac}.split-note p{font:500 clamp(22px,3vw,37px)/1.5 'Noto Serif SC';margin:0}.split-note small{font:400 14px/1.8 'Noto Sans SC';color:#877e8d}.moon .works-section,.moon .price-section,.moon .faq-section{padding:90px 8vw}.moon .works-section{background:#fffafc}.moon .price-section{background:#eee4ef}.moon .price-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.price-card{padding:30px;border:1px solid #d6c6d6;border-radius:16px;background:#fff8}.price-card>span{font-size:9px;letter-spacing:.15em;color:#9b819f}.price-card h3{font:600 24px 'Noto Serif SC';margin:45px 0 10px}.price-card p{font-size:12px;color:#82788a}.price-card strong{display:block;font-size:22px;margin-top:25px}.price-card a{display:block;border-top:1px solid #dfd2de;margin-top:20px;padding-top:12px;font-size:11px}.process{display:flex;gap:20px;flex-wrap:wrap;align-items:center;margin-top:30px;font-size:11px}.process b{margin-right:auto}.moon .faq-section{max-width:900px;margin:auto}.faq-list details{border-bottom:1px solid #ded4de;padding:20px 0}.faq-list summary{font-size:14px;font-weight:700;cursor:pointer}.faq-list p{font-size:12px;color:#7f7383;margin:15px 0 0}.moon .contact-block{background:#655076;color:white}.moon .demo-footer{background:#51415f;color:white}

/* 02 · 墨点：极简作品集 */
.pixel{background:#f5f4f0;color:#1d1d1b}.pixel .demo-nav{background:#f5f4f0;border-bottom:1px solid #deddd7}.pixel .brand{font-size:16px;letter-spacing:-.04em}.pixel-mark{display:inline-grid;place-items:center;background:#171715;color:#fff;width:31px;height:31px;margin-right:8px}.pixel .nav-cta{border-radius:0}.pixel-hero{min-height:630px;padding:55px 7vw 50px;display:flex;flex-direction:column;justify-content:space-between}.pixel-hero-line,.pixel-hero-foot{display:flex;justify-content:space-between;gap:25px}.pixel-hero-line{font-size:10px;font-weight:800;letter-spacing:.15em}.pixel-hero h1{font-size:clamp(60px,9vw,145px);line-height:1.12;letter-spacing:-.09em;margin:60px 0}.pixel-hero h1 em{font-style:normal;color:#9d9e98}.pixel-hero-foot p{max-width:410px;font-size:14px}.pixel-hero-foot a{font-size:13px;font-weight:800}.pixel-hero-foot a span{font-size:32px;vertical-align:middle;margin-left:70px}.pixel-work{padding:90px 7vw;background:#e9e8e2}.pixel-section-head{display:flex;justify-content:space-between;gap:20px;font-size:11px;letter-spacing:.12em}.pixel-section-head p{letter-spacing:0}.pixel-gallery{display:grid;grid-template-columns:1fr 1fr;gap:8vw 3vw;margin-top:45px}.pixel-piece{padding:0;border:0;text-align:left;background:none}.pixel-piece:nth-child(even){margin-top:110px}.pixel-photo{height:440px;display:block;overflow:hidden;filter:grayscale(.22)}.pixel-piece:nth-child(3) .pixel-photo{height:320px}.pixel-photo img{transition:transform .5s}.pixel-piece:hover img{transform:scale(1.04)}.piece-caption{display:flex;justify-content:space-between;margin-top:15px;color:#222}.piece-caption strong{font-size:13px}.piece-caption small{font-size:10px}.pixel-about{display:grid;grid-template-columns:1fr 2fr;padding:130px 7vw;gap:30px}.pixel-about>span{font-size:11px;font-weight:700}.pixel-about h2{font-size:clamp(40px,6vw,85px);line-height:1.15;letter-spacing:-.07em}.pixel-about p{max-width:520px}.pixel-services{border-top:1px solid #bbb9b1;display:flex;justify-content:space-between;gap:15px;padding-top:20px;margin-top:60px;font-size:11px}.pixel .contact-block{background:#1b1b19;color:#fff}.pixel .demo-footer{background:#111;color:#eee}

/* 03 · 白栖：角色手记 */
.shiro{background:#f7f8f6;color:#3d4b57}.shiro .demo-nav{background:#f7f8f6;border-bottom:1px solid #dce7e7}.shiro .brand{color:#6593a2}.shiro .nav-cta,.shiro .button{background:#6b9cac;color:white;border-color:#6b9cac}.shiro .eyebrow{color:#73a1af}.shiro-hero{min-height:620px;display:grid;grid-template-columns:6% 44% 50%;background:linear-gradient(120deg,#dceff0,#eef4ef 75%)}.shiro-side{writing-mode:vertical-rl;transform:rotate(180deg);padding:28px;font-size:10px;letter-spacing:.2em;color:#7fa3aa}.shiro-image{position:relative;overflow:hidden;margin:40px 0}.shiro-image img{border-radius:49% 49% 0 0;filter:saturate(.75) brightness(1.18);object-position:55%}.shiro-intro{align-self:center;padding:50px 8vw 50px 5vw}.shiro-small{display:block;font-size:10px;letter-spacing:.5em;margin-top:40px}.shiro-intro h1{font:600 clamp(58px,7vw,110px)/1.15 'Noto Serif SC';color:#486978;margin:8px 0 20px}.shiro-intro h1 span{display:block;font:400 20px 'DM Sans';letter-spacing:.22em;color:#7b9ba7}.shiro-intro p{font:400 16px/1.8 'Noto Serif SC';max-width:400px}.shiro-quote{border-top:1px solid #b6d0d3;margin-top:50px;padding-top:20px;font:400 13px 'Noto Serif SC'}.shiro-profile,.shiro-story,.shiro-gallery{padding:90px 8vw}.shiro-profile{background:#fff}.profile-layout{display:grid;grid-template-columns:43% 1fr;gap:7vw;align-items:center}.profile-portrait{height:500px;overflow:hidden;border-radius:250px 250px 10px 10px}.profile-portrait img{filter:saturate(.7) brightness(1.16)}.profile-data h3{font:600 32px 'Noto Serif SC';margin:15px 0}.profile-data p{color:#79909b;font-size:14px}.profile-data dl{margin:25px 0}.profile-data dl div{display:flex;justify-content:space-between;border-bottom:1px solid #dce6e7;padding:11px 0;font-size:12px}.profile-data dt{color:#8ca8af}.profile-data dd{margin:0;font-weight:700}.sound-toggle{border:1px solid #80a9b5;background:#edf5f4;color:#5c8794;padding:10px 15px;border-radius:99px;font-size:11px}.profile-data small{display:block;margin-top:7px;color:#8c9ca1}.shiro-story{background:#e9f1ef}.timeline{max-width:800px;margin:auto}.timeline article{display:grid;grid-template-columns:90px 1fr;border-top:1px solid #c8d9d9;padding:27px 0}.timeline b{font:500 30px 'Noto Serif SC';color:#86aeb7}.timeline h3{font:600 18px 'Noto Serif SC';margin:0 0 6px}.timeline p{font-size:12px;color:#728992}.shiro-relations{text-align:center;margin-top:70px;font-size:11px;color:#72939f}.shiro-relations p{font:500 18px 'Noto Serif SC';margin-top:10px;color:#4a6d78}.shiro-gallery{background:#fff}.shiro-gallery .art-grid{grid-template-columns:repeat(3,1fr)}.shiro .contact-block{background:#dcebea}.shiro .demo-footer{background:#c9dfde}

/* 04 · 星屑档案：科幻数据库 */
.stardust{background:#080f1d;color:#e8f1ff}.stardust .demo-nav{background:#08101f;border-bottom:1px solid #32425a}.stardust .brand{font-size:15px;letter-spacing:.1em}.archive-icon{color:#79d5ec}.stardust .nav-cta{color:#84def4;border-color:#436a7b}.stardust .eyebrow{color:#71c7df}.archive-hero{min-height:650px;padding:120px 8vw 70px;position:relative;background:radial-gradient(circle at 77% 42%,#1f3663 0,#0b1930 35%,#080f1d 70%)}.archive-hero::after{content:'';position:absolute;inset:0;background-image:radial-gradient(#a3dbff99 1px,transparent 1px);background-size:40px 40px;mask-image:linear-gradient(90deg,transparent,#000 60%);opacity:.2;pointer-events:none}.archive-orbit{position:absolute;width:500px;height:500px;border:1px solid #5ebee555;border-radius:50%;right:6vw;top:60px;box-shadow:0 0 0 80px #4c9ac408,0 0 0 160px #4c9ac405}.archive-orbit:after{content:'✦';position:absolute;top:12%;right:8%;color:#84e8ff;font-size:70px;text-shadow:0 0 70px #84e8ff}.archive-hero>*:not(.archive-orbit){position:relative;z-index:1}.archive-hero h1{font-size:clamp(50px,8vw,115px);line-height:1.1;letter-spacing:-.06em;margin:20px 0}.archive-hero h1 span{display:block;color:#73d2ed;font-size:clamp(16px,2vw,26px);letter-spacing:.3em;line-height:1.4;margin-top:15px}.archive-hero p{max-width:510px;font-size:15px;color:#a3bfd4}.archive-stats{display:flex;gap:35px;margin:50px 0;font-size:11px;color:#96b0c6}.archive-stats b{font-size:26px;color:#f0fbff;display:block}.archive-hero>a{font-size:12px;color:#79d5ec;border-bottom:1px solid;padding-bottom:5px}.archive-records,.archive-world,.archive-chronicle{padding:90px 7vw}.archive-records{background:#0e1729}.archive-controls{display:flex;justify-content:space-between;align-items:center;gap:20px}.archive-controls input{background:transparent;border:0;border-bottom:1px solid #41536a;color:#fff;outline:none;width:190px;padding:8px}.stardust .filter-row button{color:#a3c0d5;border-color:#3e536e}.stardust .filter-row button.active{color:#06111d;background:#79d5ec;border-color:#79d5ec}.record-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.record-card{position:relative;border:1px solid #34445b;background:#131f32;padding:0;text-align:left;color:#fff;overflow:hidden;transition:.25s}.record-card:hover,.record-card.selected{border-color:#7bddf2;transform:translateY(-4px)}.record-number{position:absolute;top:10px;left:10px;z-index:1;background:#08101bcf;padding:4px 8px;font-size:10px}.record-image{display:block;height:260px;filter:grayscale(.45) saturate(.7)}.record-copy{display:block;padding:17px}.record-copy strong{display:block;font-size:20px}.record-copy small{display:block;color:#a1bfd2;font-size:11px}.record-copy em{display:block;font-style:normal;color:#77d3e9;font-size:10px;margin-top:15px}.record-detail{border:1px solid #3c5c70;background:#10283a;margin-top:18px;padding:24px;min-height:90px}.record-detail span{color:#76d1e7;font-size:10px;letter-spacing:.18em}.record-detail h3{margin:8px 0 2px}.record-detail p{margin:0;color:#9cb6c8;font-size:12px}.archive-world{background:#07101d}.world-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.world-grid article{padding:35px;border:1px solid #294159;min-height:250px;background:linear-gradient(145deg,#12233a,#0b1627)}.world-grid span{color:#65c6e0;font-size:10px}.world-grid h3{font-size:23px;margin:50px 0 10px}.world-grid p{font-size:12px;color:#a2bbd0}.archive-chronicle{background:#0e1729}.archive-chronicle>div:last-child{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.archive-chronicle>div:last-child span{padding:20px;border-top:1px solid #6dccdf;color:#a8c8d8;font-size:11px}.stardust .contact-block{background:#162e44}.stardust .demo-footer{background:#060c16}

/* 05 · Project Signal：社团编辑视觉 */
.signal{background:#f3f4ef;color:#171d1d}.signal .demo-nav{background:#edf1eb;border-bottom:1px solid #c9d3cc}.signal .brand{font-size:16px;letter-spacing:.04em}.signal-symbol{color:#e25b41}.signal .nav-cta,.signal .button{background:#e65337;color:white;border-color:#e65337}.signal-hero{min-height:680px;position:relative;background:#cce6de;overflow:hidden}.signal-ticker{height:33px;background:#132c2b;color:#d5f7dc;display:flex;white-space:nowrap;overflow:hidden;gap:40px;font-size:10px;letter-spacing:.16em;align-items:center}.signal-ticker span{animation:marquee 18s linear infinite}.signal-hero-inner{position:relative;z-index:2;padding:90px 7vw}.signal-hero h1{font-size:clamp(65px,8.7vw,135px);line-height:1.08;letter-spacing:-.09em;margin:20px 0}.signal-hero h1 em{font-style:normal;color:#e65337}.signal-hero p{max-width:400px;font-size:14px;margin-bottom:28px}.signal-hero-inner>div{display:flex;gap:12px}.signal .outline-button{border:1px solid #1a302f}.signal-graphic{position:absolute;right:-70px;top:70px;width:43vw;height:600px;border:45px solid #16413f;border-radius:50%;transform:rotate(-25deg)}.signal-graphic i{position:absolute;inset:55px;border:25px solid #e75a40;border-radius:50%}.signal-graphic span{position:absolute;top:20%;left:-10%;background:#fbe2aa;padding:15px 25px;font-size:30px;font-weight:900}.signal-graphic b{position:absolute;bottom:10%;right:5%;font-size:30px;line-height:1}.signal-mission,.signal-updates,.signal-team{padding:90px 7vw}.signal-mission{background:#f3f4ef}.signal-mission>span{font-size:10px;font-weight:800}.signal-mission h2{font-size:clamp(39px,6vw,80px);line-height:1.18;letter-spacing:-.07em;margin:30px 0}.signal-mission h2 span{color:#e65337}.signal-mission>p{max-width:500px;font-size:15px}.mission-tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:45px}.mission-tags span{border:1px solid #56736a;border-radius:99px;padding:8px 14px;font-size:11px}.signal-updates{background:#183c38;color:white}.update-list article{display:grid;grid-template-columns:95px 100px 1fr 25px;gap:20px;align-items:center;border-top:1px solid #6a8a7f;padding:25px 0}.update-list time{font-size:25px;font-weight:900}.update-list time small{display:block;font-size:10px;font-weight:400}.update-list article>span{border:1px solid #76978b;border-radius:99px;text-align:center;padding:5px;font-size:10px}.update-list h3{font-size:19px;margin:0}.update-list p{font-size:12px;color:#afc9c0;margin:4px 0 0}.signal-team{background:#dfece4}.team-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.team-grid article{padding:20px;background:#f3f5ee}.team-grid article>span{display:grid;place-items:center;height:200px;background:#aacfc1;color:#124139;font-size:65px;font-weight:900}.team-grid article:nth-child(2)>span{background:#e9aa90}.team-grid article:nth-child(3)>span{background:#f4d596}.team-grid article:nth-child(4)>span{background:#bad5e1}.team-grid h3{margin:15px 0 0}.team-grid p{font-size:11px}.signal-join{padding:100px 7vw;background:#e65337;color:white}.signal-join>span{font-size:10px;letter-spacing:.16em}.signal-join h2{font-size:clamp(45px,7vw,95px);line-height:1.1;margin:20px 0}.signal-join p{max-width:500px;font-size:14px}.signal-join button{background:#fff;border:0;padding:13px 22px;border-radius:99px;color:#ba3b26;font-size:12px;font-weight:800}.signal .demo-footer{background:#142a28;color:white}@keyframes marquee{to{transform:translateX(-100%)}}

/* 06 · 星屑堂：高级感周边店 */
.hoshi{background:#f5f0e8;color:#22232c}.hoshi .demo-nav{background:#f5f0e8;border-bottom:1px solid #d8ccbc}.hoshi .brand{font-family:'Noto Serif SC';font-size:19px}.hoshi-star{color:#bd9054}.hoshi .nav-cta,.hoshi .button{background:#182339;color:white;border-color:#182339}.hoshi .eyebrow{color:#a47b50}.hoshi-hero{min-height:660px;display:grid;grid-template-columns:43% 57%;background:#182339;color:#fff}.hoshi-hero-copy{padding:85px 6vw;align-self:center}.hoshi-hero h1{font:600 clamp(55px,6.3vw,92px)/1.23 'Noto Serif SC';letter-spacing:-.06em;margin:25px 0}.hoshi-hero p{color:#d3d0c7;font-size:14px;max-width:390px}.hoshi .hoshi-hero .button{background:#c7a978;color:#172137;margin-top:20px}.hoshi-season{display:block;margin-top:55px;color:#b4a38d;font-size:10px;letter-spacing:.2em}.hoshi-hero-art{position:relative;overflow:hidden;min-height:660px}.hoshi-hero-art img{filter:saturate(.75) sepia(.12) brightness(.83)}.hoshi-hero-art::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#182339,transparent 25%)}.hoshi-hero-art>span{position:absolute;bottom:35px;right:35px;z-index:1;color:white;text-align:right;font:600 28px 'Noto Serif SC'}.hoshi-hero-art>span small{font:500 9px 'DM Sans';letter-spacing:.2em}.hoshi-featured{display:grid;grid-template-columns:1fr 1fr;min-height:500px}.hoshi-featured>div:first-child{padding:100px 8vw;align-self:center}.hoshi-featured h2{font:600 clamp(40px,5vw,70px) 'Noto Serif SC';margin:15px 0}.hoshi-featured p{font-size:14px;color:#777366;max-width:400px}.hoshi-feature-image{height:500px;overflow:hidden}.hoshi-feature-image img{filter:saturate(.68) brightness(1.13)}.hoshi-products{padding:95px 7vw;background:#fffaf3}.hoshi .product-image{border-radius:2px}.hoshi-story{padding:110px 8vw;background:#e5ddd0;text-align:center}.hoshi-story>span{font-size:10px;letter-spacing:.18em}.hoshi-story h2{font:600 clamp(37px,5vw,65px)/1.4 'Noto Serif SC';margin:20px 0}.hoshi-story p{max-width:570px;margin:auto;font-size:13px;color:#70695f}.hoshi .contact-block{background:#182339;color:white}.hoshi .demo-footer{background:#10192a;color:#fff}

/* 07 · 糖果仓：可爱手帐商店 */
.candy{background:#fff9f5;color:#51435b}.candy .demo-nav{background:#fff8f3;border-bottom:2px dashed #ffd6df}.candy .brand{color:#e5729a}.candy .brand>span{font-size:25px}.candy .nav-cta,.candy .button{background:#f57eaa;color:white;border-color:#f57eaa;box-shadow:0 6px 0 #e25f94}.candy .eyebrow{color:#e675a2}.candy-hero{min-height:650px;position:relative;text-align:center;padding:90px 20px 130px;background:radial-gradient(circle at 10% 20%,#ffe2ef,transparent 35%),radial-gradient(circle at 90% 20%,#d9e8ff,transparent 35%),#fff0e5}.candy-hero h1{font-size:clamp(48px,7vw,100px);line-height:1.18;letter-spacing:-.07em;margin:24px 0;color:#6d517b}.candy-hero h1 em{font-style:normal;color:#ed79a8}.candy-hero p{max-width:520px;margin:0 auto 32px;font-size:14px}.candy-decoration{position:absolute;font-size:70px;color:#f5a2bd}.candy-one{left:10%;top:18%}.candy-two{right:11%;top:35%;color:#8bbfdc}.candy-bubbles{display:flex;justify-content:center;gap:35px;margin-top:60px}.candy-bubbles span{font-size:42px;display:inline-block;animation:bob 3s ease-in-out infinite}.candy-bubbles span:nth-child(even){animation-delay:1s}.candy-wave{position:absolute;bottom:-1px;left:0;right:0;height:60px;background:#fff9f5;clip-path:polygon(0 45%,10% 80%,20% 45%,30% 80%,40% 45%,50% 80%,60% 45%,70% 80%,80% 45%,90% 80%,100% 45%,100% 100%,0 100%)}.candy-note{text-align:center;padding:90px 20px}.candy-note>span{font-size:12px;font-weight:800;color:#e675a2}.candy-note h2{font-size:clamp(34px,5vw,65px);line-height:1.25;margin:20px 0}.candy-note p{font-size:13px}.candy-shelf{padding:80px 7vw;background:#fff0ee}.candy-shelf .section-title{text-align:center}.candy-shelf .filter-row{justify-content:center}.candy-shelf .filter-row button{border-color:#e6afc3;color:#b26e8f}.candy-shelf .filter-row button.active{background:#f57eaa;color:#fff}.candy-product{width:100%;height:250px;border:2px solid #fff;border-radius:25px;background:#ffdbe7;position:relative;box-shadow:0 8px 0 #e4b7c7;transition:transform .2s}.candy-product:hover{transform:translateY(-5px) rotate(-2deg)}.candy-product>span{font-size:90px}.candy-product i{position:absolute;top:10px;right:15px;font-size:24px;color:#fff;font-style:normal}.candy-product.berry{background:#ffc5ce}.candy-product.blue{background:#d0eafa}.candy-product.peach{background:#ffdec7}.candy-about{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:5vw;padding:100px 8vw;background:#fbe0e9}.candy-about-mark{border:5px solid #fff;border-radius:50%;width:330px;height:330px;display:grid;place-items:center;text-align:center;font-size:50px;font-weight:900;line-height:1.05;color:#f27da8;transform:rotate(-11deg);background:#fff6f8;box-shadow:15px 15px 0 #f6b5cc}.candy-about>div:last-child>span{font-size:11px;color:#e675a2}.candy-about h2{font-size:clamp(38px,5vw,70px);line-height:1.15;margin:15px 0}.candy-about p{font-size:13px}.candy-about button{border:0;border-radius:99px;background:#f57eaa;color:white;padding:12px 20px;font-weight:800;font-size:12px}.candy .demo-footer{background:#edb9ca}@keyframes bob{50%{transform:translateY(-14px)}}

/* 08 · 直播花房：霓虹直播空间 */
.stream{background:#0b0b1d;color:#f5eeff}.stream .demo-nav{background:#111126;border-bottom:1px solid #393259}.stream .brand{font-size:15px;letter-spacing:.07em}.stream-dot{color:#fc82b9}.stream .nav-cta,.stream .button{background:linear-gradient(110deg,#a56df6,#f17cac);color:white;border:0}.stream .eyebrow{color:#dc9ef2}.stream-hero{min-height:660px;display:grid;grid-template-columns:50% 50%;background:radial-gradient(circle at 30% 50%,#33245b,#0c0b21 70%);position:relative}.stream-glow{position:absolute;width:600px;height:600px;border-radius:50%;background:#9049f326;filter:blur(100px);left:10%;top:0;pointer-events:none}.stream-copy{padding:80px 3vw 80px 7vw;align-self:center;position:relative;z-index:1}.live-chip{display:inline-flex;align-items:center;gap:10px;border:1px solid #8468a5;border-radius:99px;padding:7px 12px;font-size:10px;letter-spacing:.1em;color:#edd7fc}.live-chip i{background:#ff79ad;box-shadow:0 0 0 4px #ff79ad22}.stream-copy h1{font-size:clamp(52px,6.2vw,94px);line-height:1.15;letter-spacing:-.06em;margin:27px 0}.stream-copy h1 em{font-style:normal;color:#f089c2}.stream-copy p{max-width:440px;color:#bdb1d2;font-size:14px;margin-bottom:30px}.stream-copy .text-link{margin-left:20px}.stream-count{display:flex;gap:25px;margin-top:50px;color:#afa2c4;font-size:10px}.stream-count b{font-size:22px;color:white;margin-right:8px}.stream-portrait{position:relative;min-height:660px;overflow:hidden}.stream-portrait img{filter:saturate(.9) hue-rotate(10deg) brightness(.78);object-position:48%}.stream-portrait::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#1e173b,transparent 20%,#090b2a44)}.stream-portrait span{position:absolute;bottom:35px;right:35px;text-align:right;z-index:1;font-size:12px;letter-spacing:.15em}.stream-about,.stream-schedule,.stream-videos{padding:90px 7vw}.stream-about{background:#17162d}.stream-about>div:last-child{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.stream-about p{font-size:18px;max-width:600px;margin-right:auto}.stream-about>div:last-child span{padding:9px 13px;border:1px solid #53476e;border-radius:99px;font-size:11px}.stream-schedule{background:#111125}.schedule-list article{display:grid;grid-template-columns:140px 1fr 100px 20px;gap:20px;align-items:center;border-top:1px solid #413957;padding:23px 0}.schedule-list article>span{font-size:22px;font-weight:800}.schedule-list small{display:block;font-size:11px;color:#a898c2}.schedule-list h3{font-size:18px;margin:0}.schedule-list em{font-size:11px;font-style:normal;color:#ec9dc7}.stream-videos{background:#1b1731}.video-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.video-card{background:#27213d;border:1px solid #51466c;padding:0 0 20px;text-align:left;color:white}.video-thumb{height:220px;display:grid;place-items:center;position:relative;background:radial-gradient(circle at 70% 20%,#d856ba,#544289 40%,#262346 80%)}.video-card:nth-child(2) .video-thumb{background:radial-gradient(circle at 30% 70%,#6ac7d8,#7159a5 55%,#29224a)}.video-card:nth-child(3) .video-thumb{background:radial-gradient(circle at 50% 40%,#f79a9f,#6f4c92 55%,#282244)}.video-thumb i{width:60px;height:60px;border:1px solid #fff9;border-radius:50%;display:grid;place-items:center;font-style:normal;background:#ffffff33}.video-thumb b{position:absolute;top:12px;left:15px;font-size:11px}.video-card>span:not(.video-thumb){display:block;margin:17px 18px 6px;color:#e6a0c9;font-size:10px}.video-card h3{font-size:15px;margin:0 18px}.stream-links{padding:100px 7vw;background:linear-gradient(120deg,#462c78,#261a45)}.stream-links>span{font-size:10px;letter-spacing:.18em}.stream-links h2{font-size:clamp(45px,6vw,82px);line-height:1.13;margin:20px 0}.stream-links p{max-width:520px;font-size:13px;color:#c6b3e2}.stream-links>div{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.stream-links button{background:#fff1;border:1px solid #b79ad1;color:#fff;padding:12px 20px;border-radius:99px;font-size:12px}.stream .demo-footer{background:#090918}

@media(max-width:1000px){.art-grid,.product-grid,.record-grid,.team-grid{grid-template-columns:repeat(2,1fr)}.signal-graphic{opacity:.35;right:-130px}.archive-orbit{right:-170px}.pixel-hero h1{font-size:9vw}}
@media(max-width:700px){.demo-nav{height:64px;padding:0 18px}.menu-toggle{display:block}.demo-nav nav{display:none;position:absolute;top:64px;left:0;right:0;padding:18px;background:inherit;box-shadow:0 15px 30px #0003;flex-direction:column;align-items:stretch;gap:13px}.demo-nav.nav-open nav{display:flex}.demo-nav nav a{padding:7px 0}.section-title{margin-bottom:25px}.contact-block{padding:70px 20px}.demo-footer{padding:20px;display:block}.demo-footer a{display:block;margin-top:8px}.art-grid,.product-grid,.record-grid,.team-grid,.video-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.art-image{height:220px}.product-image,.candy-product{height:205px}.moon-hero,.shiro-hero,.hoshi-hero,.stream-hero{display:block}.moon-copy,.shiro-intro,.hoshi-hero-copy,.stream-copy{padding:70px 25px}.moon-art,.hoshi-hero-art,.stream-portrait{min-height:390px;height:390px}.moon-hero{padding-bottom:0}.moon-copy h1{font-size:48px}.hero-bottom{display:none}.split-note{display:block;padding:65px 25px}.split-note p{margin-top:20px}.moon .works-section,.moon .price-section,.moon .faq-section,.shiro-profile,.shiro-story,.shiro-gallery,.archive-records,.archive-world,.archive-chronicle,.signal-mission,.signal-updates,.signal-team,.hoshi-products,.candy-shelf,.stream-about,.stream-schedule,.stream-videos{padding:70px 22px}.moon .price-grid,.world-grid{grid-template-columns:1fr}.process b{width:100%}.pixel-hero{min-height:560px;padding:45px 23px}.pixel-hero h1{font-size:clamp(50px,12vw,75px)}.pixel-hero-foot{display:block}.pixel-hero-foot a span{margin-left:25px}.pixel-work{padding:70px 22px}.pixel-gallery{gap:35px 12px}.pixel-photo,.pixel-piece:nth-child(3) .pixel-photo{height:260px}.pixel-piece:nth-child(even){margin-top:55px}.piece-caption{display:block}.piece-caption small{display:block}.pixel-about{display:block;padding:75px 22px}.pixel-about h2{font-size:45px}.pixel-services{display:block}.pixel-services span{display:block;margin:8px 0}.shiro-side{display:none}.shiro-image{margin:0;height:420px}.shiro-intro{padding:55px 25px}.shiro-intro h1{font-size:65px}.profile-layout{display:block}.profile-portrait{height:370px;margin-bottom:30px}.shiro-gallery .art-grid{grid-template-columns:repeat(2,1fr)}.archive-hero{padding:85px 22px;min-height:600px}.archive-hero h1{font-size:59px}.archive-orbit{width:300px;height:300px;right:-150px;top:60px}.archive-stats{gap:15px}.archive-stats b{font-size:18px}.archive-controls{display:block}.archive-controls input{margin-bottom:15px}.record-image{height:200px}.world-grid{display:block}.world-grid article{margin-bottom:10px;min-height:200px}.archive-chronicle>div:last-child{grid-template-columns:1fr 1fr}.signal-hero{min-height:600px}.signal-hero-inner{padding:85px 22px}.signal-hero h1{font-size:65px}.signal-graphic{width:400px;height:400px;top:170px;right:-260px;border-width:30px}.signal-graphic i{inset:40px;border-width:18px}.update-list article{grid-template-columns:65px 1fr 18px;gap:10px}.update-list article>span{display:none}.update-list h3{font-size:15px}.update-list time{font-size:18px}.team-grid article>span{height:140px}.signal-join{padding:75px 22px}.hoshi-hero-copy{padding:80px 25px}.hoshi-hero h1{font-size:58px}.hoshi-featured{display:block}.hoshi-featured>div:first-child{padding:75px 25px}.hoshi-feature-image{height:300px}.hoshi-story{padding:75px 22px}.candy-hero{min-height:600px;padding-top:80px}.candy-hero h1{font-size:47px}.candy-decoration{font-size:40px}.candy-bubbles{gap:16px}.candy-bubbles span{font-size:28px}.candy-note{padding:70px 22px}.candy-product>span{font-size:65px}.candy-about{display:block;padding:75px 22px}.candy-about-mark{width:230px;height:230px;font-size:33px;margin:0 auto 55px}.stream-copy{padding:80px 22px}.stream-copy h1{font-size:56px}.stream-portrait{height:370px;min-height:370px}.schedule-list article{grid-template-columns:65px 1fr 55px;gap:8px}.schedule-list article>span{font-size:16px}.schedule-list h3{font-size:14px}.schedule-list article>b{display:none}.video-grid{grid-template-columns:1fr}.video-thumb{height:210px}.stream-links{padding:75px 22px}}
@media(max-width:420px){.art-grid,.product-grid,.record-grid{grid-template-columns:1fr 1fr}.art-image{height:180px}.art-meta{display:block}.art-meta small{display:block}.product-image,.candy-product{height:175px}.record-image{height:150px}.record-copy{padding:12px}.record-copy strong{font-size:16px}.moon-copy h1,.candy-hero h1{font-size:41px}.stream-copy h1,.signal-hero h1{font-size:49px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}