/* Homepage only. The workspaces retain their own navigation and theme. */
body:has(.dream-home){background:#151b20;color:#fff}
body #app:has(>.dream-home){padding:0}
.dream-home{--home-line:rgba(255,255,255,.2);--home-muted:#c2c7ca;position:relative;isolation:isolate;min-height:100dvh;color:#f8f9fa;background:#151b20;font-family:Inter,"PingFang SC","Microsoft YaHei",sans-serif}
.dream-home *{box-sizing:border-box}
.dream-home a{color:inherit;text-decoration:none}
.dream-home button,.dream-home textarea{font:inherit;color:inherit}
.dream-home button,.dream-home a,.home-upload{ -webkit-tap-highlight-color:transparent}
.dream-home svg{width:22px;height:22px;flex:none}
.dream-home :is(a,button,textarea,input):focus-visible,.home-upload:focus-within{outline:2px solid #ebd7bb;outline-offset:5px}
.dream-home [hidden]{display:none!important}
.home-backdrop{position:absolute;inset:0 0 auto;height:100svh;overflow:hidden;z-index:-1;pointer-events:none;background:#151b20}
.home-backdrop:after{content:"";position:absolute;inset:0;background:#000;opacity:0;transition:opacity 1.2s ease-out;pointer-events:none}
.home-backdrop.is-awaiting-video:after{opacity:1}
.home-atmosphere{position:absolute;inset:0;background:radial-gradient(ellipse at 70% 18%,#b5a18c85,transparent 45%),radial-gradient(ellipse at 8% 44%,#6b929c6b,transparent 48%),linear-gradient(125deg,#263b43 6%,#56605e 42%,#39302c 77%,#151b20)}
.home-atmosphere:before{content:"";position:absolute;width:110%;height:65%;left:12%;top:-20%;border-radius:50%;transform:rotate(-24deg);background:linear-gradient(180deg,#e3d8b729,transparent);box-shadow:0 50px 100px #e3d8b710,inset 0 -2px 50px #f7e2b715;filter:blur(6px)}
.home-atmosphere:after{content:"";position:absolute;width:85%;height:65%;left:-36%;top:8%;border-radius:50%;transform:rotate(-28deg);border:1px solid #ccebf417;box-shadow:45px 0 100px #9fb1b921,inset -45px 0 120px #a8bfc321}
.home-background-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .7s ease}
.home-background-video.is-ready,.home-background-video[poster]{opacity:1}
.home-backdrop-shade{position:absolute;inset:0;background:linear-gradient(180deg,#0c121d24 0%,#141b2140 40%,#151b20a6 73%,#151b20 100%)}
.home-glass{border:1px solid var(--home-line);background:linear-gradient(125deg,#ffffff05,#ffffff01);box-shadow:inset 0 1px 0 #ffffff08,0 8px 24px #00000004;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}
.home-header{max-width:1600px;margin:auto;height:100px;padding:12px 48px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.home-brand{display:flex;align-items:center;width:190px;gap:10px;font-size:21px;font-weight:600;letter-spacing:.04em;white-space:nowrap}
.home-brand img{width:42px;height:42px;object-fit:contain}
.home-header nav{display:flex;align-items:center;gap:12px}
.home-header nav a{padding:11px 24px;color:#d0d3d4;font-size:14px;border:1px solid transparent;border-radius:30px;transition:background .2s}
.home-header nav a[aria-current],.home-header nav a:hover{color:white;border-color:#ffffff1f;background:#ffffff0f;backdrop-filter:blur(16px)}
.home-account{display:flex;align-items:center;gap:10px;font-size:12px;padding:8px 17px 8px 9px;border-radius:40px}
.home-avatar{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#ffffff1a;border:1px solid #ffffff20}
.home-content{max-width:1536px;margin:auto;padding:0 48px}
.home-hero{position:relative;padding:44px 0 0}
.home-intro{text-align:center;margin-bottom:40px}
.home-eyebrow{font-size:10px;letter-spacing:.23em;color:#d0d4d7;font-weight:400}
.home-intro h1{display:flex;justify-content:center;align-items:center;gap:20px;font-size:clamp(30px,3.44vw,54.4px);font-weight:550;letter-spacing:.01em;margin:21px 0 24px;line-height:1.3;opacity:.75}
.home-intro h1 em{font-family:"STKaiti","KaiTi",serif;font-weight:400;font-size:1.14em;letter-spacing:.14em;font-style:normal;position:relative;padding-right:29px}
.home-intro h1 em:after{content:"";height:.64em;width:1px;background:#ffffff70;position:absolute;right:0;top:24%;transform:rotate(20deg)}
.home-intro p{font-size:14px;color:var(--home-muted);letter-spacing:.12em;margin:0}
.home-launch-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(270px,1fr);gap:16px}
.home-composer{border-radius:22px;padding:23px 25px 18px;min-width:0;background:linear-gradient(120deg,#f5f6f306,#f5f6f301)}
.home-composer,.home-library-entry,.home-tool{backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}
.home-composer-label{display:flex;align-items:center;gap:8px;font-size:13px}
.home-mini-icon{display:grid;place-items:center}
.home-mini-icon svg{width:18px;height:18px}
.home-composer-label small{margin-left:auto;color:#aeb8bc;font-size:11px}
.home-composer textarea{display:block;width:100%;border:0;outline:none;background:transparent;resize:vertical;min-height:88px;max-height:220px;padding:20px 0 10px;font-size:19px;line-height:1.6;box-shadow:none}
.home-composer textarea::placeholder{color:#e2e5e4ba}
.home-composer textarea:focus-visible{outline-offset:0;outline:0}
.home-composer:focus-within{border-color:#ffffff69;box-shadow:0 0 0 3px #ffffff06}
.home-composer-bottom{display:flex;align-items:center;gap:15px;margin-top:10px}
.home-upload{position:relative;overflow:hidden;display:flex;align-items:center;gap:5px;cursor:pointer;border-radius:9px;padding:8px 10px;font-size:11px;flex:none}
.home-upload svg{width:16px;height:16px}
.home-upload input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%}
.home-composer-hint{font-size:11px;color:#bac1c3}
.home-start{display:flex;align-items:center;justify-content:center;gap:17px;margin-left:auto;padding:11px 18px;border-radius:11px;font-size:13px!important;font-weight:550!important;cursor:pointer;background:linear-gradient(130deg,#ffffff40,#ffffff1f)}
.home-start:hover{background:#ffffff36}
.home-start svg{width:17px;height:17px}
.home-library-entry{border-radius:22px;position:relative;display:flex;align-items:center;padding:25px;overflow:hidden;gap:15px;min-height:215px}
.home-entry-kicker{font-size:10px;letter-spacing:.1em;color:#c1c8c9}
.home-library-entry h2{font-size:25px;font-weight:500;margin:12px 0}
.home-library-entry p{font-size:11px;color:#b8c1c3;line-height:1.9;margin:0}
.home-entry-arrow{position:absolute;right:18px;bottom:14px;opacity:.7}
.home-photo-stack{position:relative;width:142px;height:128px;flex:none;margin-left:auto}
.home-photo-stack i{position:absolute;top:17px;left:35px;width:66px;height:87px;display:block;border:1px solid #ffffff70;border-radius:5px;background:linear-gradient(135deg,#adc6c186,#83796996);box-shadow:0 8px 24px #0003;backdrop-filter:blur(8px);overflow:hidden;transition:transform .25s}
.home-photo-stack i:first-child{transform:translate(-31px,6px) rotate(-13deg)}
.home-photo-stack i:nth-child(2){transform:translate(32px,5px) rotate(13deg)}
.home-photo-stack i:nth-child(3){transform:translateY(-5px) rotate(1deg)}
.home-photo-stack img{width:100%;height:100%;object-fit:cover}
.home-photo-stack b{position:absolute;bottom:-3px;left:63px;color:#c4cdcb;font-size:26px;font-weight:400;transform:rotate(-25deg)}
.home-library-entry:hover .home-photo-stack i:first-child{transform:translate(-38px,5px) rotate(-18deg)}
.home-library-entry:hover .home-photo-stack i:nth-child(2){transform:translate(39px,5px) rotate(18deg)}
.home-tools{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-top:16px}
.home-tool{position:relative;border-radius:15px;padding:19px 15px;display:flex;flex-direction:column;gap:16px;min-width:0;transition:background .2s,transform .2s}
.home-tool:hover,.home-library-entry:hover{background-color:#ffffff0f;transform:translateY(-2px)}
.home-tool-icon{border-radius:12px;width:42px;height:42px;display:grid;place-items:center;background:linear-gradient(135deg,#ffffff30,#ffffff08);box-shadow:inset 0 1px 1px #ffffff33,0 4px 12px #0001;color:#f0f3f1}
.home-tool strong{font-size:13px;font-weight:500;display:block}
.home-tool small{display:block;margin-top:7px;font-size:10px;color:#aeb9bd;line-height:1.5}
.home-tool-arrow{position:absolute;top:21px;right:15px;color:#b8c1c3;font-size:16px}
.home-scroll{display:flex;width:fit-content;align-items:center;gap:12px;margin:32px auto 0;font-size:10px;letter-spacing:.12em;color:#aeb8bd!important;padding:8px}
.home-scroll svg{width:15px;height:15px}
.home-video-toggle{position:absolute;right:0;bottom:0;font-size:10px!important;border-radius:20px;padding:7px 12px;cursor:pointer}
.home-inspiration{padding-top:32px;padding-bottom:70px;scroll-margin-top:30px}
.home-section-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:26px}
.home-section-heading .home-eyebrow{font-size:9px;color:#939fa7;letter-spacing:.2em}
.home-section-heading h2{font-size:27px;font-weight:500;margin:11px 0}
.home-section-heading p{color:#94a2aa;font-size:12px;margin:0}
.home-browse{display:flex;align-items:center;gap:16px;flex:none;padding:12px 18px;border-radius:12px;font-size:12px}
.home-browse svg{width:17px;height:17px}
.home-gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px 18px;min-height:250px}
.home-art{min-width:0;display:block}
.home-art-image{position:relative;aspect-ratio:4/5;border-radius:16px;overflow:hidden;background:linear-gradient(150deg,#374b52,#232a2e);border:1px solid #ffffff10}
.home-art-image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s}
.home-art:hover img{transform:scale(1.035)}
.home-art-open{position:absolute;bottom:14px;right:14px;display:flex;align-items:center;gap:9px;padding:8px 11px;border-radius:9px;font-size:10px;background:#131d2370;opacity:0;transition:opacity .2s}
.home-art-open svg{width:14px;height:14px}
.home-art:hover .home-art-open,.home-art:focus-visible .home-art-open{opacity:1}
.home-art-caption{padding:12px 3px}
.home-art-caption h3{font-size:13px;font-weight:450;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:0 0 7px}
.home-art-caption>span{font-size:10px;color:#99a7af}
.home-gallery-message{grid-column:1/-1;text-align:center;align-self:center;color:#b9c3ca;font-size:13px;line-height:2}
.home-gallery-message button{padding:6px 14px;border-radius:8px;margin-left:12px;cursor:pointer}
.image-unavailable:before{content:"图片暂未加载";position:absolute;inset:0;display:grid;place-items:center;font-size:12px;color:#c3cbd0}
.home-reference-files{display:flex;flex-wrap:wrap;gap:8px;margin:4px 0}
.home-reference-files>span{display:flex;align-items:center;gap:5px;font-size:11px;max-width:145px}
.home-reference-files small{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.home-reference-files img{width:32px;height:32px;object-fit:cover;border-radius:5px}
.home-footer{max-width:1440px;margin:auto;padding:23px 48px 30px;border-top:1px solid #ffffff0d;display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;color:#86959e;font-size:12px}
.home-footer .home-icp{color:inherit;text-decoration:none;white-space:nowrap}.home-footer .home-icp:hover{text-decoration:underline}.home-footer .home-icp:focus-visible{outline:2px solid currentColor;outline-offset:5px;border-radius:2px}
@media(min-width:1600px){.home-hero{padding-top:90px}.home-intro{margin-bottom:65px}.home-composer{min-height:235px}.home-tools{gap:16px}.home-tool{padding:23px}.home-scroll{margin-top:42px}}
@media(max-width:1100px){.home-header{padding-inline:28px}.home-content{padding-inline:28px}.home-launch-grid{grid-template-columns:minmax(0,1.7fr) minmax(260px,1fr)}.home-library-entry{padding:20px}.home-photo-stack{width:112px;transform:scale(.88);transform-origin:right center;margin-left:-8px}.home-tools{grid-template-columns:repeat(3,minmax(0,1fr))}.home-tool{flex-direction:row;align-items:center;padding:16px;gap:12px}.home-tool-arrow{top:15px;right:12px}.home-tool small{font-size:10px}.home-hero{padding-top:45px}.home-gallery{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.home-header{padding:9px 20px;height:77px;gap:10px;flex-wrap:wrap}.home-brand{width:auto}.home-brand img{width:130px;height:50px}.home-header nav{gap:2px}.home-header nav a{padding:9px 10px;font-size:12px}.home-account{padding:6px;border-radius:50%}.home-account>span:last-child{display:none}.home-avatar{width:24px;height:24px}.home-content{padding-inline:20px}.home-hero{padding-top:38px}.home-intro{margin-bottom:32px}.home-intro h1{font-size:30px;gap:12px;margin-block:18px}.home-intro h1 em{padding-right:17px}.home-intro p{font-size:11px}.home-launch-grid{grid-template-columns:1fr}.home-composer{padding:19px}.home-composer textarea{font-size:17px}.home-library-entry{min-height:125px;padding:18px 22px}.home-library-entry h2{font-size:23px;margin:8px 0}.home-library-entry p br{display:none}.home-photo-stack{width:142px;height:105px;margin-left:auto;transform:scale(.9)}.home-photo-stack i{top:6px}.home-photo-stack b{bottom:-15px}.home-library-entry p{font-size:11px}.home-tools{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.home-tool{padding:14px 12px;gap:10px}.home-tool-icon{width:36px;height:36px;border-radius:10px}.home-tool-icon svg{width:20px;height:20px}.home-tool strong{font-size:12px}.home-tool small{font-size:9px}.home-tool-arrow{display:none}.home-composer-hint{display:none}.home-scroll{margin-top:22px}.home-section-heading{align-items:flex-end;gap:12px}.home-section-heading h2{font-size:21px}.home-section-heading p{font-size:11px}.home-browse{padding:10px;font-size:10px;gap:5px}.home-browse svg{width:13px}.home-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 12px}.home-art-image{border-radius:12px}.home-inspiration{padding-top:35px;padding-bottom:35px}.home-art-caption h3{font-size:12px}.home-art-open{display:none}.home-footer{padding:20px;gap:15px;flex-wrap:wrap}.home-video-toggle{position:static;margin:10px auto 0;display:block}}
@media(max-width:420px){.home-header{height:112px}.home-header nav{order:3;width:100%;justify-content:center}.home-header nav a{padding:7px 17px}.home-hero{padding-top:25px}.home-intro h1{font-size:26px}.home-section-heading h2{font-size:18px}.home-browse{font-size:10px;padding:8px}.home-composer-label small{font-size:10px}.home-content{padding-inline:16px}}
@media(max-width:760px){.home-brand{font-size:17px;gap:7px}.home-brand img{width:32px;height:32px}}
@media(prefers-reduced-motion:reduce){.dream-home *{transition:none!important;scroll-behavior:auto!important}.home-tool:hover,.home-art:hover img{transform:none}}