:root{font-family:"Noto Sans SC","Microsoft YaHei",sans-serif;color:#17181b;background:#fff;font-synthesis:none;text-rendering:optimizeLegibility;--ink:#202124;--yellow:#f5e82f;--gold:#d3a500;--line:#e8e8e8;--muted:#999da5}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:360px;background:radial-gradient(ellipse 530px 500px at 100% 25%,rgba(255,230,178,.28),transparent 75%),#fff;font-size:14px}button,textarea,select{font:inherit}button,a{ -webkit-tap-highlight-color:transparent}button{color:inherit}a{color:inherit;text-decoration:none}
.topbar{height:59px;background:#202020;color:#fff;display:flex;align-items:center;padding:0 20px 0 28px;gap:28px}.brand{height:100%;display:flex;align-items:center;gap:12px;font-size:29px;font-weight:800;letter-spacing:1px;white-space:nowrap}.brand-mark,.hero-mark{color:#e9ed15;font-size:42px;line-height:.7;display:inline-block;transform:rotate(-35deg);font-weight:800}.brand-mark{font-size:39px}.main-nav{height:100%;display:flex;align-items:center;gap:4px;font-size:13px;font-weight:600}.main-nav a{padding:10px 12px;border-radius:15px}.main-nav a.active{color:#ffe45a;background:#343434}.login-button{margin-left:auto;border:0;background:#ffe36c;border-radius:16px;padding:9px 22px;font-weight:700;cursor:pointer;min-width:68px}
.announcement{height:50px;background:#eff66f;display:flex;align-items:center;justify-content:center;gap:24px;color:#17181b;font-size:14px;font-weight:600;white-space:nowrap}.announcement strong{font-size:16px;font-style:italic}.announcement a{display:inline-flex;background:#fff;border-radius:18px;padding:6px 15px;font-size:12px;font-weight:500;box-shadow:0 1px 3px #d6dc64}
.hero{width:min(904px,calc(100% - 36px));margin:0 auto}.hero h1{height:56px;margin:0;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:34px;letter-spacing:.2px;color:#101113}.hero-mark{font-size:35px;margin-right:15px}.mode-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:7px 8px;margin:12px 0 16px}.tool-card{height:33px;padding:0 13px;border:1px solid #e3e4e7;border-radius:18px;background:#fff;display:inline-flex;align-items:center;gap:6px;font-size:13px;white-space:nowrap;box-shadow:0 2px 5px rgba(15,20,28,.07);cursor:pointer}.tool-card span{font-size:14px}.tool-card.selected{border-color:#d2ad25;color:#9a7600;box-shadow:0 2px 6px #d5c58350}.tool-card:hover{border-color:#e2bf24}
.composer{height:188px;position:relative;background:#fff;border:1px solid #ececef;border-radius:25px;padding:25px 22px 13px;box-shadow:0 10px 28px rgba(35,35,35,.08),0 2px 4px rgba(25,25,25,.04)}.composer-main{height:105px;display:flex;gap:22px;align-items:flex-start}.upload-zone{position:relative;flex:0 0 74px;height:96px;border:1px dashed #d9d9dd;border-radius:6px;display:flex;justify-content:center;align-items:center;cursor:pointer;background:#fff}.upload-zone:hover,.upload-zone.dragover{border-color:#edcf37;background:#fffef3}.upload-placeholder{text-align:center;color:#9499a4}.upload-plus{font-size:32px;display:block;line-height:34px;font-weight:300}.upload-count{font-size:12px}.composer-main textarea{flex:1;height:80px;resize:none;border:0;outline:0;background:transparent;color:#23252a;font-size:14px;padding:0 0 0 0;line-height:1.7}.composer-main textarea::placeholder{color:#b8bbc3}.composer-controls{height:44px;display:flex;align-items:center;gap:12px;white-space:nowrap}.control-pill,.control-select{border:1px solid #e7e7e9;background:#fff;border-radius:17px;height:34px;display:inline-flex;align-items:center;gap:6px;padding:0 11px;font-size:13px;cursor:pointer}.control-pill{box-shadow:0 2px 4px #00000008}.control-icon{font-size:15px;color:#969aa1}.control-select{border-color:transparent;padding:0 7px}.control-select select{border:0;outline:0;background:transparent;appearance:none;color:#202124;cursor:pointer;font-size:13px;max-width:126px}.active-control{color:#b08500;font-weight:600}.active-control select{color:#b08500}.chevron{font-size:13px;color:#969aa2}.control-divider{height:20px;border-left:1px solid #eee;margin:0 1px}.cube{font-size:16px;color:#777d86}.smart-control{font-size:13px}.smart-control b{font-size:12px;font-weight:600;color:#59616b}.segmented{height:34px;padding:2px;display:flex;background:#f2f2f3;border:1px solid #e5e5e6;border-radius:20px;margin-left:2px}.segment{border:0;border-radius:18px;background:transparent;color:#8a8e95;padding:0 10px;font-size:12px;white-space:nowrap;cursor:pointer}.segment.active{background:#fff;color:#202124;box-shadow:0 1px 3px #0000001c}.cost{margin-left:auto;color:#7c818a;font-size:12px}.cost span{font-size:16px;color:#e9b900}.submit-button{width:37px;height:37px;border:0;border-radius:50%;background:#f4f4f4;color:#fff;font-size:24px;line-height:1;cursor:pointer;flex:0 0 37px}.submit-button:hover{background:#f2dc3d;color:#222}.preview-grid{position:absolute;inset:4px;display:flex;gap:3px;flex-wrap:wrap;overflow:auto}.preview-item{position:relative;width:31px;height:38px}.preview-item img{width:100%;height:100%;object-fit:cover;border-radius:4px}.preview-remove{position:absolute;top:-4px;right:-4px;border:0;border-radius:50%;background:#222;color:#fff;width:16px;height:16px;line-height:12px;padding:0}.upload-clear{position:absolute;bottom:2px;right:2px;border:0;background:#fffffff0;font-size:10px;cursor:pointer}
.quick-links{display:flex;justify-content:space-between;align-items:flex-start;width:790px;max-width:100%;margin:32px auto 0}.quick-item{position:relative;min-width:108px;border:0;background:transparent;display:flex;flex-direction:column;align-items:center;gap:8px;font-size:12px;font-weight:600;cursor:pointer}.quick-item b{font-weight:600}.quick-icon{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;font-size:25px;font-weight:400;color:#24262a}.quick-icon.pink{background:#fff0f4}.quick-icon.green{background:#e9f9c6}.quick-icon.lime{background:#f6fac9}.quick-icon.amber{background:#fff0b7}.quick-icon.blue{background:#e5f4fd}.quick-item i{position:absolute;top:-7px;right:-8px;font-size:10px;font-style:normal;color:#171717;background:#ffdf53;padding:3px 7px;border-radius:10px;white-space:nowrap}
.templates{position:relative;width:min(1104px,calc(100% - 44px));margin:54px auto 70px}.templates-heading{height:54px;display:flex;align-items:flex-start;position:relative;padding:14px 20px 0;background:#fff;border-radius:16px 16px 0 0;box-shadow:0 -3px 24px #2525250a}.templates-heading h2{margin:0;font-size:18px;line-height:24px;font-weight:700}.templates-heading h2 span{display:inline-block;width:4px;height:18px;margin-right:8px;background:#f4d34a;border-radius:2px;vertical-align:-3px}.templates-heading small{margin:0 0 0 10px;font-size:11px;font-weight:600}.templates-heading small b{display:inline-grid;place-items:center;background:#ff5c39;color:#fff;width:13px;height:13px;border-radius:50%;font-size:10px}.search-button{margin-left:auto;border:0;background:transparent;font-size:23px;line-height:20px;color:#4e535a;cursor:pointer}.filter-panel{background:#fff;border-radius:18px 18px 0 0;padding:13px 24px 18px;box-shadow:0 9px 28px #2021240a}.filter-row{display:flex;align-items:flex-start;gap:16px;min-height:57px;padding:3px 0 10px}.filter-row:last-child{min-height:40px;padding-bottom:0}.filter-label{flex:0 0 43px;color:#555b63;font-size:13px;padding-top:5px}.chips{display:flex;flex-wrap:wrap;align-items:center;gap:6px 9px}.chip{border:0;background:transparent;border-radius:15px;padding:4px 11px;font-size:13px;cursor:pointer;white-space:nowrap}.chip.active{background:#202124;color:#fff;padding:5px 14px}.chip:hover:not(.active){background:#f6f6f4}.template-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;padding:0 24px 25px;background:#fff}.template-card{min-width:0;overflow:hidden;border-radius:12px;background:#fff;box-shadow:0 5px 20px #1c20240c;cursor:pointer;transition:transform .18s,box-shadow .18s}.template-card:hover{transform:translateY(-3px);box-shadow:0 12px 26px #1c20241b}.template-art{height:220px;position:relative;overflow:hidden;background:#eae7dc}.template-art:before,.dialog-image:before{content:"";position:absolute;inset:0;background:linear-gradient(145deg,transparent 35%,#fff8 36%,transparent 37%),radial-gradient(ellipse at 28% 24%,#fff8,transparent 35%)}.template-art:after,.dialog-image:after{content:"";position:absolute;left:40%;top:28%;width:22%;height:45%;border-radius:40% 40% 20% 20%;background:linear-gradient(130deg,#fff9,#b9a28e 44%,#6d695e);box-shadow:25px 16px 28px #493c3240}.art-sunlight{position:absolute;inset:0;background:linear-gradient(110deg,#f5e6c9,#bdc1a3 55%,#e8d6ba);opacity:.7}.art-perfume{background:linear-gradient(135deg,#e3eadb,#c4c9b0)}.art-perfume:after{width:24%;height:54%;left:38%;top:23%;border-radius:8px 8px 20px 20px;background:linear-gradient(90deg,#d4c4a6,#f8f2e6 45%,#a5967d)}.art-soap{background:linear-gradient(130deg,#e8d9c7,#d9c5b4)}.art-soap:after{background:linear-gradient(140deg,#ebe1d4,#b9a495)}.art-bag{background:linear-gradient(135deg,#b8c3ad,#e8d8c6)}.art-bag:after{width:32%;height:38%;left:34%;top:35%;border-radius:8px 8px 25px 25px;background:linear-gradient(100deg,#695c50,#b4a394)}.art-skincare{background:linear-gradient(135deg,#f2d4ce,#dfb9ae)}.art-lamp{background:linear-gradient(135deg,#ded4bd,#968b73)}.art-dress{background:linear-gradient(135deg,#e4dfd7,#c6c2bc)}.art-dress:after{width:33%;height:65%;left:34%;top:18%;border-radius:45% 45% 20% 20%;background:linear-gradient(90deg,#eee,#b8b2aa)}.art-earbuds{background:linear-gradient(135deg,#c9dfdc,#9cbab7)}.art-bottle{background:linear-gradient(135deg,#d8e2c5,#a5b596)}.art-towel{background:linear-gradient(135deg,#e5e0c8,#c7d0b5)}.art-coffee{background:linear-gradient(135deg,#ead7b8,#9f7959)}.art-coffee:after{width:26%;height:30%;left:36%;top:43%;border-radius:8px 8px 16px 16px;background:linear-gradient(90deg,#f5f1e8,#b8a68d)}.template-info{padding:14px 15px 16px}.template-meta{display:flex;justify-content:space-between;gap:6px;color:#969ba3;font-size:11px}.template-type{color:#a37f00}.template-info h3{font-size:15px;margin:9px 0 5px}.template-info p{font-size:12px;color:#828791;margin:0 0 12px;line-height:1.6}.template-open{border:0;background:transparent;padding:0;color:#9b7900;font-size:12px;cursor:pointer}.load-more{display:block;margin:14px auto 0;border:1px solid #e7e7e7;border-radius:18px;padding:9px 22px;background:#fff;font-size:12px;cursor:pointer}.empty-state{text-align:center;color:#999;padding:24px}.edge-tool{position:fixed;right:0;top:178px;height:130px;width:32px;border-radius:18px 0 0 18px;background:#fff;box-shadow:0 3px 15px #0002;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;writing-mode:vertical-rl;font-weight:700;z-index:5}.edge-tool span{font-size:18px}.float-actions{position:fixed;right:34px;bottom:76px;display:grid;gap:14px;z-index:4}.float-actions button,.float-actions a{height:45px;min-width:112px;border:0;border-radius:26px;background:#fff;box-shadow:0 6px 20px #0002;display:flex;align-items:center;justify-content:center;gap:12px;font-size:13px;font-weight:600;cursor:pointer}.float-actions span{font-size:16px}.service-button{position:fixed;right:-9px;bottom:-4px;border:0;border-radius:50%;width:44px;height:44px;background:#fff;box-shadow:0 2px 12px #0002;font-size:18px}.toast{position:fixed;z-index:20;left:50%;bottom:28px;transform:translate(-50%,15px);opacity:0;background:#252525;color:#fff;padding:10px 17px;border-radius:10px;font-size:13px;pointer-events:none;transition:.2s}.toast.show{opacity:1;transform:translate(-50%,0)}dialog{width:min(760px,calc(100% - 32px));padding:0;border:0;border-radius:18px;box-shadow:0 20px 80px #0004;overflow:hidden}dialog::backdrop{background:#1118}.dialog-close{position:absolute;z-index:2;top:12px;right:12px;border:0;border-radius:50%;width:32px;height:32px;background:#ffffffd9;font-size:21px;cursor:pointer}.dialog-image{height:240px;position:relative;background:linear-gradient(135deg,#e9dfca,#aaa88c)}.dialog-content{padding:24px}.dialog-eyebrow{color:#a37e00;font-size:12px}.dialog-content h2{margin:7px 0;font-size:22px}.dialog-content>p{color:#81858d;margin:0 0 16px}.dialog-prompt{border:1px solid #eee;border-radius:10px;padding:14px;background:#fafafa;line-height:1.8;font-size:13px}.use-template{margin-top:18px;padding:10px 19px;border:0;border-radius:20px;background:#f5df44;font-weight:700;cursor:pointer}
@media(min-width:1500px){.templates{margin-top:54px}}@media(max-width:1000px){.topbar{padding:0 16px;gap:14px}.brand{font-size:24px}.main-nav{font-size:12px}.announcement{gap:12px;font-size:12px}.hero h1{font-size:27px}.composer{padding-left:15px;padding-right:15px}.composer-controls{gap:5px}.control-pill,.control-select{padding:0 7px}.control-select select{max-width:98px}.segmented{margin-left:0}.quick-links{width:100%}.templates{margin-top:44px}.filter-panel{padding-left:15px;padding-right:15px}.filter-row{gap:7px}.chips{gap:4px}.chip{padding-left:7px;padding-right:7px}.template-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:680px){.topbar{height:56px;padding:0 12px;gap:9px}.brand{font-size:21px;gap:6px}.brand-mark{font-size:31px}.main-nav{gap:0}.main-nav a{padding:8px 6px;font-size:10px}.login-button{padding:8px 13px;min-width:54px}.announcement{height:auto;min-height:43px;padding:6px 10px;gap:8px;font-size:10px;white-space:normal}.announcement strong{font-size:11px}.announcement a{padding:5px 9px;flex-shrink:0}.hero{width:calc(100% - 24px)}.hero h1{height:auto;min-height:58px;font-size:20px;white-space:nowrap}.hero-mark{font-size:26px;margin-right:8px}.mode-chips{gap:6px;margin:8px 0 12px}.tool-card{height:30px;padding:0 9px;font-size:11px}.composer{height:184px;padding:14px 12px 10px;border-radius:18px}.composer-main{height:99px;gap:12px}.upload-zone{flex-basis:60px;height:80px}.composer-main textarea{font-size:12px}.composer-controls{gap:3px;overflow-x:auto;scrollbar-width:none}.composer-controls::-webkit-scrollbar{display:none}.control-pill,.control-select{font-size:11px;height:31px;padding:0 6px;gap:3px}.control-select select{font-size:11px;max-width:78px}.control-divider{display:none}.smart-control,.segmented,.cost{display:none}.submit-button{width:32px;height:32px;flex-basis:32px}.quick-links{margin-top:25px;gap:2px}.quick-item{min-width:0;flex:1;gap:6px;font-size:9px;white-space:nowrap}.quick-icon{width:43px;height:43px;font-size:20px}.quick-item i{font-size:8px;right:-2px;top:-6px;padding:2px 4px}.templates{width:calc(100% - 20px);margin:38px auto 55px}.templates-heading{padding-left:12px;padding-right:12px}.templates-heading h2{font-size:16px}.templates-heading small{font-size:9px;margin-left:5px}.filter-panel{padding:10px 8px}.filter-row{gap:3px;min-height:unset;padding-bottom:10px}.filter-label{flex-basis:35px;font-size:11px;padding-top:5px}.chips{gap:3px 2px}.chip{font-size:10px;padding:4px 6px}.chip.active{padding:4px 9px}.template-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;padding:0 9px 18px}.template-art{height:150px}.template-info{padding:10px}.template-info h3{font-size:13px}.template-info p{font-size:11px}.float-actions{right:10px;bottom:18px;gap:8px}.float-actions button,.float-actions a{height:37px;min-width:84px;font-size:11px}.edge-tool{top:160px;height:100px;width:25px;font-size:11px}.service-button{display:none}}