:root{--red:#ed2141;--ink:#24252b;--muted:#73757f;--line:#e9e9ee;--page:#f6f7f9;--pink:#fff0f3;--teal:#167c7c;font-family:"PingFang SC","Microsoft YaHei",Arial,sans-serif;color:var(--ink);background:var(--page);font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,textarea,a{-webkit-tap-highlight-color:transparent}button,input,textarea{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:wait;opacity:.5}button:focus-visible,a:focus-visible{outline:3px solid var(--teal);outline-offset:4px}button{transition:background .15s,transform .15s}button:active{transform:translateY(1px)}.topbar{height:86px;border-bottom:1px solid var(--line);background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - 1140px)/2))}.brand{display:flex;gap:12px;align-items:center;text-decoration:none;color:var(--ink);font-weight:700;font-size:18px}.brand small{display:block;font:10px/1.8 "Arial",sans-serif;letter-spacing:2px;color:var(--muted)}.brand-mark{background:var(--red);color:white;font-size:23px;display:grid;place-items:center;width:42px;height:42px;border-radius:14px 14px 14px 3px;transform:rotate(-5deg)}.demo-badge{font-size:13px;border:1px solid var(--line);padding:7px 13px;border-radius:30px;color:var(--muted)}main{max-width:1140px;margin:auto;padding:38px 0 26px}.intro{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.eyebrow{font:12px/1.5 "Arial","Microsoft YaHei",sans-serif;letter-spacing:1px;color:var(--muted);margin:0 0 12px}h1{font-family:"PingFang SC","Microsoft YaHei",sans-serif;font-size:38px;letter-spacing:-1.5px;margin:0;font-weight:800}h1 span{color:var(--red)}.intro-text{font-size:14px;color:var(--muted);margin:12px 0 0}.intro-stamp{font-size:16px;line-height:1.5;transform:rotate(7deg);border:1.5px solid #dadde4;border-radius:50%;padding:18px 28px;color:var(--teal);position:relative}.intro-stamp span{position:absolute;font-size:29px;right:-8px;bottom:0;background:var(--page)}.workspace{display:grid;grid-template-columns: .9fr 1.1fr;gap:24px;align-items:start}.panel{background:#fff;border:1px solid var(--line);border-radius:20px;padding:24px;min-width:0}.section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:21px}.section-head h2{margin:0;font-size:18px;display:flex;align-items:center;gap:10px}.step{background:var(--pink);color:var(--red);border-radius:50%;width:25px;height:25px;font:600 13px/25px Arial;text-align:center}.text-button{border:0;background:none;color:var(--muted);font-size:14px;padding:8px 0}.cover-wrap{position:relative;height:440px;border-radius:12px;overflow:hidden;background:var(--page)}.cover-wrap img{width:100%;height:100%;object-fit:contain}.cover-tag,.photo-count{position:absolute;bottom:14px;padding:6px 10px;border-radius:6px;font-size:12px;background:#fff;color:var(--ink)}.cover-tag{left:14px}.photo-count{right:14px;background:#24252bcc;color:white}.image-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px}.photo{padding:0;position:relative;border:3px solid transparent;border-radius:11px;background:var(--page);aspect-ratio:1242/2687;overflow:hidden}.photo[aria-pressed=true]{border-color:var(--red)}.photo img{width:100%;height:100%;object-fit:contain;opacity:.5}.photo[aria-pressed=true] img{opacity:1}.photo .order{position:absolute;right:5px;top:5px;width:22px;height:22px;border-radius:50%;font:12px/22px Arial;background:#fff;color:var(--ink)}.photo[aria-pressed=true] .order{background:var(--red);color:#fff}.hint{font-size:12px;color:var(--muted);line-height:1.8;margin:10px 0}.material-footer{border-top:1px solid var(--line);margin-top:22px;padding-top:20px;display:flex;gap:12px;align-items:center}.material-footer>span{font-size:24px;border-radius:12px;background:var(--page);padding:10px}.material-footer strong{font-size:14px;font-weight:500}.material-footer p{font-size:12px;color:var(--muted);margin:6px 0}.save-state{font-size:12px;color:var(--muted)}.tone-group{display:flex;gap:8px;margin-bottom:20px}.tone-group button{border:1px solid var(--line);border-radius:8px;background:#fff;padding:9px 15px;font-size:14px;color:var(--muted)}.tone-group button[aria-pressed=true]{border-color:#ffc4cf;background:var(--pink);color:var(--red)}.draft-fields{border:1px solid var(--line);border-radius:12px;padding:18px}.field-label{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:var(--muted)}.field-label label{color:var(--red);font-weight:600;font-size:14px}input,textarea{width:100%;border:0;background:transparent;color:var(--ink);border-radius:3px}input:focus,textarea:focus{outline:2px solid #d8edef;outline-offset:4px}#title{font-size:19px;font-weight:600;height:46px;margin-top:4px}#content{height:233px;resize:vertical;line-height:1.9;font-size:16px;margin-top:10px}.content-label{border-top:1px solid var(--line);padding-top:18px;margin-top:10px}.content-bottom{display:flex;justify-content:space-between;font-size:12px;color:var(--muted);gap:12px;margin-top:10px}.topics{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}.topics button{color:var(--muted);background:var(--page);border:0;padding:6px 10px;border-radius:6px;font-size:13px}.topics button[aria-pressed=true]{color:var(--teal);background:#ecf6f6}.generate{width:100%;padding:13px;border-radius:10px;border:1px solid #ffbbc7;background:var(--pink);color:var(--red);font-weight:600;font-size:15px}.generation-hint{font-size:12px;text-align:center;color:var(--muted);margin:10px 0 0}#status{margin:8px 0 0;font-size:13px;color:var(--teal);line-height:1.6}#status:empty{display:none}#status.error{color:#b91c36}.publish-bar{margin-top:24px;border:1px solid var(--line);border-radius:16px;padding:20px 24px;background:#fff;display:flex;align-items:center;justify-content:space-between;gap:20px}.publish-explain strong{font-size:15px}.publish-explain p{font-size:13px;color:var(--muted);margin:6px 0 0}.publish-actions{display:flex;gap:10px}.primary,.secondary{border-radius:11px;padding:14px 24px;border:1px solid var(--line);font-size:15px;font-weight:600;text-decoration:none;text-align:center}.primary{background:var(--red);color:white;border-color:var(--red)}.primary span{margin-left:18px}.secondary{background:#fff;color:var(--ink)}.footnote{font-size:12px;text-align:center;color:var(--muted);margin:18px 0 0}dialog{border:0;border-radius:22px;padding:26px;width:min(500px,calc(100% - 24px));max-height:90dvh;color:var(--ink);box-shadow:0 20px 90px #24252b30}dialog::backdrop{background:#171b29a6;backdrop-filter:blur(4px)}.dialog-header{display:flex;align-items:center;justify-content:space-between}.dialog-header h2{font-size:18px;margin:0}.dialog-header button{font-size:25px;border:0;background:var(--page);width:36px;height:36px;border-radius:50%}.preview-notice{font-size:13px;background:var(--pink);padding:12px;color:var(--red);border-radius:8px;line-height:1.6}.preview-images{display:flex;gap:8px;overflow:auto;margin:20px 0}.preview-images img{width:110px;height:238px;object-fit:contain;border-radius:10px}.preview-body{font-size:16px;line-height:1.9;white-space:pre-wrap;overflow-wrap:anywhere}.preview-topics{color:var(--teal);line-height:1.8}#launch-area .primary{display:block;width:100%;margin:16px 0}#launch-area p{font-size:14px;line-height:1.8}
@media(max-width:1190px){main{padding:30px 24px}.topbar{padding:0 24px}}@media(max-width:760px){.topbar{height:68px;padding:0 18px}.brand{font-size:16px}.brand-mark{width:36px;height:36px}.brand small{font-size:9px}main{padding:24px 16px 130px}.intro{margin-bottom:22px}.intro-stamp{display:none}h1{font-size:29px}.intro-text{font-size:13px;line-height:1.8}.workspace{grid-template-columns:1fr;gap:16px}.panel{padding:18px;border-radius:16px}.section-head h2{font-size:17px}.cover-wrap{height:330px}.material-footer{display:none}.image-grid{gap:8px}.photo{aspect-ratio:1242/2687}.publish-bar{position:fixed;bottom:0;left:0;right:0;border-radius:18px 18px 0 0;margin:0;padding:14px 16px calc(14px + env(safe-area-inset-bottom));display:block;box-shadow:0 -5px 24px #24252b08;z-index:5}.publish-explain{display:none}.publish-actions{width:100%}.publish-actions .primary{flex:1;padding:14px 12px}.publish-actions .secondary{padding:14px 18px}.footnote{line-height:1.8;padding:0 12px}.save-state{font-size:11px}.tone-group button{flex:1;padding:10px 5px}.draft-fields{padding:15px}.content-bottom{font-size:11px}#title{font-size:17px}#content{height:270px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}