*{box-sizing:border-box}body{margin:0;background:#f5f6f8;color:#202a37;font:14px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif}header{height:86px;display:flex;align-items:center;justify-content:space-between;padding:0 max(28px,calc((100vw - 1180px)/2));background:#fff;border-bottom:1px solid #e8ebef}.brand{display:flex;gap:12px;align-items:center;color:inherit;text-decoration:none;font-size:19px;font-weight:750}.brand small{display:block;font-size:11px;color:#828b98;font-weight:400;letter-spacing:2px}.logo{background:#253d33;color:white;border-radius:12px;width:42px;height:42px;display:grid;place-items:center;font-size:23px}.domain{font-size:12px;color:#687684;background:#f3f5f6;padding:7px 13px;border-radius:30px}main{max-width:1180px;margin:0 auto;padding:38px 0 20px}.eyebrow{font-size:11px;letter-spacing:3px;color:#627a70}h1{font-size:36px;line-height:1.35;margin:10px 0;font-weight:700;letter-spacing:-1px}.intro>p{color:#7b8692;margin:0 0 30px}.workspace{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,1fr);gap:24px}.editor,aside{background:#fff;border:1px solid #e2e6eb;border-radius:16px;padding:28px}.section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px;gap:16px}h2{font-size:18px;margin:0}.section-head>span,.preview-head{color:#8c96a3;font-size:11px;letter-spacing:1px}label{font-size:13px;font-weight:600;display:block;margin-bottom:8px}label b{color:#cf3b48}input,textarea{width:100%;border:1px solid #dce1e7;border-radius:8px;background:#fcfcfd;padding:12px;font-size:14px;line-height:1.6;font-family:inherit;color:#25303d;resize:vertical}input:focus,textarea:focus{outline:2px solid #acc8ba;outline-offset:1px;border-color:#719781}.hint{font-size:12px;color:#8a94a0;line-height:1.7;margin:8px 0 20px}.field-row{display:grid;grid-template-columns:1fr 1.5fr;gap:16px;margin-top:24px}.form-actions{display:flex;gap:12px;margin-top:28px}button,.button{background:#284c3c;color:white;border:1px solid transparent;padding:12px 20px;min-height:44px;border-radius:8px;font-size:13px;font-weight:600;line-height:1.4;font-family:inherit;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:24px}button:hover,.button:hover{filter:brightness(.94)}button:disabled{opacity:.45;cursor:default}.secondary{background:white;border-color:#dce1e7;color:#586473}.text-button{background:none;color:#477960;padding:8px 0;gap:4px}#generate{flex:1;justify-content:space-between}.result{border-top:1px solid #e6e9ed;margin-top:25px;padding-top:24px}.result .section-head{margin-bottom:16px}.result .ready{color:#42795c}.result-actions{display:flex;gap:10px;flex-wrap:wrap;margin:12px 0}.result textarea{color:#47705b;font-size:12px}.result .hint{margin-bottom:0}.status{color:#487c5f;font-size:12px;margin:14px 0 0;min-height:18px}#error{font-size:13px;color:#bf3544;background:#fff3f4;padding:10px 12px;border-radius:8px}.preview-head{display:flex;justify-content:space-between}.dot{color:#5b826a}.dot:before{content:'•';margin-right:5px}.preview-area{background:#f5f7f7;padding:26px 18px 16px;border:1px solid #edf0f0;border-radius:12px;margin-top:20px}.card{display:flex;background:white;border-radius:9px;overflow:hidden;box-shadow:0 5px 18px #233c2910;min-width:0}.card img{width:110px;object-fit:cover;align-self:stretch}.card>div{padding:15px 12px;min-width:0;flex:1}.card h3{font-size:18px;margin:0 0 5px;word-break:break-word}.card p{margin:0;color:#cc5662;font-size:12px;word-break:break-word}.card-action{display:flex;justify-content:space-between;border-top:1px solid #f1f1f1;padding-top:8px;margin-top:14px;color:#7c868f;font-size:10px}.preview-area>p{font-size:10px;color:#929ba3;text-align:center;margin:15px 0 0}.steps{padding:22px 0 0}.steps h3{font-size:14px;font-weight:600;margin:0 0 16px}.steps>div{display:flex;gap:12px;align-items:center;margin:12px 0}.steps i{font-style:normal;font-size:11px;color:#658271;background:#f1f5f2;border-radius:50%;width:23px;height:23px;text-align:center;line-height:23px}.steps p{margin:0;font-size:12px;color:#717e8b}.note{font-size:11px;color:#939ca7;border-top:1px solid #edf0f2;padding-top:17px;margin:22px 0 0}footer{display:flex;justify-content:space-between;gap:20px;margin-top:28px;color:#949ca5;font-size:11px}[hidden]{display:none!important}.jump-body{min-height:100vh;display:grid;place-items:center;padding:24px}.jump-panel{max-width:440px;text-align:center;background:white;border:1px solid #e2e6eb;border-radius:18px;padding:36px;width:100%}.jump-panel h1{font-size:24px;word-break:break-word}.jump-panel p{color:#7b8692;word-break:break-word}.jump-panel a{margin-top:12px}.jump-icon{width:54px;height:54px;background:#edf6ef;border-radius:50%;display:grid;place-items:center;margin:0 auto 22px;color:#48795a;font-size:25px}@media(max-width:1220px){main{padding:32px 24px 20px}}@media(max-width:800px){.workspace{grid-template-columns:1fr}.intro h1{font-size:29px}header{height:72px;padding:0 20px}.editor,aside{padding:22px}footer{flex-direction:column;gap:8px}.field-row{grid-template-columns:1fr}.preview-area{max-width:480px}.domain{font-size:10px}.card img{width:95px}}@media(max-width:390px){main{padding:25px 14px}.editor,aside{padding:18px}.domain{display:none}}

body{background:#f5f7fb}.compact-main{max-width:880px;padding-top:26px}.compact-main .editor{padding:24px;border-color:#dce4f2}.compact-main .section-head{margin-bottom:18px}.step-label{display:inline-flex;align-items:center;justify-content:center;margin-right:8px;font-size:12px;color:#557ac2;background:#edf2ff;border-radius:4px;width:28px;height:28px}.compact-main .preview-area{max-width:none;background:#f0f1f3;padding:26px 24px 20px;margin:0 0 24px}.compact-main .card{max-width:470px;min-height:150px;box-shadow:none}.compact-main .card img{width:150px;height:150px;object-fit:contain;background:#da1825}.compact-main .card>div{padding:18px}.compact-main .card h3{font-size:21px}.compact-main .card p{font-size:14px;color:#ef4764}.compact-main .card-action{font-size:12px;color:#aaa;max-width:160px}.compact-main .preview-area>p{text-align:left;font-size:12px;margin:13px 0 0;color:#8594af}.compact-main .field-row{grid-template-columns:1fr 1fr;margin:0 0 22px}.compact-main label{color:#526484;font-weight:400}.compact-main input,.compact-main textarea{background:white;border-color:#d7e0f1}.compact-main button:not(.secondary):not(.text-button){background:#2860e8}.compact-main input:focus,.compact-main textarea:focus{border-color:#6e93ff;outline-color:#dce6ff}.page-note{font-size:12px;color:#8594a9;padding:0 8px}footer a{color:#7182a0;text-decoration:none}@media(max-width:600px){.compact-main .field-row{grid-template-columns:1fr}.compact-main .card img{width:110px;height:130px}.compact-main .card{min-height:130px}.compact-main .card>div{padding:12px}.compact-main .card h3{font-size:18px}.compact-main .card p{font-size:12px}.compact-main .preview-area{padding:18px 12px}.form-actions{flex-wrap:wrap}#generate{flex-basis:100%}.compact-main .editor{padding:20px}}