:root{--brand: #f0663c;--brand-strong: #d94f26;--brand-soft: #fff3ee;--ink: #1d2129;--ink-2: #4e5969;--ink-3: #86909c;--line: #eceef1;--bg: #f6f7f9;--card: #ffffff;--radius: 16px;--shadow: 0 1px 2px rgba(29, 33, 41, .04), 0 8px 24px rgba(29, 33, 41, .06);--font: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font);background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;line-height:1.6}button{font-family:inherit;cursor:pointer}input,textarea,select{font-family:inherit;font-size:15px;color:var(--ink)}.app{min-height:100vh;display:flex;flex-direction:column}.topbar{position:sticky;top:0;z-index:10;background:#ffffffdb;-webkit-backdrop-filter:saturate(180%) blur(12px);backdrop-filter:saturate(180%) blur(12px);border-bottom:1px solid var(--line)}.topbar__inner{max-width:1120px;margin:0 auto;padding:12px 20px;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.brand-mark{width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,#ff8a5c,var(--brand));display:grid;place-items:center;color:#fff;font-size:19px;box-shadow:0 4px 12px #f0663c52}.brand-title{font-size:17px;font-weight:700;letter-spacing:.2px}.brand-sub{font-size:12px;color:var(--ink-3)}.topbar__spacer{flex:1}.quota{font-size:13px;color:var(--ink-2);background:var(--brand-soft);border:1px solid #ffe0d4;border-radius:999px;padding:5px 12px;white-space:nowrap}.main{flex:1;width:100%;max-width:1120px;margin:0 auto;padding:22px 20px 48px}.layout{display:grid;grid-template-columns:minmax(0,1fr);gap:18px}@media(min-width:980px){.layout{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:start}.result-col{position:sticky;top:78px}}.layout>*{min-width:0}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px}.card--flush{padding:0;overflow:hidden}.section-title{display:flex;align-items:baseline;gap:8px;margin:0 0 14px;font-size:15px;font-weight:700}.section-title small{font-weight:400;font-size:12px;color:var(--ink-3)}.field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 14px}.field{display:flex;flex-direction:column;gap:6px;min-width:0}.field--full{grid-column:1 / -1}.field label{font-size:13px;color:var(--ink-2);display:flex;align-items:center;gap:4px}.field label .req{color:var(--brand);font-size:12px}.field input,.field textarea,.field select{width:100%;border:1px solid #e3e6eb;border-radius:10px;padding:10px 12px;background:#fcfcfd;outline:none;transition:border-color .15s,box-shadow .15s,background .15s}.field textarea{resize:vertical;min-height:64px;line-height:1.6}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--brand);background:#fff;box-shadow:0 0 0 3px #f0663c1f}.field input::placeholder,.field textarea::placeholder{color:#b6bcc6}.field--invalid input{border-color:#f53f3f;background:#fff8f8}.hint{font-size:12px;color:var(--ink-3)}.chips{display:flex;flex-wrap:wrap;gap:6px}.chip{border:1px dashed #dcdfe5;background:#fbfbfc;color:var(--ink-2);border-radius:999px;padding:4px 10px;font-size:12px;line-height:1.5;transition:all .15s}.chip:hover{border-color:var(--brand);color:var(--brand-strong);background:var(--brand-soft)}.chip--on{border-style:solid;border-color:var(--brand);color:var(--brand-strong);background:var(--brand-soft)}.styles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}@media(min-width:640px){.styles{grid-template-columns:repeat(4,minmax(0,1fr))}}.style-card{position:relative;text-align:left;border:1.5px solid var(--line);background:#fff;border-radius:12px;padding:11px 12px;transition:all .16s;min-width:0;overflow-wrap:anywhere}.style-card:hover{border-color:#ffd0bd;background:#fffaf7}.style-card.style-card--on,.style-card.style-card--on:hover{border-color:var(--brand);background:var(--brand-soft);box-shadow:0 4px 14px #f0663c24}.style-card__name{font-size:14px;font-weight:700;color:var(--ink);display:flex;align-items:center;gap:6px}.style-card__desc{margin-top:3px;font-size:11.5px;color:var(--ink-3);line-height:1.45}.style-card__dot{width:7px;height:7px;border-radius:50%;background:var(--brand);opacity:0;transition:opacity .15s}.style-card--on .style-card__dot{opacity:1}.advanced-toggle{display:inline-flex;align-items:center;gap:6px;border:none;background:none;color:var(--ink-2);font-size:13px;padding:4px 0}.advanced-toggle:hover{color:var(--brand-strong)}.advanced-toggle__arrow{transition:transform .2s;font-size:10px}.advanced-toggle__arrow--open{transform:rotate(180deg)}.advanced{margin-top:12px;padding-top:14px;border-top:1px dashed var(--line);animation:fade-up .2s ease}.btn{border:1px solid transparent;border-radius:10px;padding:10px 16px;font-size:14px;font-weight:600;transition:all .15s}.btn--primary{background:linear-gradient(135deg,#ff8358,var(--brand));color:#fff;box-shadow:0 6px 18px #f0663c47}.btn--primary:hover{transform:translateY(-1px);box-shadow:0 8px 22px #f0663c57}.btn--primary:active{transform:translateY(0)}.btn--primary:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.btn--ghost{background:#fff;border-color:#e3e6eb;color:var(--ink-2)}.btn--ghost:hover{border-color:var(--brand);color:var(--brand-strong)}.btn--block{width:100%}.btn--submit{margin-top:16px;padding:13px 16px;font-size:15px}.btn-row{display:flex;gap:8px;flex-wrap:wrap}.result-head{display:flex;align-items:center;gap:8px;padding:14px 18px;border-bottom:1px solid var(--line)}.result-head__title{font-size:14px;font-weight:700}.result-head__badge{font-size:11.5px;color:var(--brand-strong);background:var(--brand-soft);border:1px solid #ffe0d4;border-radius:999px;padding:2px 8px}.result-body{padding:16px 18px;min-height:320px}.empty{min-height:288px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center;color:var(--ink-3)}.empty__icon{width:52px;height:52px;border-radius:16px;background:var(--brand-soft);display:grid;place-items:center;font-size:24px}.empty__title{font-size:14px;color:var(--ink-2);font-weight:600}.empty__text{font-size:12.5px;max-width:260px;line-height:1.7}.segments{display:flex;flex-direction:column;gap:14px;animation:fade-up .28s ease}.segment__label{font-size:12px;font-weight:700;color:var(--brand-strong);letter-spacing:.4px;margin-bottom:4px}.segment__text{font-size:14.5px;color:var(--ink);line-height:1.85;white-space:pre-wrap;word-break:break-word}.comment{display:flex;flex-direction:column;gap:16px;animation:fade-up .28s ease}.comment__block+.comment__block{padding-top:14px;border-top:1px dashed var(--line)}.comment__head{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:12px;font-weight:700;color:var(--brand-strong);letter-spacing:.4px;margin-bottom:8px}.comment__hint{font-size:11px;font-weight:400;color:var(--ink-3);letter-spacing:0}.comment__title{font-size:19px;font-weight:700;color:var(--ink);line-height:1.45;overflow-wrap:anywhere}.comment__goal{display:flex;gap:8px;font-size:14px;line-height:1.8;color:var(--ink);padding:2px 0}.comment__goal-label{flex:none;color:var(--ink-2);font-weight:600;font-size:13px;padding-top:1px}.comment__list{margin:0;padding-left:18px;font-size:14px;line-height:1.85;color:var(--ink)}.comment__list li{margin-bottom:3px;overflow-wrap:anywhere}.comment__list li::marker{color:var(--brand)}.comment__text{font-size:14.5px;line-height:1.85;color:var(--ink);overflow-wrap:anywhere}.comment__text--eval{padding:12px 14px;border-radius:10px;background:#fff8f4;border:1px solid #ffe2d5}.tier-tabs{display:flex;gap:6px;margin-bottom:10px;flex-wrap:wrap}.tier-tab{padding:5px 14px;border-radius:999px;border:1.5px solid var(--line);background:#fff;font-size:13px;color:var(--ink-2);transition:all .15s}.tier-tab:hover{border-color:#ffd0bd;color:var(--brand-strong)}.tier-tab.tier-tab--on,.tier-tab.tier-tab--on:hover{border-color:var(--brand);background:var(--brand-soft);color:var(--brand-strong);font-weight:700}.result-actions{display:flex;gap:8px;padding:12px 18px 16px;border-top:1px solid var(--line);background:#fcfcfd;flex-wrap:wrap}.skeleton{display:flex;flex-direction:column;gap:10px}.skeleton__line{height:13px;border-radius:6px;background:linear-gradient(90deg,#f0f1f4 25%,#f7f8fa 37%,#f0f1f4 63%);background-size:400% 100%;animation:shimmer 1.3s ease infinite}.skeleton__line--title{height:11px;width:32%;margin-top:8px}.skeleton__line--short{width:62%}.alert{display:flex;gap:8px;align-items:flex-start;margin:0 18px 16px;padding:10px 12px;border-radius:10px;font-size:13px;line-height:1.6;background:#fff4f2;border:1px solid #ffd6cd;color:#c33c1c}.alert--limit{background:#fff8e8;border-color:#ffe1a8;color:#a9700c}.poster-mask{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:#14161a9e;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;padding:20px;animation:mask-in .18s ease}.poster-modal{width:min(1020px,100%);max-height:calc(100vh - 40px);background:#fff;border-radius:18px;box-shadow:0 24px 70px #00000047;display:flex;flex-direction:column;overflow:hidden;animation:modal-in .2s ease}.poster-modal__head{display:flex;align-items:flex-start;gap:12px;padding:16px 20px;border-bottom:1px solid var(--line)}.poster-modal__title{font-size:16px;font-weight:700}.poster-modal__sub{font-size:12px;color:var(--ink-3);margin-top:2px}.poster-modal__close{margin-left:auto;width:30px;height:30px;border:none;border-radius:8px;background:#f4f5f7;color:var(--ink-2);font-size:14px;line-height:1;display:grid;place-items:center}.poster-modal__close:hover{background:#ebedf0;color:var(--ink)}.poster-modal__body{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;padding:16px 20px 20px;overflow:auto}@media(min-width:860px){.poster-modal__body{grid-template-columns:minmax(0,1.05fr) minmax(0,.85fr);align-items:start}}.poster-preview{position:relative;background:#f0f1f3;border:1px dashed #dcdfe5;border-radius:12px;padding:10px;display:flex;justify-content:center}.poster-preview__canvas{display:block;width:auto;max-width:100%;max-height:min(62vh,640px);border-radius:6px;box-shadow:0 6px 20px #0000001f;background:#fff}.poster-preview__loading{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;border-radius:12px;background:#ffffffb8;color:var(--ink-2);font-size:13px}.poster-panel{display:flex;flex-direction:column;gap:16px;min-width:0}.poster-panel__group{display:flex;flex-direction:column;gap:8px}.poster-panel__label{font-size:12.5px;font-weight:700;color:var(--ink-2);display:flex;align-items:center;gap:6px}.poster-panel__value{font-weight:400;color:var(--ink-3)}.poster-templates{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.poster-template{text-align:left;border:1.5px solid var(--line);background:#fff;border-radius:10px;padding:9px 11px;min-width:0;transition:all .15s}.poster-template:hover{border-color:#ffd0bd;background:#fffaf7}.poster-template.poster-template--on,.poster-template.poster-template--on:hover{border-color:var(--brand);background:var(--brand-soft)}.poster-template__name{display:block;font-size:13px;font-weight:700}.poster-template__desc{display:block;margin-top:2px;font-size:11px;color:var(--ink-3);line-height:1.45;overflow-wrap:anywhere}.poster-file{display:none}.poster-mini{border:1px solid var(--line);border-radius:10px;background:#fcfcfd;padding:10px 12px;display:flex;flex-direction:column;gap:8px;font-size:12.5px;color:var(--ink-2);line-height:1.65;max-height:190px;overflow:auto}.poster-mini__row span{display:block;font-size:11px;font-weight:700;color:var(--brand-strong);margin-bottom:1px}.poster-error{font-size:12.5px;color:#c33c1c;background:#fff4f2;border:1px solid #ffd6cd;border-radius:8px;padding:8px 10px}.poster-panel__foot{display:flex;flex-direction:column;gap:6px}@keyframes mask-in{0%{opacity:0}to{opacity:1}}@keyframes modal-in{0%{opacity:0;transform:translateY(10px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:560px){.poster-mask{padding:0;align-items:flex-end}.poster-modal{max-height:92vh;border-radius:16px 16px 0 0}.poster-modal__body{padding:14px 14px 18px}.poster-preview__canvas{max-height:46vh}}.footer{padding:0 20px 28px;text-align:center;font-size:12px;color:#a9b0ba}@keyframes fade-up{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:100% 50%}to{background-position:0 50%}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}@media(max-width:560px){.main{padding:16px 14px 40px}.card{padding:16px}.field-grid{grid-template-columns:minmax(0,1fr)}.topbar__inner{padding:10px 14px;gap:8px}.brand-sub{display:none}.topbar .btn--ghost{padding:7px 12px;font-size:13px}.quota{font-size:12px;padding:4px 10px}}