500;600;700&display=swap');
:root{font-family:Arial,PingFang SC,Microsoft YaHei,sans-serif;color:#3a303a;background:#f2f1f7;font-synthesis:none;font-weight:400}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}button{cursor:pointer;border:0;background:none;color:inherit;display:inline-flex;align-items:center;justify-content:center;gap:8px}button:disabled{cursor:not-allowed;opacity:.55}button,a,input,textarea{outline-offset:4px}a{color:inherit;text-decoration:none}header{height:92px;max-width:1200px;padding:0 40px;margin:auto;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e1dee7}.brand{display:flex;align-items:center;gap:11px}.brand-icon{background:#826b87;color:#fff;display:grid;place-items:center;width:42px;height:45px;border-radius:12px}.brand b{font:700 27px "Noto Serif SC",serif;display:flex;align-items:center;gap:15px}.brand b span{font:12px Arial;color:#928b97;border-left:1px solid #d4cfd9;padding-left:15px}nav{display:flex;gap:32px;height:100%;align-items:center}nav button{height:100%;font-size:14px;position:relative;color:#847c89}nav button.active{color:#5d4360;font-weight:700}nav button.active:after{content:"";position:absolute;bottom:0;left:30%;right:30%;height:3px;background:#806687;border-radius:3px}.new-btn{border:1px solid #d3cad8;border-radius:7px;font-size:13px;padding:10px 15px}main{max-width:1120px;margin:auto}.hero{display:grid;grid-template-columns:1fr 1fr;min-height:369px;align-items:center;padding:34px 20px 30px}.eyebrow{font-size:11px;letter-spacing:2px;color:#93809b;display:flex;align-items:center;gap:9px}.eyebrow span{width:6px;height:6px;border-radius:50%;background:#a288a9}h1{font:500 43px/1.65 "Noto Serif SC",serif;letter-spacing:2px;margin:16px 0 12px}.underline{position:relative;color:#4e64b8}.underline svg{position:absolute;bottom:-6px;left:0;width:100%;height:14px;fill:none;stroke:#7779d7;stroke-width:3}.hero-copy>p{font-size:13px;color:#8a8c80;line-height:1.9;margin:20px 0}.hero-foot{display:flex;align-items:center;gap:10px;color:#918197;font-size:11px}.mini-sun{font-size:25px;color:#a28fb1}.line{height:1px;background:#dbd1e0;width:55px}.hero-art{position:relative;height:295px;margin-left:25px}.journal-paper,.paper-back{position:absolute;width:315px;height:239px;top:34px;left:55px;background:#f8f6ff;transform:rotate(-6deg);box-shadow:0 8px 30px #31295510;border:1px solid #dfdcef}.paper-back{transform:rotate(5deg);background:#e5deeb;left:70px;top:35px}.journal-paper{padding:30px 26px;background:repeating-linear-gradient(0deg,#f6f4ff,#f6f4ff 27px,#e4dfef 28px)}.tape{position:absolute;top:-12px;left:120px;width:80px;height:25px;transform:rotate(4deg);background:#a29bd799;clip-path:polygon(0 0,100% 6%,97% 100%,3% 91%)}.paper-date{font-size:8px;letter-spacing:2px;color:#908baa}.journal-paper h2{font:500 23px "Noto Serif SC",serif;margin:20px 0;color:#65516e}.paper-lines{display:grid;gap:16px;font:12px "Noto Serif SC",serif;color:#8f899b}.paper-bottom{display:flex;justify-content:space-between;margin-top:23px;color:#9583a0;align-items:center;font:italic 14px Georgia}.sun-doodle{position:absolute;right:26px;top:-2px;font-size:62px;color:#766cc6}.art-caption{font:italic 13px Georgia;position:absolute;top:1px;left:35px;color:#8f889c;transform:rotate(-8deg)}.leaf-doodle{position:absolute;bottom:0;left:8px;color:#8b7492;transform:rotate(-24deg)}.spark-doodle{position:absolute;left:10px;top:84px;font-size:30px;color:#a396b5}.today-sticker{position:absolute;right:32px;bottom:14px;transform:rotate(9deg);padding:15px 17px;border-radius:50%;background:#b8b3e9;color:#57528e;font:10px/1.8 Georgia;text-align:center;border:4px double #e3dff8}.today-sticker b{font-size:12px}.studio{background:#fbfaff;border:1px solid #e0dae5;border-radius:14px;padding:26px 28px 17px;box-shadow:0 6px 15px #61476604}.studio-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.studio-title{display:flex;gap:12px;align-items:center}.ai-icon{width:43px;height:43px;display:grid;place-items:center;background:#ebe6f0;border-radius:12px;color:#84668c}h2{margin:0;font-size:18px;font-weight:600}.studio-title p{font-size:12px;color:#948d99;margin:7px 0 0}.qwen-badge{font-size:10px;color:#907c9a;background:#f1edf5;border:1px solid #e6ddeb;padding:6px 9px;border-radius:5px}.input-wrap{display:block;border:1px solid #ddd8e4;background:#f7f5fa;border-radius:8px;position:relative}.input-wrap textarea{width:100%;height:110px;background:none;border:0;resize:vertical;padding:17px 18px 28px;font-size:13px;line-height:1.7;color:#5b4b5d}.input-wrap textarea::placeholder{color:#a7a0ac}.input-wrap>span{position:absolute;right:13px;bottom:10px;font-size:10px;color:#a196a7}.studio-actions{display:flex;align-items:center;justify-content:space-between;margin-top:16px;gap:12px}.prompts{display:flex;align-items:center;gap:8px}.prompts>span{font-size:11px;color:#9c94a3;margin-right:3px}.prompts button{font-size:11px;color:#807585;background:#f0eef6;border:1px solid #e5e2ee;border-radius:5px;padding:7px 9px}.primary{background:#806488;color:#fff;border-radius:7px;padding:12px 20px;font-size:12px;white-space:nowrap}.primary:hover{background:#6f5376}.privacy-note{text-align:right;color:#a59cab;font-size:10px;margin-top:10px}.collection{margin-top:40px}.collection-head{display:flex;justify-content:space-between;align-items:center}.collection-head h2{font-family:"Noto Serif SC",serif;font-size:22px}.collection-head h2 span{font:9px Arial;letter-spacing:1.7px;color:#a89fae;margin-left:16px}.collection-head p{color:#98909d;font-size:12px;margin:10px 0 0}.search{display:flex;align-items:center;gap:8px;color:#a094a5;border:1px solid #e0d9e4;padding:9px 12px;border-radius:6px;background:#f9f7fc}.search input{background:none;border:0;max-width:128px;font-size:12px;color:#5e4c62}.search input::placeholder{color:#9f94a5}.filters{display:flex;gap:12px;margin:24px 0 22px;align-items:center}.filters button{font-size:12px;padding:7px 14px;color:#8c7e92;border-radius:5px}.filters button.selected{background:#e8dfec;color:#6d5172}.filters>span{margin-left:auto;color:#a69baa;font-size:11px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.card{background:#fbfaff;border:1px solid #e0dce8;border-radius:10px;overflow:hidden;transition:transform .2s}.card:hover{transform:translateY(-3px)}.cover{width:100%;height:188px;position:relative;overflow:hidden;text-align:left}.cover.plant{background:#e3dae8}.cover.coffee{background:#d7d6ed}.cover.autumn{background:#d1cde8}.source{position:absolute;top:13px;left:14px;background:#f6f3ffb5;font-size:9px;padding:5px 7px;border-radius:4px;color:#77687d;z-index:1}.cover-art{display:flex;align-items:center;gap:25px;color:#91769b;transform:rotate(-7deg)}.cover-art em{font:italic 28px/1.2 Georgia;color:#796481}.coffee .cover-art{color:#7072a1;transform:rotate(6deg)}.coffee em{font-size:24px;color:#66699e}.autumn .cover-art{color:#675daa;transform:rotate(-12deg)}.autumn em{color:#605c9f}.cover-date{position:absolute;right:12px;bottom:12px;font:15px Georgia;color:#8c7e94;text-align:center}.cover-date small{font:8px Arial;letter-spacing:1px}.card-body{padding:20px 20px 15px}.card-title{padding:0;text-align:left;display:flex;justify-content:space-between;width:100%;font:600 17px "Noto Serif SC",serif;line-height:1.6}.card-title svg{flex-shrink:0;color:#b1a7b7}.card-body>p{color:#928998;font-size:12px;line-height:1.9;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;height:46px;margin:11px 0 14px}.card-tags{display:flex;flex-wrap:wrap;gap:6px;font-size:10px;color:#947d9c}.card-tags button{padding:4px 7px;background:#efebf3;font-size:10px;border-radius:3px}.card-bottom{border-top:1px solid #ece7f0;margin-top:20px;padding-top:13px;display:flex;justify-content:space-between;font-size:10px;color:#97889b}.card-bottom>span{display:flex;gap:7px;align-items:center}.avatar{width:22px;height:22px;border-radius:50%;background:#e3ddea;display:grid;place-items:center;font-size:10px;color:#8d7b93}.card-bottom button{font-size:11px;color:#a093a7}.card-bottom button.liked{color:#617bb6}footer{display:flex;justify-content:space-between;border-top:1px solid #e2dce6;margin-top:44px;padding:24px 0;color:#a599aa;font-size:10px}footer span{display:flex;align-items:center;gap:8px}footer span:last-child{font-size:8px;letter-spacing:1px}.waiting,.error{margin-top:18px;padding:16px;border-radius:8px;background:#efe9f3;font-size:13px;display:flex;gap:10px;align-items:center}.error{background:#e7ecff;color:#4766ab;justify-content:space-between}.error button{white-space:nowrap;text-decoration:underline}.loader{width:17px;height:17px;border:2px solid #baa4c3;border-top-color:#6b4b72;border-radius:50%;animation:spin 1s linear infinite}.spinning{animation:spin 2s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.editor{border-top:1px dashed #d9cfdd;margin-top:22px;padding-top:20px}.editor-heading{display:flex;justify-content:space-between;font-size:13px;color:#7f6187}.editor label{display:block;font-size:12px;color:#807184;margin-top:15px}.editor input,.editor textarea{display:block;width:100%;padding:12px;border:1px solid #ded4e3;border-radius:6px;background:#fbf9ff;color:#514054;margin-top:7px;font-size:14px;line-height:1.8}.editor textarea{min-height:160px;resize:vertical}.editor small{font-size:10px;color:#9d90a5}.editor-end{margin-top:16px;display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#a093a7}.empty{padding:55px;text-align:center;color:#98839e;display:flex;flex-direction:column;align-items:center;border:1px dashed #d8cadc;border-radius:12px}.empty p{font-size:13px}.empty button{font-size:13px;margin-top:12px}.toast{position:fixed;bottom:30px;left:50%;transform:translate(-50%);background:#614b63;color:#fff;box-shadow:0 6px 30px #0002;border-radius:8px;padding:14px 24px;font-size:13px;display:flex;gap:10px;align-items:center;z-index:5}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;background:#372b3770;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:grid;place-items:center;padding:20px}.modal{max-width:620px;width:100%;background:#f7f5ff;border-radius:15px;padding:42px;position:relative;max-height:90vh;overflow:auto}.close{position:absolute;right:12px;top:12px}.detail-source{font-size:11px;color:#947d9d}.modal h2{font:600 25px "Noto Serif SC",serif;margin-top:20px}.modal>p{font:15px/2.2 "Noto Serif SC",serif;white-space:pre-wrap;color:#706075;margin:23px 0}.detail-actions{border-top:1px solid #e1d7e7;margin-top:24px;padding-top:20px;display:flex;justify-content:space-between;font-size:12px;color:#8c7694}@media(min-width:1450px){header{max-width:1280px}main{max-width:1180px}.hero{min-height:400px}.cover{height:210px}}@media(max-width:1000px){header{padding:0 25px}.brand b span{display:none}main{padding:0 25px}.hero{padding-left:0;padding-right:0}h1{font-size:36px}.hero-art{margin-left:0;transform:scale(.85);transform-origin:center}.prompts{flex-wrap:wrap}.prompts>span{display:none}.collection-head h2 span{display:none}nav{gap:16px}.cards{gap:16px}.card-body{padding:16px}.cover-art{gap:8px}.cover-art em{font-size:24px}.cover-art svg{width:65px}}@media(max-width:650px){header{height:112px;padding:12px 20px 0;align-items:flex-start;position:relative}.brand-icon{width:34px;height:37px}.brand b{font-size:25px}.new-btn{font-size:11px;padding:9px 10px}nav{position:absolute;bottom:0;left:20px;right:20px;height:46px;justify-content:center;gap:32px}nav button{font-size:12px}main{padding:0 18px}.hero{grid-template-columns:1fr;min-height:0;padding:30px 4px 20px}.eyebrow{font-size:10px}h1{font-size:34px;line-height:1.65;margin-top:13px}.hero-copy>p{font-size:12px;margin-top:15px}.hero-art{display:none}.hero-foot{font-size:10px}.studio{padding:20px 16px 14px}.studio-head{gap:6px;margin-bottom:17px}.studio-title{gap:9px}.studio-title h2{font-size:16px}.studio-title p{font-size:10px}.ai-icon{width:33px;height:36px;flex-shrink:0}.qwen-badge{display:none}.input-wrap textarea{height:130px;font-size:12px;padding:13px}.studio-actions{flex-direction:column;align-items:stretch;gap:16px}.prompts{gap:5px}.prompts button{font-size:10px;padding:7px}.primary{padding:13px 15px}.privacy-note{text-align:center;font-size:9px}.collection{margin-top:30px}.collection-head{align-items:flex-start;gap:10px;flex-direction:column}.collection-head h2{font-size:21px}.search{width:100%;margin-top:6px}.search input{max-width:none;width:100%}.filters{gap:3px;flex-wrap:wrap;margin:18px 0}.filters button{font-size:11px;padding:7px 8px}.filters>span{display:none}.cards{grid-template-columns:1fr;gap:20px}.cover{height:210px}.cover-art{gap:36px}.cover-art svg{width:84px}.cover-art em{font-size:31px}.card-body{padding:20px}.card-title{font-size:18px}.card-body>p{font-size:13px;height:50px}.card-tags button,.card-bottom{font-size:11px}footer{margin-top:30px;justify-content:center;padding:22px 0}footer span:last-child{display:none}.editor-end{gap:10px}.editor-end span{max-width:130px;line-height:1.6}.error{align-items:flex-start;font-size:12px}.error button{font-size:11px}.modal{padding:30px 24px}.modal h2{font-size:22px}.toast{width:max-content;max-width:92vw;font-size:12px}.empty{padding:35px 20px}}:root{background:#f9e9e4;color:#583c43}body{background-image:radial-gradient(#c793901f 1px,transparent 1px);background-size:12px 12px}header{border-bottom:2px dashed #c6a4a0}.brand-icon,.new-btn,.primary{background:#a74766;border-radius:5px}.brand b,h1,.journal-paper h2{font-family:Kaiti SC,STKaiti,Georgia,serif}h1{font-weight:500}.studio{background:#fff9ed;border:1px solid #d8bcac;border-radius:0 24px;box-shadow:7px 8px #d6b7b54d;position:relative}.studio:before{content:"";position:absolute;top:-11px;left:45%;width:88px;height:23px;background:#d3a64266;transform:rotate(-4deg)}.card{border-radius:2px;box-shadow:4px 6px #d7b3b642;background:#fffaf0}.card-body{border-top:2px dashed #d8b8b0}.filters button{border-radius:0}.filters button.selected{background:#a74766;color:#fff}.journal-paper{box-shadow:7px 8px #d8b7b2}.paper-back{background:#d9a0af}.cover{border-radius:0}@media(min-width:1101px){.hero{grid-template-columns:1fr 1fr;gap:40px}.cards{gap:30px}.card:nth-child(3n+1){transform:rotate(-1deg)}.card:nth-child(3n+3){transform:rotate(1deg)}}@media(max-width:700px){input,textarea,select{font-size:16px}h1{overflow-wrap:anywhere}}