@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;600;700;800&display=swap');
:root{font-family:'Noto Sans SC','Microsoft YaHei',sans-serif;color:#393a32;background:#faf9f5;font-synthesis:none;--orange:#e77c4a;--muted:#99998e}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}button,a,label{ -webkit-tap-highlight-color:transparent}button{cursor:pointer;transition:.18s}button:hover{filter:brightness(.97);transform:translateY(-1px)}button:disabled{opacity:.45;cursor:not-allowed;transform:none}button:focus-visible,a:focus-visible,label:focus-visible{outline:3px solid #eaa77d;outline-offset:4px}[hidden]{display:none!important}header{max-width:1380px;margin:auto;height:104px;display:flex;align-items:center;justify-content:space-between;padding:0 58px;border-bottom:1px solid #eae8e0}.brand{display:flex;gap:11px;align-items:center;font-size:42px;color:var(--orange);text-decoration:none}.brand span{font-size:21px;font-weight:800;color:#363a32;letter-spacing:2px}.brand small{display:block;font-size:9px;letter-spacing:2.4px;color:#9a9b8e;margin-top:4px}nav{display:flex;gap:32px;height:100%}.nav{border:0;background:none;font-size:14px;color:#939488;position:relative;padding:0 4px}.nav.active{color:#d77345;font-weight:600}.nav.active:after{content:'';height:3px;background:var(--orange);position:absolute;bottom:0;left:12%;right:12%;border-radius:4px}.nav b{font-size:10px;background:#eeeee6;padding:2px 6px;border-radius:6px;margin-left:5px}.header-note{font-size:12px;color:#96988a}.header-note span{font-size:23px;color:var(--orange);margin-left:12px}main{max-width:1264px;padding:0 36px;margin:auto}.hero{padding:54px 0 40px;display:flex;align-items:center;justify-content:space-between}.eyebrow{font-size:10px;letter-spacing:2.4px;color:#959c82;font-weight:600}h1{font-size:36px;line-height:1.55;letter-spacing:1px;margin:13px 0 12px;font-weight:800}h1>span{display:block;color:var(--orange)}.spark{font-size:40px;font-weight:400;padding-left:13px;display:inline-block;transform:rotate(15deg)}.hero p{font-size:13px;color:#949488;line-height:1.9}.hero-stamp{margin-right:54px;transform:rotate(9deg);height:156px;width:156px;border:1px dashed #c7c9b8;border-radius:50%;outline:7px solid #f0f0e6;text-align:center;padding:16px;font-size:17px;line-height:1.6;color:#81866d;letter-spacing:3px}.hero-stamp>span{display:block;font-size:26px;filter:grayscale(1);opacity:.5}.hero-stamp i{display:block;font-size:8px;letter-spacing:0;margin-top:5px}.workspace{display:grid;grid-template-columns:1.05fr 1fr;gap:24px}.panel{background:#fff;border:1px solid #eae8df;border-radius:18px;padding:27px;box-shadow:0 7px 20px #4d482005}.section-title{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:22px}h2{font-size:16px;margin:0;font-weight:600}h2>span{font-family:Georgia,serif;font-size:15px;color:#aaa99b;padding-right:11px}.subtle{font-size:10px;color:#a6a69b}.dropzone{height:217px;background:#fafaf6;border:1.5px dashed #d8dacb;border-radius:12px;display:flex;align-items:center;justify-content:center;text-align:center;cursor:pointer;position:relative;overflow:hidden}.dropzone.drag{background:#fff0e6;border-color:var(--orange)}.upload-icon{font-size:28px;color:#91977e;background:#eeefe4;width:47px;height:47px;border-radius:14px;margin:0 auto 15px}.dropzone strong{font-weight:500;font-size:14px}.dropzone p{font-size:11px;color:#a0a093;margin:8px 0 13px}.dropzone small{font-size:9px;color:#b3b3a6}.dropzone img{width:100%;height:100%;object-fit:contain}.dropzone>span{position:absolute;bottom:10px;right:10px;background:#fffE;padding:7px 11px;font-size:11px;border-radius:7px}.fields{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:22px}.fields label{font-size:12px;font-weight:500}.fields label>span{color:var(--orange);padding-left:5px}input,textarea{outline:none}input:focus,textarea:focus{border-color:#d99b77!important;box-shadow:0 0 0 3px #ed9c6e16}.fields input,#search{width:100%;background:#fcfcf9;border:1px solid #e8e8df;border-radius:8px;padding:12px;font-size:11px;margin-top:9px;color:#55594b}input::placeholder{color:#b1b1a5}.style-title{margin-top:26px;margin-bottom:17px}.styles{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.styles button{padding:13px 3px;border:1px solid #eaeae2;border-radius:10px;background:#fff;color:#656858}.styles button span{display:block;font-size:23px;margin-bottom:7px}.styles strong{font-size:12px;font-weight:500;display:block}.styles small{display:block;font-size:8px;color:#a6a598;margin-top:5px}.styles .selected{background:#fff5ed;border-color:#eaa77e;box-shadow:0 0 0 1px #eaa77e33}.styles .selected strong{color:#d87845}.primary{background:var(--orange);color:#fff;border:1px solid var(--orange);border-radius:9px;padding:12px 22px;font-size:12px;font-weight:500}.generate{width:100%;margin-top:24px;height:47px;font-size:14px}.generate>span{float:right;font-size:21px;line-height:20px}.mode-note{font-size:10px;color:#a5a595;text-align:center;margin:12px 0 0}.live-badge{color:#8d9c79;background:#f2f5eb;font-size:10px;padding:5px 9px;border-radius:5px}.result{display:flex;flex-direction:column}.post{border:1px solid #eeede5;border-radius:12px;padding:20px;flex:1;display:flex;flex-direction:column}.post-author{display:flex;align-items:center;gap:10px}.post-author>div:first-child{width:38px;height:38px;border-radius:11px;background:#f1f0e5;display:grid;place-items:center;font-size:20px;overflow:hidden}.post-author img{width:100%;height:100%;object-fit:cover}.post-author strong{display:block;font-size:12px;font-weight:600}.post-author small{display:block;font-size:9px;color:#b0b0a4;margin-top:5px}.post-author>span{margin-left:auto;color:#aaa}.result-placeholder{text-align:center;display:flex;flex:1;min-height:300px;flex-direction:column;align-items:center;justify-content:center}.doodle{font-size:42px;color:#b9bca5;letter-spacing:3px;margin-bottom:19px}.result-placeholder h3{font-size:14px;font-weight:500;color:#878b78;margin:0}.result-placeholder p{font-size:11px;color:#b0b0a0;line-height:2}.handwritten{font-family:Georgia,serif;font-size:12px;font-style:italic;color:#b6b79e;margin-top:14px}.post-bottom{display:flex;justify-content:space-between;font-size:10px;color:#a5aa96;border-top:1px solid #f0efe9;padding-top:15px;margin-top:14px}.post-bottom>span:last-child{font-size:16px}.result-actions{display:flex;gap:12px;margin-top:18px}.result-actions button{flex:1}.secondary{background:#fff;border:1px solid #dedfd3;color:#858a74;border-radius:9px;padding:12px 18px;font-size:12px}.tip{display:flex;gap:12px;align-items:center;margin:19px 0 0;padding:12px 15px;background:#f8f8f2;border-radius:9px}.tip>span{font-size:25px;color:#aaa98b}.tip p{font-size:11px;margin:0;color:#8f947e;line-height:1.8}.tip small{display:block;font-size:9px;color:#aeb09e}.bottom-note{text-align:center;padding:30px;font-size:11px;color:#a8a997}.bottom-note span{color:#b5b9a2;padding:0 18px}footer{max-width:1192px;margin:10px auto 0;padding:23px 0;border-top:1px solid #e8e8dd;display:flex;justify-content:space-between;color:#b2b2a6;font-size:10px;align-items:center}.brand-mini{color:#8f9580;font-weight:600;font-size:13px}footer>span:last-child{font-size:8px;letter-spacing:1.6px}#caption{width:100%;resize:vertical;min-height:105px;font-size:14px;line-height:1.9;border:1px solid transparent;padding:8px 0;margin-top:14px;color:#55594c;background:transparent}#resultImage{width:100%;max-height:270px;object-fit:cover;border-radius:6px}.post-meta{display:flex;justify-content:space-between;font-size:10px;color:#aaa;margin-top:10px}.post-meta>span:first-child{color:#d9875d}#toast{position:fixed;bottom:30px;left:50%;transform:translateX(-50%) translateY(100px);opacity:0;transition:.2s;background:#424b3c;color:white;border-radius:10px;padding:13px 25px;font-size:13px;z-index:50;max-width:90vw}#toast.show{transform:translateX(-50%);opacity:1}.diary-heading{display:flex;justify-content:space-between;align-items:center}.diary-heading h2{font-size:24px}.diary-heading p,.storage-note{color:#989c89;font-size:12px;line-height:1.8}.diary-heading h2 span{color:var(--orange);font-size:24px}#search{width:260px;margin:0}.diary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:24px 0 45px}.diary-card{background:white;border:1px solid #e8e8df;border-radius:13px;overflow:hidden}.diary-card>img{width:100%;height:230px;object-fit:cover}.diary-card .body{padding:20px}.diary-card h3{margin:0;font-size:15px}.diary-card p{font-size:13px;line-height:1.9;white-space:pre-wrap;overflow-wrap:anywhere}.diary-card small{color:#aaa;font-size:10px}.card-actions{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #eee;padding-top:13px}.card-actions button{background:none;border:0;color:#c68b6c;font-size:11px}.empty{text-align:center;padding:60px 20px;grid-column:1/-1;color:#989d89}.empty h3{font-size:20px}.empty p{font-size:13px}@media(min-width:1450px){main{padding-top:20px}.hero{padding-bottom:50px}.panel{padding:32px}}@media(max-width:800px){header{padding:0 20px;height:82px}.header-note{display:none}nav{gap:15px}.nav{font-size:12px}.brand{font-size:32px}.brand span{font-size:17px}.brand small{font-size:7px}main{padding:0 20px}.hero{padding:30px 0}.hero-stamp{display:none}h1{font-size:29px}.hero p{font-size:11px}.eyebrow{font-size:8px}.workspace{grid-template-columns:1fr}.panel{padding:22px}.diary-grid{grid-template-columns:1fr 1fr}.diary-heading{gap:18px;align-items:flex-start;flex-direction:column}.diary-heading h2{font-size:21px}footer{margin:0 20px;gap:15px}footer>span:last-child{display:none}.bottom-note{font-size:10px;padding:27px 0}.bottom-note span{padding:0 4px}}@media(max-width:480px){.diary-grid{grid-template-columns:1fr}.fields{grid-template-columns:1fr;gap:14px}.styles small{font-size:8px}.subtle{font-size:9px}.panel{padding:19px}.hero p{max-width:280px}.hero h1{font-size:26px}.spark{font-size:29px}.section-title{margin-bottom:18px}}

/* Playful pet palette */
:root{--orange:#f36c8c;--muted:#8b7893;color:#4d3e60;background:#fffaf0}
body{background:radial-gradient(ellipse at 8% 22%,#fff0b866,transparent 42%),radial-gradient(ellipse at 96% 44%,#f1e5ff88,transparent 40%),#fffaf0}
header{border-color:#f0e3d7}.brand span{color:#59416c}.brand small{color:#ac7eb3}.brand{font-size:34px}.nav{color:#8c7899}.nav.active{color:#e25383}.nav b{background:#f4e6ff;color:#9566bd}.header-note{color:#967e99}.header-note span{color:#ec7398}
.hero{position:relative}.eyebrow{color:#a078b7;letter-spacing:2px}h1{color:#554069}h1>span{color:#ee6d91}.spark{color:#f2b93b}.hero p{color:#8d7c91}.hero-stamp{color:#9265b2;background:#f2e5ff;border:2px dashed #c59adc;outline:8px solid #f8efff;border-radius:37% 44% 39% 43%;box-shadow:10px 12px 0 #f4c9df55;transform:rotate(8deg)}.hero-stamp>span{filter:none;opacity:1}.hero-stamp i{color:#a076bb}
.panel{border-color:#f0e2db;border-radius:24px;box-shadow:0 8px 0 #eee1d944,0 12px 30px #ae83ac09}.setup{border-top:5px solid #f9ce64}.result{border-top:5px solid #c7a4eb}.section-title h2{color:#5c466d;font-weight:700}h2>span{color:#ba86bb;background:#f8effb;border-radius:7px;padding:4px 7px;margin-right:9px;font-family:inherit;font-size:11px}.subtle{color:#9d8b9f}
.dropzone{background:#fffbeb;border:2px dashed #eaca75;border-radius:17px}.dropzone.drag{background:#fff0f5;border-color:#ed84a0}.upload-icon{background:#ffe7a0;color:#c08b29;border-radius:16px;transform:rotate(-7deg)}.dropzone strong{color:#856732;font-weight:600}.dropzone p{color:#a08655}.dropzone small{color:#aa936c}.dropzone>span{color:#a66b84}.fields label{color:#71577d}.fields input,#search{background:#fffcf8;border-color:#ede1e9;border-radius:11px;color:#665172}input::placeholder{color:#a797ac}input:focus,textarea:focus{border-color:#d69cc7!important;box-shadow:0 0 0 3px #efc9e933}
.styles{gap:10px}.styles button{border-radius:14px;border-width:2px;border-color:transparent;padding-top:15px;padding-bottom:15px}.styles button[data-style='高冷']{background:#edf2ff;color:#697cc3}.styles button[data-style='戏精']{background:#f2eaff;color:#9771bd}.styles button[data-style='可爱']{background:#fff0f5;color:#d96791}.styles button[data-style='打工人']{background:#e9f6ed;color:#649778}.styles small{color:inherit;opacity:.85}.styles .selected{border-color:#f37d9f;box-shadow:0 4px 0 #f9d5e2;transform:translateY(-2px)}.styles .selected strong{color:#d95382}.styles button span{font-size:26px}.styles strong{font-weight:700}
.primary{background:#f17596;border-color:#f17596;box-shadow:0 4px 0 #dc5f80;border-radius:12px}.primary:hover:not(:disabled){background:#ec638b;border-color:#ec638b;box-shadow:0 5px 0 #d75479}.primary:disabled{box-shadow:none}.generate{height:49px;font-weight:700}.mode-note{color:#9d879c}.secondary{border-color:#ddcce9;color:#9a72b3;background:#fcf8ff;border-radius:12px}.live-badge{background:#e5f7ee;color:#599c7c;border-radius:8px}.post{background:#fffefe;border:1px solid #eee1ef;border-radius:18px}.post-author>div:first-child{background:#fff0bd;border-radius:14px}.post-author strong{color:#6e507d}.post-author small{color:#aa94b0}.post-author>span{color:#bca7c4}.doodle{color:#c19bd9;text-shadow:3px 3px 0 #f8e6f3;font-weight:700}.result-placeholder h3{color:#9771ac;font-weight:600}.result-placeholder p{color:#aa90b6}.handwritten{color:#d19db5}.post-bottom{border-color:#f3e6ef;color:#b48db0}.tip{background:#fff7df;border:1px solid #f9eac0;border-radius:13px}.tip>span{color:#e7af3d}.tip p{color:#a18448}.tip small{color:#ac986d}#caption{color:#695075}.post-meta>span:first-child{color:#d16d9c}.post-meta>span:last-child{color:#ae91b2}
.bottom-note{color:#b293af}.bottom-note span{color:#e8b74b}footer{border-color:#eee0e5;color:#b49eb8}.brand-mini{color:#ac7ab8}#toast{background:#84609f;box-shadow:0 5px 20px #84609f30}.diary-heading h2{color:#735087}.diary-heading h2 span{background:transparent}.diary-heading p,.storage-note{color:#a18ba8}.diary-card{border-color:#eddfed;border-radius:20px;box-shadow:0 5px 0 #eadff044}.diary-card h3{color:#846098}.diary-card p{color:#75607e}.diary-card small{color:#ab93b2}.card-actions{border-color:#f0e6f2}.card-actions button{color:#dd7197}.empty{color:#a084b2}.empty h3{color:#9a6bb1}button:focus-visible,a:focus-visible,label:focus-visible{outline-color:#c5a0df}
@media(prefers-reduced-motion:no-preference){.upload-icon{transition:transform .2s}.dropzone:hover .upload-icon{transform:rotate(7deg) scale(1.08)}.styles button:hover:not(.selected){transform:translateY(-3px)}}

/* Golden retriever: sunshine, soft fur and little outdoor adventures. */
:root{--orange:#d88a23;color:#59462e;background:#fffcf4}
body{background:radial-gradient(ellipse at 7% 17%,#fff0b570,transparent 40%),radial-gradient(ellipse at 96% 48%,#eaf0d655,transparent 40%),#fffcf4}
header{border-color:#ece5d3}.brand span{color:#634b2c}.brand small{color:#b09564}.nav{color:#968769}.nav.active{color:#b2721e}.nav b{background:#f6eac8;color:#a27c30}.header-note{color:#9a8c6e}.header-note span{color:#d99c46}.hero{padding-top:37px;padding-bottom:35px;min-height:280px}.eyebrow{color:#9c9765;font-size:9px}h1{color:#58462e;font-size:39px;letter-spacing:1px;margin-top:12px}h1>span{color:#c7872c}.spark{font-size:38px;color:#e8b747}.hero p{color:#918265;line-height:2;margin-bottom:0}
.golden-scene{position:relative;width:300px;height:230px;flex-shrink:0;margin-right:39px;background:#fff0bc;border-radius:49% 48% 40% 44%;isolation:isolate}.golden-scene:before{content:'';position:absolute;inset:10px -13px -8px 12px;border:1px dashed #d7bd79;border-radius:48%;transform:rotate(-12deg);z-index:-1}.golden-dog{position:absolute;width:265px;bottom:8px;left:17px}.sun-doodle{position:absolute;left:-25px;top:7px;font-size:47px;color:#e4ae39;transform:rotate(-12deg)}.scene-spark{position:absolute;right:4px;top:20px;color:#92a775;font-size:32px}.dog-sticker{position:absolute;right:-36px;bottom:42px;background:#fffdf6;padding:10px 15px;border:1px solid #e9d9af;border-radius:9px;color:#9b793c;font-size:11px;transform:rotate(-9deg);box-shadow:0 3px 0 #e8dab77a}.dog-sticker span{color:#88a16f;margin-left:8px}.scene-caption{position:absolute;bottom:-15px;left:49px;font-family:Georgia,serif;font-size:12px;font-style:italic;color:#9f8d63}
.panel{border-color:#eae3d0;box-shadow:0 6px 0 #e9e1cd40,0 12px 25px #8e763708}.setup{border-top-color:#edc66e}.result{border-top-color:#adc293}.section-title h2{color:#6d5937}h2>span{background:#faf0d6;color:#ab8948}.subtle{color:#a59879}.dropzone{background:#fffcf0;border-color:#dfc477}.dropzone.drag{background:#fff1c4;border-color:#d4a147}.upload-icon{background:#ffedb0;color:#b58b32}.dropzone strong{color:#957137}.dropzone p{color:#a28d62}.dropzone small{color:#ac9b77}.fields label{color:#7a684b}.fields input,#search{background:#fffdf8;border-color:#e9e2d1;color:#746145}input::placeholder{color:#ac9f88}input:focus,textarea:focus{border-color:#d3b370!important;box-shadow:0 0 0 3px #f1dba544}
.styles button[data-style='高冷']{background:#eef3f4;color:#708a92}.styles button[data-style='戏精']{background:#f7edef;color:#af7b86}.styles button[data-style='可爱']{background:#fff4d7;color:#b38a36}.styles button[data-style='打工人']{background:#edf3e5;color:#7c9666}.styles .selected{border-color:#deb35d;box-shadow:0 4px 0 #f6e7c4}.styles .selected strong{color:#aa7727}.primary{background:#df9b39;border-color:#df9b39;color:#fff;box-shadow:0 4px 0 #bd7e29}.primary:hover:not(:disabled){background:#d49130;border-color:#d49130;box-shadow:0 5px 0 #b87b29}.mode-note{color:#a49678}.secondary{border-color:#d7dfc7;color:#7d9260;background:#f7faf2}.live-badge{background:#edf4e4;color:#7b965d}.post{border-color:#eae5d7;background:#fffefa}.post-author>div:first-child{background:#fff0c5}.post-author strong{color:#79613c}.post-author small{color:#ac9a7b}.post-author>span{color:#b8aa92}.result-placeholder{background:radial-gradient(ellipse,#fffae9,transparent 65%)}.doodle{font-size:62px;position:relative;text-shadow:none;line-height:1.4}.doodle>span{position:absolute;right:-24px;top:-8px;font-size:30px;color:#c8a765;transform:rotate(16deg)}.result-placeholder h3{color:#9c8147}.result-placeholder p{color:#ac9a76}.handwritten{color:#b8a375}.post-bottom{border-color:#efeadc;color:#a59b7d}.tip{background:#f4f7ec;border-color:#e6ecd8}.tip>span{color:#9cb07e}.tip p{color:#879565}.tip small{color:#9ca887}#caption{color:#736044}.post-meta>span:first-child{color:#b98c3e}.post-meta>span:last-child{color:#aa9a7d}.bottom-note{color:#aa9b79}.bottom-note span{color:#d5af52}footer{border-color:#eae3d1;color:#b0a285}.brand-mini{color:#a18951}#toast{background:#7f9464}.diary-heading h2{color:#826638}.diary-heading p,.storage-note{color:#a39679}.diary-card{border-color:#eae2ce;box-shadow:0 5px 0 #ede6d344}.diary-card h3{color:#96753e}.diary-card p{color:#827255}.diary-card small{color:#ac9b7b}.card-actions{border-color:#eee7d8}.card-actions button{color:#bd8e42}.empty{color:#a39373}.empty h3{color:#a08248}button:focus-visible,a:focus-visible,label:focus-visible{outline-color:#d0ae68}
@media(max-width:1000px){.golden-scene{margin-right:5px;transform:scale(.85);transform-origin:right center}h1{font-size:33px}}
@media(max-width:800px){.hero{min-height:240px}.golden-scene{width:210px;height:190px;transform:scale(.85);margin-left:-30px;margin-right:0}.golden-dog{width:220px;left:-5px}.dog-sticker{right:-9px;bottom:15px;font-size:9px;padding:7px 9px}.scene-caption{left:10px;font-size:10px}.hero h1{font-size:28px}.hero p{max-width:310px}.eyebrow{max-width:250px;line-height:1.8}}
@media(max-width:580px){.hero{min-height:0;padding:30px 0 28px}.hero>div:first-child{position:relative;z-index:1}.hero h1{font-size:27px}.hero p{font-size:11px;max-width:260px}.golden-scene{position:absolute;right:-8px;top:18px;transform:scale(.48);transform-origin:top right;opacity:.95}.sun-doodle{left:-10px;font-size:35px}.dog-sticker{display:none}.scene-caption{display:none}.eyebrow{font-size:7px;letter-spacing:1px;max-width:210px}.hero h1 .spark{font-size:25px;padding-left:5px}.hero h1{padding-top:23px}.hero p{max-width:100%}}