@font-face{font-family:Sendyun;src:url('../../assets/fonts/HYWenHei-85W.otf')}*{box-sizing:border-box}html{background:#f4edf7;scroll-behavior:smooth}body{min-width:320px;margin:0;color:#26222e;background:#f4edf7;font-family:Sendyun,"Microsoft YaHei",sans-serif}button,a{font:inherit}button{color:inherit}.opening{position:fixed;inset:0;z-index:100;display:grid;place-items:center;background:#f4edf7;transition:opacity .7s ease,visibility .7s ease}.opening.is-opening{pointer-events:none}.opening.is-complete{visibility:hidden;opacity:0}.opening-trigger{position:relative;display:grid;width:min(680px,calc(100% - 36px));min-height:430px;padding:44px 24px;overflow:hidden;border:0;border-radius:36px;place-content:center;justify-items:center;color:#312a3a;background:rgba(255,255,255,.47);box-shadow:0 30px 90px rgba(88,60,107,.16),inset 0 1px 1px rgba(255,255,255,.95);cursor:pointer;isolation:isolate}.opening-trigger:before{position:absolute;inset:1px;z-index:-1;border:1px solid rgba(255,255,255,.78);border-radius:35px;content:""}.opening-glow{position:absolute;inset:0;z-index:-2;background:linear-gradient(125deg,#f8d5df,#ded8f4 52%,#d9f3f3);transition:transform 1.1s ease}.logo-pair{display:flex;align-items:center;gap:clamp(18px,5vw,42px)}.logo-pair i,.about-logos i{color:#836e91;font-style:normal;font-size:30px}.logo-tile{display:grid;width:clamp(100px,17vw,146px);aspect-ratio:1;padding:9px;border:1px solid rgba(255,255,255,.92);border-radius:30%;place-items:center;background:rgba(255,255,255,.62);box-shadow:0 18px 40px rgba(83,62,101,.15),inset 0 1px 1px #fff;transition:transform .75s cubic-bezier(.2,.8,.2,1)}.logo-tile img{width:100%;height:100%;border-radius:24%;object-fit:cover}.opening-trigger strong{margin-top:28px;font-size:clamp(26px,4vw,42px);letter-spacing:.04em}.opening-hint{display:flex;margin-top:16px;align-items:center;gap:8px;color:#766b7e;font-size:13px}.opening-hint b{display:grid;width:27px;height:27px;border-radius:50%;place-items:center;background:#fff;box-shadow:0 6px 18px rgba(68,45,80,.12)}.opening.is-opening .logo-tile:first-child{transform:translateX(38px) scale(.82)}.opening.is-opening .logo-tile:last-child{transform:translateX(-38px) scale(.82)}.opening.is-opening .opening-glow{transform:scale(1.25) rotate(4deg)}.opening.is-opening .opening-trigger strong,.opening.is-opening .opening-hint{animation:openingFade .5s ease forwards}.app-shell{min-height:100vh;padding:20px 20px 118px;opacity:0;transform:scale(.985);transition:opacity .8s ease .2s,transform .8s ease .2s}.app-shell.is-visible{opacity:1;transform:none}.liquid-glass{border:1px solid rgba(255,255,255,.78);background:rgba(255,255,255,.42);box-shadow:0 16px 50px rgba(75,54,92,.14),inset 0 1px 1px rgba(255,255,255,.94);backdrop-filter:blur(26px) saturate(1.45);-webkit-backdrop-filter:blur(26px) saturate(1.45)}.menu-bar{position:sticky;top:16px;z-index:30;display:grid;grid-template-columns:1fr auto 1fr;width:min(1240px,100%);height:62px;margin:0 auto 20px;padding:7px 10px;border-radius:22px;align-items:center}.menu-brand{display:flex;align-items:center;gap:9px;color:#302b38;text-decoration:none}.menu-brand img{width:38px;height:38px;border-radius:11px;object-fit:cover}.menu-brand strong{font-size:15px}.menu-bar nav{display:flex;gap:3px;padding:3px;border-radius:14px;background:rgba(255,255,255,.34)}.menu-link{min-width:70px;padding:9px 14px;border:0;border-radius:11px;background:transparent;cursor:pointer;font-size:13px}.menu-link.active{background:rgba(255,255,255,.88);box-shadow:0 5px 18px rgba(77,56,89,.1)}.menu-status{display:flex;justify-self:end;align-items:center;gap:7px;color:#776b80;font-size:11px;letter-spacing:.13em}.menu-status span{width:7px;height:7px;border-radius:50%;background:#72c8ac;box-shadow:0 0 0 4px rgba(114,200,172,.16)}main{width:min(1240px,100%);margin:auto}.view[hidden]{display:none}.view.active{animation:viewIn .45s ease}.feature-stage{position:relative;height:min(690px,calc(100vh - 124px));min-height:560px;overflow:hidden;border-radius:24px;background:#dbcfdc;box-shadow:0 24px 70px rgba(73,53,84,.16)}.feature-art{width:100%;height:100%;object-fit:cover;object-position:center 29%}.feature-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(29,24,35,.86) 0%,rgba(29,24,35,.52) 38%,rgba(29,24,35,.05) 72%)}.feature-copy{position:absolute;left:clamp(28px,6vw,76px);bottom:clamp(44px,9vh,98px);max-width:570px;color:#fff}.feature-copy>p,.section-heading p,.page-title>p,.about-identity>p{margin:0 0 13px;color:#f5b8d1;font-size:10px;letter-spacing:.2em}.feature-logos{display:flex;align-items:center;gap:10px}.feature-logos img{width:42px;height:42px;border:1px solid rgba(255,255,255,.46);border-radius:12px;object-fit:cover}.feature-logos i{font-style:normal}.feature-copy h1{max-width:500px;margin:18px 0 12px;font-size:clamp(38px,6vw,72px);line-height:1.08;letter-spacing:0}.feature-copy>span{display:block;max-width:480px;color:#f4edf4;font-size:clamp(14px,1.7vw,18px);line-height:1.8}.primary-action{display:flex;margin-top:26px;padding:13px 18px;border:1px solid rgba(255,255,255,.72);border-radius:15px;align-items:center;gap:9px;color:#322b3b;background:rgba(255,255,255,.86);box-shadow:0 12px 34px rgba(19,12,25,.18);cursor:pointer}.primary-action:hover{background:#fff}.primary-action b{font-size:11px}.stage-index{position:absolute;right:30px;bottom:32px;display:flex;align-items:center;gap:12px;color:#fff}.stage-index b{font-size:21px}.stage-index span{width:70px;height:1px;background:rgba(255,255,255,.66)}.stage-index small{font-size:9px;letter-spacing:.16em}.collection-strip{padding:72px 2px 28px}.section-heading{display:flex;margin-bottom:26px;justify-content:space-between;align-items:end}.section-heading h2,.page-title h1{margin:0;font-size:clamp(30px,4vw,46px)}.text-action{border:0;background:transparent;cursor:pointer}.text-action span{margin-left:7px}.art-grid{display:grid;gap:18px}.preview-grid{grid-template-columns:repeat(3,1fr)}.full-grid{grid-template-columns:repeat(3,1fr)}.art-card{padding:10px 10px 16px;border:1px solid rgba(255,255,255,.82);border-radius:18px;background:rgba(255,255,255,.5);box-shadow:0 16px 42px rgba(78,54,90,.09)}.art-card h3{margin:14px 8px 4px;font-size:16px}.art-card>p{margin:0 8px;color:#83778a;font-size:11px}.art-placeholder{position:relative;display:grid;aspect-ratio:4/3;overflow:hidden;border-radius:12px;place-content:center;justify-items:center;color:#5f5266;background:#ead0da}.art-placeholder:before,.art-placeholder:after{position:absolute;width:55%;height:55%;border:1px solid rgba(255,255,255,.66);border-radius:50%;content:""}.art-placeholder:before{left:-8%;top:-18%}.art-placeholder:after{right:-14%;bottom:-26%}.art-placeholder span{z-index:1;font-size:clamp(21px,3vw,36px);font-weight:800}.art-placeholder small{z-index:1;margin-top:8px;font-size:9px;letter-spacing:.14em}.blue .art-placeholder{background:#cedded}.mint .art-placeholder{background:#cfe8df}.violet .art-placeholder{background:#dbd1eb}.amber .art-placeholder{background:#eadbbf}.cyan .art-placeholder{background:#cce7e9}.gallery-view,.about-view{min-height:calc(100vh - 100px);padding:clamp(56px,8vw,96px) clamp(8px,4vw,44px)}.page-title{margin-bottom:36px}.page-title>span{display:block;margin-top:12px;color:#776c7d}.filter-row{display:flex;gap:8px;margin-bottom:26px;overflow:auto}.filter{padding:9px 16px;border:1px solid rgba(91,72,103,.12);border-radius:13px;background:rgba(255,255,255,.42);cursor:pointer;white-space:nowrap}.filter.active{color:#fff;background:#38303f}.upload-note{margin-top:26px;padding:20px 22px;border:1px solid rgba(255,255,255,.82);border-radius:17px;background:rgba(255,255,255,.48);box-shadow:0 14px 36px rgba(78,54,90,.08)}.upload-note strong{font-size:14px}.upload-note p{margin:8px 0 0;color:#776c7d;font-size:12px;line-height:1.8}.upload-note code{padding:2px 6px;border-radius:6px;background:rgba(73,57,81,.08)}.about-view{display:grid;grid-template-columns:1.3fr .8fr;gap:56px;align-items:center}.about-identity{max-width:660px}.about-logos{display:flex;margin-bottom:28px;align-items:center;gap:24px}.about-logos img{width:clamp(74px,10vw,112px);height:clamp(74px,10vw,112px);padding:5px;border-radius:25%;object-fit:cover;background:rgba(255,255,255,.68);box-shadow:0 18px 40px rgba(77,55,88,.12)}.about-identity h1{margin:0 0 18px;font-size:clamp(42px,7vw,82px);line-height:1.08}.about-identity>span{color:#6f6375;font-size:16px;line-height:2}.about-facts{display:grid;gap:12px}.about-facts div{display:grid;padding:20px;border:1px solid rgba(255,255,255,.86);border-radius:17px;background:rgba(255,255,255,.5);box-shadow:0 14px 34px rgba(77,55,88,.08)}.about-facts small{color:#9c8fa4;font-size:9px;letter-spacing:.15em}.about-facts strong{margin-top:7px;font-size:18px}.dock{position:fixed;z-index:40;left:50%;bottom:20px;display:flex;min-height:66px;padding:8px;border-radius:23px;align-items:center;gap:5px;transform:translateX(-50%)}.dock:after{position:absolute;inset:2px;border:1px solid rgba(255,255,255,.54);border-radius:21px;content:"";pointer-events:none}.dock-item{position:relative;z-index:1;display:grid;width:54px;height:50px;padding:4px;border:0;border-radius:15px;place-items:center;color:#716578;background:transparent;text-decoration:none;cursor:pointer;transition:transform .2s ease,background .2s ease}.dock-item:hover{transform:translateY(-5px)}.dock-item.active{color:#342b3b;background:rgba(255,255,255,.78);box-shadow:0 8px 20px rgba(75,54,88,.12)}.dock-item span{font-size:20px;line-height:1}.dock-item small{font-size:9px}.dock>i{z-index:1;width:1px;height:32px;margin:0 3px;background:rgba(65,45,73,.12)}@keyframes openingFade{to{opacity:0;transform:translateY(8px)}}@keyframes viewIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@media(max-width:760px){.app-shell{padding:10px 10px 108px}.menu-bar{top:8px;height:56px;border-radius:18px}.menu-brand strong,.menu-status{display:none}.menu-brand img{width:36px;height:36px}.menu-link{min-width:56px;padding:8px 10px}.feature-stage{height:calc(100svh - 90px);min-height:590px;border-radius:20px}.feature-art{object-position:58% 30%}.feature-shade{background:linear-gradient(0deg,rgba(29,24,35,.9),rgba(29,24,35,.08) 70%)}.feature-copy{right:22px;left:22px;bottom:46px}.feature-copy h1{font-size:40px}.feature-copy>span{font-size:13px}.stage-index{display:none}.collection-strip{padding-top:54px}.preview-grid,.full-grid{grid-template-columns:1fr 1fr}.art-grid{gap:10px}.art-card{border-radius:14px}.art-card:nth-child(3){display:none}.full-grid .art-card:nth-child(3){display:block}.gallery-view,.about-view{padding:46px 4px}.about-view{grid-template-columns:1fr;gap:30px}.about-identity h1{font-size:48px}.opening-trigger{min-height:410px;border-radius:28px}.dock{bottom:12px}}@media(max-width:440px){.preview-grid,.full-grid{grid-template-columns:1fr}.full-grid .art-card:nth-child(3),.preview-grid .art-card:nth-child(3){display:block}.opening-trigger{min-height:380px}.logo-pair{gap:13px}.logo-tile{width:100px}.menu-bar nav{justify-self:center}.feature-copy h1{font-size:36px}.dock-item{width:49px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.opening,.opening-glow,.logo-tile,.app-shell,.dock-item{transition:none}.view.active{animation:none}}