:root{font-family:"Microsoft YaHei","PingFang SC",Arial,sans-serif;color:#292841;background:#f7f7fb;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px}button,textarea{font:inherit}button{cursor:pointer}a{text-decoration:none;color:inherit}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.icon-defs{position:absolute;width:0;height:0;overflow:hidden}.hidden{display:none!important}.app-shell{min-height:100vh;display:grid;grid-template-columns:232px minmax(0,1fr) 278px;max-width:1920px;margin:0 auto;background:#f8f8fc}.sidebar,.profile-panel{background:#fff;min-height:100vh}.sidebar{border-right:1px solid #efedf5;display:flex;flex-direction:column;position:sticky;top:0;height:100vh;z-index:11}.brand{height:98px;display:flex;align-items:center;gap:11px;padding:0 25px}.brand-mark{width:42px;height:42px;background:linear-gradient(145deg,#8a75ef,#b292fa);border-radius:14px;display:grid;place-items:center;color:#fff;font-size:28px;box-shadow:0 7px 16px #a38aef55;transform:rotate(-7deg)}.brand-mark span{transform:rotate(7deg)}.brand strong{display:block;font-size:20px;line-height:1.2;letter-spacing:.5px}.brand small{display:block;color:#aba8b9;font-size:11px;letter-spacing:1px;margin-top:3px}.sidebar-scroll{overflow:auto;padding:10px 13px 20px;scrollbar-width:thin}.sidebar-group{margin-bottom:30px}.group-label{color:#a9a8b9;font-size:12px;font-weight:700;letter-spacing:1px;margin:8px 12px 15px}.nav-item{border:0;background:transparent;width:100%;height:45px;border-radius:13px;margin:2px 0;display:flex;align-items:center;gap:13px;padding:0 13px;text-align:left;color:#737187;font-size:14px;font-weight:600;transition:background .2s,color .2s,transform .2s}.nav-item:hover,.resource-link:hover{background:#f7f4ff;color:#745bd7}.nav-item.active{background:#f0ebff;color:#755bd9}.nav-item svg{width:18px;height:18px}.nav-dot{width:5px;height:5px;background:#8c72ea;border-radius:50%;margin-left:auto}.group-head{display:flex;align-items:center;justify-content:space-between;padding-right:11px}.group-head span{font-size:11px;color:#bab7c7}.resource-group{margin-top:12px}.resource-link{display:flex;align-items:center;gap:10px;border-radius:12px;padding:6px 10px;height:43px;color:#626174;font-size:13px;font-weight:600;transition:background .2s,color .2s}.resource-link>span:nth-child(2){flex:1}.resource-link svg{width:14px;height:14px;color:#b6b2c4}.resource-icon{width:29px;height:29px;display:grid;place-items:center;border-radius:9px;font-size:18px;flex:none}.resource-icon.openai{background:#e3f8ef;color:#2eaa7c}.resource-icon.claude{background:#fff0e9;color:#dd8e67}.resource-icon.gemini{background:#eeeaff;color:#8571da}.resource-icon.deepseek{background:#e8efff;color:#668bdf}.resource-icon.jimeng{background:#ffeafa;color:#d778bc}.resource-icon.kling{background:#e9edff;color:#6d74c4;font-size:14px}.resource-icon.suno{background:#fff1d9;color:#d8a044}.sidebar-bottom{margin:auto 15px 18px;background:#f5f0ff;border:1px solid #ede4ff;border-radius:15px;padding:14px 11px;display:flex;align-items:center;gap:11px}.sidebar-bottom strong{display:block;color:#5b4a9a;font-size:12px}.sidebar-bottom span{display:block;color:#9b90b8;font-size:10px;margin-top:5px}.tiny-mascot{width:36px;height:35px;background:#d2c2ff;border-radius:15px 15px 13px 13px;position:relative;flex:none}.tiny-mascot:before,.tiny-mascot:after{content:"";position:absolute;width:10px;height:13px;background:#c8b4fa;top:-6px;border-radius:7px 7px 2px 2px}.tiny-mascot:before{left:5px;transform:rotate(-18deg)}.tiny-mascot:after{right:5px;transform:rotate(18deg)}.tiny-mascot i,.tiny-mascot b{position:absolute;width:3px;height:5px;background:#65529b;top:17px;border-radius:5px}.tiny-mascot i{left:11px}.tiny-mascot b{right:11px}.main-content{min-width:0;min-height:100vh}.topbar{height:76px;display:flex;justify-content:space-between;align-items:center;padding:0 clamp(23px,3vw,52px);border-bottom:1px solid #efedf4;background:#fff}.topbar-left,.topbar-right{display:flex;align-items:center;gap:17px}.breadcrumb{color:#a5a2b3;font-size:13px}.breadcrumb span{margin:0 9px;color:#d6d2e2}.breadcrumb b{color:#5a576d;font-weight:600}.status-pill{border:1px solid #ece8f8;background:#faf8ff;color:#8e7fc2;border-radius:30px;padding:8px 13px;font-size:12px;font-weight:600}.status-pill i{display:inline-block;width:6px;height:6px;background:#9d8adf;border-radius:50%;margin-right:5px;vertical-align:2px}.avatar-button,.icon-button{border:0;display:grid;place-items:center}.avatar-button{width:35px;height:35px;border-radius:50%;background:#e9defd;color:#8d71dd}.avatar-button svg{width:17px;height:17px}.mobile-menu,.profile-close{display:none}.content-wrap{max-width:1180px;margin:auto;padding:29px clamp(23px,3vw,52px) 45px}.welcome-card{min-height:219px;border-radius:24px;background:linear-gradient(104deg,#ede9ff 1%,#f5eaff 58%,#faeaf2 100%);position:relative;overflow:hidden;display:flex;align-items:center;box-shadow:0 7px 25px #b8abd313}.welcome-card:before{content:"";position:absolute;width:260px;height:260px;border-radius:50%;background:#fff6;right:-62px;top:-80px}.welcome-copy{position:relative;z-index:2;padding:28px 0 27px 38px}.eyebrow{display:inline-block;background:#ffffffac;color:#8569d8;padding:6px 12px;border-radius:20px;font-size:11px;font-weight:700;letter-spacing:.5px}.welcome-copy h1{font-size:27px;letter-spacing:.5px;margin:13px 0 8px;line-height:1.35;color:#3d346b}.welcome-copy p{color:#8b84ab;font-size:13px;margin:0 0 19px}.welcome-cta{height:34px;border:0;border-radius:10px;background:#8b73e5;color:white;padding:0 14px;display:flex;gap:12px;align-items:center;font-size:12px;font-weight:700;box-shadow:0 5px 12px #8b73e544}.welcome-cta:hover,.generate-button:hover{transform:translateY(-2px);box-shadow:0 8px 16px #8b73e552}.welcome-cta svg{width:15px;height:15px}.hero-art{position:absolute;width:330px;height:220px;right:16px;bottom:0}.hero-mascot{position:absolute;width:150px;height:134px;right:84px;bottom:-7px;background:#e8d6ff;border:7px solid #fff8;border-radius:52% 48% 44% 43%;box-shadow:inset -13px -9px #cbb3f853,0 17px 25px #a477be29;transform:rotate(-7deg)}.hero-mascot .ear{position:absolute;width:41px;height:75px;background:#e8d6ff;border:6px solid #fff9;border-bottom:0;top:-52px;border-radius:70% 70% 24% 24%;z-index:-1}.hero-mascot .ear:after{content:"";position:absolute;inset:11px 9px 3px;background:#f6bce5;border-radius:70%}.hero-mascot .ear.left{left:16px;transform:rotate(-15deg)}.hero-mascot .ear.right{right:16px;transform:rotate(16deg)}.hero-mascot .face{position:absolute;inset:0}.hero-mascot .eyes i{position:absolute;width:8px;height:12px;background:#594d7d;border-radius:50%;top:55px}.hero-mascot .eyes i:first-child{left:45px}.hero-mascot .eyes i:last-child{right:43px}.hero-mascot .cheeks i{position:absolute;width:16px;height:8px;background:#efabc8;border-radius:50%;top:73px;opacity:.9}.hero-mascot .cheeks i:first-child{left:26px}.hero-mascot .cheeks i:last-child{right:25px}.hero-mascot .mouth{position:absolute;width:12px;height:7px;border-bottom:3px solid #7a648d;border-radius:50%;top:68px;left:62px}.hero-cloud{position:absolute;width:90px;height:25px;border-radius:50px;background:#fff8;bottom:12px}.cloud-a{left:23px}.cloud-b{right:10px;bottom:33px;width:78px}.hero-star{position:absolute;color:#fff;font-size:29px;text-shadow:0 3px 8px #bd97dd}.star-a{left:55px;top:45px}.star-b{right:32px;top:45px;font-size:19px}.star-c{left:115px;top:17px;font-size:17px}.hero-sparkle{position:absolute;left:12px;bottom:46px;font-size:18px;color:#fff}.workspace-section{margin-top:32px}.section-title-row{display:flex;justify-content:space-between;align-items:end;gap:15px;margin-bottom:20px}.section-kicker{color:#ab9be2;letter-spacing:2px;font-size:10px;font-weight:800;margin:0 0 8px}.section-title-row h2{font-size:21px;margin:0 0 8px;line-height:1.3;color:#302d45}.heading-star{color:#a78ce8;font-size:15px;vertical-align:5px}.section-subtitle{color:#aaa7b6;font-size:12px;margin:0}.section-note{font-size:11px;color:#a39dba;background:#f0edfb;padding:7px 12px;border-radius:20px;white-space:nowrap}.workspace-card{background:#fff;border:1px solid #eeeaf4;border-radius:21px;box-shadow:0 8px 25px #2822500a;overflow:hidden}.mode-tabs{display:flex;gap:4px;padding:10px 17px 0;border-bottom:1px solid #f0eef5;overflow-x:auto}.mode-tab{border:0;background:transparent;color:#918da3;font-size:13px;font-weight:700;padding:15px 12px 13px;min-width:110px;border-bottom:3px solid transparent;white-space:nowrap}.mode-tab span{font-size:16px;margin-right:4px}.mode-tab:hover{color:#795fd9}.mode-tab.active{color:#785ed7;border-bottom-color:#8e76ea}.workspace-body{padding:24px 25px 26px}.field-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.field-heading label,.model-heading h3{color:#38354c;font-weight:700;font-size:14px}.field-heading span{color:#aaa8b6;font-size:11px}.prompt-box{border:1px solid #e7e3f1;border-radius:14px;transition:border .2s,box-shadow .2s;overflow:hidden}.prompt-box:focus-within{border-color:#a894eb;box-shadow:0 0 0 3px #a994ed1f}.prompt-box textarea{display:block;width:100%;height:108px;resize:vertical;border:0;outline:0;background:transparent;padding:14px 16px 3px;font-size:13px;color:#403b57;line-height:1.7}.prompt-box textarea::placeholder{color:#b4b0bf}.prompt-footer{display:flex;justify-content:space-between;gap:8px;align-items:center;padding:0 14px 11px}.prompt-footer span{display:flex;gap:5px;align-items:center;color:#aaa5b9;font-size:11px}.prompt-footer svg{width:14px;height:14px;color:#c4a874}.clear-button{border:0;background:transparent;color:#aaa5b9;font-size:11px}.clear-button:hover{color:#8163d6}.model-heading{display:flex;justify-content:space-between;align-items:center;margin:22px 0 13px}.model-heading h3{margin:0 0 5px}.model-heading p{font-size:11px;color:#aaa5b5;margin:0}.model-count{font-size:11px;color:#aaa0d5;white-space:nowrap}.model-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.model-card{min-height:96px;padding:13px 10px 11px;background:#fff;border:1px solid #eae8f0;border-radius:13px;text-align:left;position:relative;transition:border .2s,background .2s,transform .2s,box-shadow .2s}.model-card:hover{transform:translateY(-2px);border-color:#c8bbef}.model-card.selected{border-color:#9c82ef;background:#fbf9ff;box-shadow:0 0 0 2px #a589eb18}.model-card .selected-check{position:absolute;right:9px;top:9px;width:14px;height:14px;border:1px solid #d9d5e5;border-radius:50%;background:#fff}.model-card.selected .selected-check{background:#9275e7;border-color:#9275e7}.model-card.selected .selected-check:after{content:"✓";position:absolute;color:#fff;font-size:10px;line-height:12px;left:2px;top:0}.model-logo{width:27px;height:27px;border-radius:9px;display:grid;place-items:center;font-size:17px;margin-bottom:8px}.model-card strong{display:block;color:#4b485e;font-size:12px;line-height:1.2}.model-card small{display:block;color:#aca8b7;font-size:10px;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.action-row{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:21px}.action-hint{margin:0;color:#a5a1b3;font-size:10px;line-height:1.5;display:flex;align-items:flex-start;gap:7px}.hint-icon{width:14px;height:14px;border-radius:50%;background:#e9e5f4;color:#9381c8;font-size:9px;font-weight:700;line-height:14px;text-align:center;flex:none}.generate-button{border:0;border-radius:12px;background:#8e74e7;color:white;min-height:41px;display:flex;align-items:center;gap:8px;padding:0 14px;white-space:nowrap;font-size:12px;font-weight:700;box-shadow:0 5px 13px #8b73e43d;transition:transform .2s,box-shadow .2s}.generate-button svg{width:16px;height:16px}.generate-button .button-arrow{margin-left:4px}.bottom-note{display:flex;align-items:flex-start;gap:12px;margin:20px 0 0;padding:14px 16px;border-radius:14px;background:#f0f6ff;color:#596d91}.note-icon{font-size:20px;color:#82a8df}.bottom-note strong{font-size:12px}.bottom-note p{margin:3px 0 0;font-size:11px;line-height:1.6;color:#8a9ab5}.profile-panel{border-left:1px solid #efedf5;padding:0 19px 26px;position:sticky;top:0;height:100vh;overflow-y:auto;scrollbar-width:thin}.profile-top{height:76px;display:flex;align-items:center;justify-content:space-between;color:#777287;font-size:13px;font-weight:700;position:relative}.profile-top-star{color:#e8d6fa;font-size:23px}.profile-card{text-align:center;padding:14px 4px 19px}.profile-avatar{margin:0 auto 13px;width:67px;height:67px;background:#efe3ff;border:5px solid #fbf8ff;border-radius:23px;display:grid;place-items:center;transform:rotate(-7deg);box-shadow:0 5px 13px #a58ce42c}.avatar-face{position:relative;width:42px;height:40px;border-radius:45%;background:#d9bcff;transform:rotate(7deg)}.avatar-face i{position:absolute;width:4px;height:6px;background:#604d91;border-radius:50%;top:18px}.avatar-face i:first-child{left:12px}.avatar-face i:nth-child(2){right:12px}.avatar-face b{position:absolute;width:8px;height:4px;border-bottom:2px solid #604d91;border-radius:50%;top:25px;left:17px}.profile-card h2{font-size:14px;color:#454159;margin:0 0 7px}.profile-card p{color:#aaa6b8;font-size:11px;margin:0 0 15px;line-height:1.5}.profile-card button{border:1px solid #ded5fb;border-radius:9px;background:#f5f0ff;color:#856bd6;padding:9px 12px;font-size:11px;font-weight:700;display:flex;align-items:center;gap:12px;margin:auto}.profile-card button:hover{background:#ece4ff}.profile-card button svg{width:13px;height:13px}.profile-divider{height:1px;background:#f1eff5;margin:6px 0 24px}.profile-block{margin:0 0 25px}.profile-block-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:13px}.profile-block-heading h3{font-size:13px;color:#464158;margin:0}.profile-block-heading span{font-size:11px;color:#c5bee0}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.stats-grid>div{background:#f8f5ff;border-radius:12px;padding:14px 10px}.stats-grid>div:nth-child(2){background:#fff6f8}.stats-grid strong{display:block;font-size:21px;color:#8c73dc;line-height:1.2}.stats-grid>div:nth-child(2) strong{color:#e5a3b6}.stats-grid span{display:block;color:#aaa4bb;font-size:10px;margin-top:5px}.empty-work{border:1px dashed #e9e5f0;border-radius:13px;padding:18px 7px 20px;text-align:center}.empty-illustration{height:55px;width:65px;margin:0 auto 4px;position:relative}.empty-illustration:before{content:"";position:absolute;width:42px;height:32px;border:5px solid #e9e2fa;border-radius:9px;background:#f8f5ff;left:11px;top:14px;transform:rotate(-8deg)}.empty-illustration span{position:absolute;color:#d5c3f5;font-size:25px;left:28px;top:13px;z-index:1}.empty-illustration i{position:absolute;width:14px;height:14px;background:#f7c9da;border-radius:50%;right:1px;top:4px}.empty-work strong{display:block;font-size:11px;color:#8f899c}.empty-work p{margin:5px 0 0;color:#b8b3c2;font-size:10px}.profile-tip{background:linear-gradient(135deg,#f3edff,#fff3f8);border-radius:14px;padding:15px 14px}.profile-tip span{color:#876fcd;font-size:11px;font-weight:700}.profile-tip p{color:#9a8daf;font-size:10px;line-height:1.7;margin:6px 0 0}.secondary-view{height:calc(100vh - 76px);display:grid;place-items:center}.secondary-card{text-align:center;background:#fff;border:1px solid #f1edf7;border-radius:22px;padding:55px 30px;max-width:480px;width:100%}.secondary-art{width:92px;height:92px;border-radius:32px;background:#f0e9ff;color:#aa8ae8;font-size:50px;line-height:92px;margin:0 auto 26px;transform:rotate(-8deg)}.secondary-card h1{font-size:21px;margin:0 0 10px}.secondary-card>p:not(.section-kicker){color:#a6a1b4;font-size:13px}.secondary-card button{margin-top:18px;border:0;border-radius:10px;background:#8e74e7;color:#fff;padding:11px 15px;display:inline-flex;gap:10px;align-items:center;font-size:12px;font-weight:700}.secondary-card button svg{width:14px;height:14px}.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);opacity:0;pointer-events:none;background:#423b5b;color:#fff;padding:11px 17px;border-radius:11px;box-shadow:0 10px 25px #29244135;font-size:12px;z-index:30;max-width:min(90vw,500px);text-align:center;transition:opacity .2s,transform .2s}.toast.show{opacity:1;transform:translate(-50%,0)}.scrim{display:none}
@media(max-width:1350px){.app-shell{grid-template-columns:210px minmax(0,1fr) 248px}.brand{padding:0 18px}.content-wrap{padding-left:27px;padding-right:27px}.topbar{padding-left:27px;padding-right:27px}.model-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-art{right:-40px}}@media(max-width:1050px){.app-shell{grid-template-columns:205px minmax(0,1fr)}.profile-panel{position:fixed;right:0;top:0;width:280px;z-index:21;transform:translateX(100%);transition:transform .25s;box-shadow:-15px 0 30px #27204015}.profile-panel.open{transform:translateX(0)}.profile-close{display:grid;background:transparent;color:#7c758b;width:32px;height:32px}.profile-top-star{display:none}.scrim:not([hidden]){display:block;position:fixed;inset:0;background:#1c173a55;z-index:20}}@media(max-width:720px){.app-shell{display:block}.sidebar{position:fixed;left:0;top:0;width:245px;transform:translateX(-100%);transition:transform .25s;box-shadow:12px 0 30px #27204015}.sidebar.open{transform:translateX(0)}.mobile-menu{display:grid;width:31px;height:31px;border-radius:8px;background:#f3efff;color:#846bd7}.topbar{height:62px;padding:0 17px}.topbar-left{gap:11px}.status-pill{display:none}.content-wrap{padding:18px 16px 30px}.welcome-card{min-height:215px}.welcome-copy{padding-left:21px;padding-right:10px}.welcome-copy h1{font-size:23px;max-width:260px}.welcome-copy p{font-size:12px;max-width:210px;line-height:1.5}.hero-art{opacity:.54;right:-150px}.section-title-row{align-items:start}.section-note{display:none}.workspace-section{margin-top:27px}.workspace-body{padding:19px 16px 21px}.mode-tabs{padding-left:8px}.mode-tab{font-size:12px;padding-left:9px;padding-right:9px;min-width:94px}.model-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.action-row{align-items:stretch;flex-direction:column}.generate-button{justify-content:center;width:100%}.prompt-footer span{font-size:10px}.secondary-view{height:calc(100vh - 62px)}.scrim:not([hidden]){display:block}}@media(max-width:400px){.welcome-copy h1{font-size:20px}.hero-art{right:-187px}.mode-tab{min-width:90px}}
.example-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:22px 0 5px}.example-list button{margin:0;text-align:left;border:1px solid #e8e1f8;border-radius:10px;background:#faf8ff;color:#785fc4;padding:12px;font-size:11px;justify-content:flex-start}.example-list button:hover{background:#f0eaff}@media(max-width:480px){.example-list{grid-template-columns:1fr}}