:root{--ink:#282421;--muted:#877e76;--paper:#fffdfa;--warm:#e76541;--warm2:#fff0e8;--line:#e9e2db;--bg:#f7f4ef}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);margin:0;font-family:PingFang SC,Microsoft YaHei,Arial,sans-serif}button,input,textarea,select{font:inherit}.app{grid-template-columns:238px 1fr;min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--line);background:#fffdfa;flex-direction:column;height:100vh;padding:30px 18px 22px;display:flex;position:sticky;top:0}.logo{align-items:center;gap:11px;padding:0 9px 28px;display:flex}.logo>span{color:#fff;background:var(--warm);border-radius:13px;place-items:center;width:41px;height:41px;font-weight:800;display:grid;box-shadow:0 9px 22px #e7654138}.logo div,.sidebar-foot div{display:grid}.logo strong{font-size:17px}.logo small,.sidebar-foot small{color:var(--muted);margin-top:3px;font-size:11px}.sidebar nav{gap:6px;display:grid}.sidebar nav button{color:#766d66;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:11px;align-items:center;gap:11px;padding:12px 13px;display:flex}.sidebar nav button i{color:#a49a91;width:18px;font-style:normal}.sidebar nav button em{background:#eee8e2;border-radius:99px;margin-left:auto;padding:2px 7px;font-size:10px;font-style:normal}.sidebar nav .active{color:#bf4d2e;background:var(--warm2);font-weight:700}.sidebar nav .active i{color:var(--warm)}.sidebar-foot{border-top:1px solid var(--line);align-items:center;gap:10px;margin-top:auto;padding:15px 10px 0;display:flex}.avatar{color:#7e4233;background:#f3dcd1;border-radius:50%;place-items:center;width:36px;height:36px;font-weight:700;display:grid}.sidebar-foot b{font-size:13px}.workspace{width:min(1140px,100%);margin:auto;padding:32px 42px 70px}.workspace>header{justify-content:space-between;align-items:center;margin-bottom:27px;display:flex}.workspace>header p{color:var(--muted);margin:0 0 4px;font-size:12px}.workspace>header h1{margin:0;font-size:25px}.ghost{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:10px;padding:10px 16px}.steps{border:1px solid var(--line);background:#fffdfa;border-radius:14px;align-items:center;margin-bottom:24px;padding:16px 22px;display:flex}.steps button{color:#aaa19a;cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;width:33.333%;font-size:13px;display:flex;position:relative}.steps button:not(:last-child):after{content:"";background:var(--line);width:40%;height:1px;position:absolute;right:20px}.steps button span{border:1px solid #d7d0c9;border-radius:50%;place-items:center;width:25px;height:25px;font-size:11px;display:grid}.steps .current{color:var(--ink);font-weight:700}.steps .current span{border-color:var(--warm);color:#fff;background:var(--warm)}.steps .done{color:#a34b32}.steps .done span{background:#ffebe4;border-color:#f0c1b2}.panel-grid,.result-grid{grid-template-columns:minmax(0,1fr) 290px;gap:18px;display:grid}.card,.tip-card,.score-card,.voice-card{border:1px solid var(--line);background:var(--paper);border-radius:17px;box-shadow:0 7px 28px #6f55420a}.form-card,.boss-card,.result-card{padding:25px}.card-title{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:23px;display:flex}.card-title h2{margin:5px 0 0;font-size:20px}.card-title p{color:var(--muted);margin:7px 0 0;font-size:13px}.kicker{color:var(--warm);letter-spacing:.14em;font-size:9px;font-weight:800}.role-tag,.safe-tag{color:#9f4f38;background:var(--warm2);border-radius:7px;padding:6px 9px;font-size:10px}.safe-tag{color:#3b7a5d;background:#e9f4ed}.field-row{grid-template-columns:1fr 180px;gap:13px;display:grid}.form-card>label,.field-row label{color:#544c47;gap:7px;margin-bottom:15px;font-size:12px;font-weight:700;display:grid}.form-card b,.field-row b{color:var(--warm)}input,select,textarea{width:100%;color:var(--ink);background:#fff;border:1px solid #ded7d0;border-radius:9px;outline:none;padding:11px 12px;font-size:13px;font-weight:400;transition:all .2s}textarea{resize:vertical;min-height:76px;line-height:1.6}input:focus,select:focus,textarea:focus{border-color:#e99b85;box-shadow:0 0 0 3px #e7654112}.upload{margin-top:4px}.upload>input{display:none}.upload>label{cursor:pointer;background:#fcfaf7;border:1px dashed #d9cfc6;border-radius:11px;flex-direction:column;align-items:center;padding:20px;display:flex}.upload>label span{color:var(--warm);font-size:24px}.upload>label b{font-size:12px}.upload>label small{color:var(--muted);margin-top:4px;font-size:10px}.thumbs{gap:8px;margin-top:9px;display:flex}.thumbs img{object-fit:cover;border-radius:8px;width:60px;height:60px}.actions{justify-content:flex-end;margin-top:20px;display:flex}.primary{color:#fff;background:var(--warm);cursor:pointer;border:0;border-radius:10px;padding:11px 18px;font-weight:700;box-shadow:0 7px 18px #e7654128}.primary:disabled{box-shadow:none;cursor:not-allowed;background:#c9c1bb}.primary span{margin-left:8px}.tip-card{background:linear-gradient(150deg,#fff8f1,#fffdfa);align-self:start;padding:24px}.spark{width:38px;height:38px;color:var(--warm);background:#ffe7dd;border-radius:12px;place-items:center;display:grid}.tip-card h3{margin:18px 0 10px;font-size:16px}.tip-card p,.tip-card li{color:#756b64;font-size:12px;line-height:1.7}.tip-card ul{border-top:1px solid #ebdfd6;margin:16px 0 0;padding:15px 0 0;list-style:none}.tip-card li{margin:7px 0}.tip-card li:before{content:"✓";color:var(--warm);margin-right:8px}.boss-card{max-width:850px;margin:auto}.progress-ring{--p:0deg;background:conic-gradient(var(--warm) var(--p),#eee7e1 0);border-radius:50%;place-items:center;width:58px;height:58px;display:grid;position:relative}.progress-ring:after{content:"";background:#fffdfa;border-radius:50%;position:absolute;inset:6px}.progress-ring b{z-index:1;font-size:11px}.summary{background:#f8f1eb;border-radius:10px;align-items:center;gap:10px;margin-bottom:20px;padding:13px 15px;display:flex}.summary span{color:#a34b32;background:#ffe5db;border-radius:6px;padding:5px 8px;font-size:10px}.summary b{font-size:13px}.summary small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin-left:auto;font-size:11px;overflow:hidden}.boss-fields{gap:13px;display:grid}.boss-fields label{gap:7px;display:grid}.boss-fields label>span{font-size:13px;font-weight:700}.boss-fields label em{float:right;color:#a36d5c;background:#f5e8e2;border-radius:6px;padding:3px 7px;font-size:9px;font-style:normal;font-weight:400}.boss-fields label.complete em{color:#367555;background:#e9f4ed}.completion{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;margin-top:22px;padding-top:20px;display:flex}.completion div{gap:4px;display:grid}.completion b{font-size:13px}.completion small{color:var(--muted);font-size:10px}.result-card{min-width:0}.copy-output{background:#faf7f3;border:0;min-height:530px;padding:20px;font-size:14px;line-height:2}.result-actions{justify-content:space-between;margin-top:18px;display:flex}.result-grid>aside{align-content:start;gap:14px;display:grid}.score-card,.voice-card{padding:21px}.score-card>span,.voice-card>span{color:var(--muted);font-size:11px}.score-card>strong{color:var(--warm);margin:9px 0 15px;font-size:40px;display:block}.score-card>strong small{color:var(--muted);font-size:12px}.score-card ul{border-top:1px solid var(--line);margin:0;padding:14px 0 0;list-style:none}.score-card li{color:#80766f;margin:10px 0;font-size:11px}.score-card .ok{color:#3c735b}.voice-card{color:#fff;background:#312a27}.voice-card p{color:#d9cfca;margin:10px 0 0;font-size:12px;line-height:1.8}.campaign-tabs{background:#f4eee9;border-radius:12px;grid-template-columns:repeat(3,1fr);gap:7px;margin-bottom:14px;padding:5px;display:grid}.campaign-tabs button{color:#8c8179;cursor:pointer;background:0 0;border:0;border-radius:9px;gap:3px;padding:10px 8px;font-size:11px;display:grid}.campaign-tabs button small{font-size:9px}.campaign-tabs .active{color:#a7482d;background:#fff;font-weight:700;box-shadow:0 4px 14px #68463412}.stock-update{background:#fff7f3;border:1px solid #f0d7cc;border-radius:11px;align-items:end;gap:12px;margin-bottom:12px;padding:13px 14px;display:flex}.stock-update label{color:#674f45;flex:1;font-size:11px;font-weight:700}.stock-update input{margin-top:6px}.stock-update small{max-width:210px;color:var(--muted);font-size:9px;line-height:1.5}.mobile-menu{display:none}@media (max-width:850px){.app{display:block}.sidebar{z-index:20;height:auto;padding:16px;position:sticky;box-shadow:0 5px 18px #49382b12}.logo{padding:0}.mobile-menu{border:1px solid var(--line);width:42px;height:42px;color:var(--ink);background:#fff;border-radius:11px;place-items:center;margin-left:auto;font-size:21px;display:grid}.sidebar nav,.sidebar-foot{display:none}.sidebar.mobile-open nav{border-top:1px solid var(--line);margin-top:15px;padding-top:12px;display:grid}.sidebar.mobile-open .sidebar-foot{margin-top:12px;display:flex}.workspace{padding:20px 14px 50px}.workspace>header{margin:8px 2px 20px}.panel-grid,.result-grid{grid-template-columns:1fr}.tip-card{order:-1}.steps{padding:12px}.steps button{font-size:11px}.steps button:not(:last-child):after{display:none}.field-row{grid-template-columns:1fr}.completion{flex-direction:column;align-items:stretch}.completion .primary{width:100%}.summary{flex-direction:column;align-items:flex-start}.summary small{margin-left:0}.copy-output{min-height:440px}.campaign-tabs{grid-template-columns:1fr}.stock-update{flex-direction:column;align-items:stretch}.stock-update small{max-width:none}}.stock-update small{max-width:160px}.mini-generate{color:#fff;background:var(--warm);white-space:nowrap;cursor:pointer;border:0;border-radius:8px;padding:10px 12px;font-size:10px;font-weight:700}.mini-generate:disabled{cursor:not-allowed;background:#c9c1bb}.api-error{color:#a8432d;background:#fff0ea;border:1px solid #f0c2b6;border-radius:9px;margin-bottom:12px;padding:11px 13px;font-size:11px;line-height:1.6}.settings-page{background:radial-gradient(circle at 50% 0,#fff5ee,#f5f0e9 55%);place-items:center;min-height:100vh;padding:24px;display:grid}.settings-box{border:1px solid var(--line);background:#fffdfa;border-radius:22px;width:min(480px,100%);padding:34px;box-shadow:0 24px 70px #6d4d3820}.settings-logo{color:#fff;background:var(--warm);border-radius:14px;place-items:center;width:46px;height:46px;margin-bottom:20px;font-size:18px;font-weight:800;display:grid}.settings-box h1{margin:6px 0 10px;font-size:26px}.settings-intro{color:var(--muted);margin:0 0 20px;font-size:13px;line-height:1.7}.setup-status{color:#9b503b;background:#fff0e8;border-radius:11px;align-items:center;gap:11px;margin-bottom:20px;padding:13px;display:flex}.setup-status.ready{color:#397258;background:#eaf5ee}.setup-status>span{background:#ffffffa6;border-radius:50%;place-items:center;width:28px;height:28px;font-weight:800;display:grid}.setup-status div{gap:2px;display:grid}.setup-status b{font-size:12px}.setup-status small{font-size:10px}.settings-box label{color:#504741;gap:8px;font-size:12px;font-weight:700;display:grid}.settings-box label small{color:var(--muted);font-size:10px;font-weight:400}.settings-save{color:#fff;background:var(--warm);cursor:pointer;border:0;border-radius:10px;width:100%;margin:18px 0 14px;padding:13px;font-weight:700}.settings-save:disabled{cursor:not-allowed;background:#c8c0ba}.settings-box>a{color:#a54b32;text-align:center;font-size:12px;text-decoration:none;display:block}.settings-message{color:#397258;background:#eaf5ee;border-radius:8px;padding:10px;font-size:11px;line-height:1.6}.settings-message.error{color:#a8432d;background:#fff0ea}.settings-warning{border-top:1px solid var(--line);color:#9a918a;margin:20px 0 0;padding-top:17px;font-size:10px;line-height:1.6}.thumbs{flex-wrap:wrap}.thumbs figure{margin:0;position:relative}.thumbs figure img{display:block}.thumbs figure button{color:#fff;cursor:pointer;background:#564b45;border:2px solid #fff;border-radius:50%;place-items:center;width:20px;height:20px;padding:0;line-height:1;display:grid;position:absolute;top:-6px;right:-6px;box-shadow:0 2px 7px #3a2f2a33}.thumbs figure button:hover{background:var(--warm)}.provider-switch{grid-template-columns:1fr 1fr;gap:10px;margin:18px 0;display:grid}.provider-switch button{border:1px solid var(--line);color:var(--ink);text-align:left;cursor:pointer;background:#fff;border-radius:11px;gap:4px;padding:14px;display:grid}.provider-switch button.active{border-color:var(--warm);background:var(--warm2);box-shadow:0 0 0 2px #e7654112}.provider-switch button small{color:var(--muted);font-size:10px}.login-page{background:radial-gradient(circle at 20% 10%,#fff1e9,transparent 34%),var(--bg);place-items:center;min-height:100vh;padding:24px;display:grid}.login-box{border:1px solid var(--line);background:var(--paper);border-radius:22px;width:min(430px,100%);padding:38px;box-shadow:0 18px 55px #6f554219}.login-box h1{margin:9px 0 8px;font-size:26px}.login-box>p:not(.kicker){color:var(--muted);margin:0 0 24px;font-size:13px;line-height:1.7}.login-box label,.account-form label{color:#544c47;gap:7px;margin:14px 0;font-size:12px;font-weight:700;display:grid}.login-box>small{color:var(--muted);text-align:center;margin-top:18px;display:block}.signout{color:var(--muted);cursor:pointer;background:0 0;border:0;margin-left:auto;padding:5px 7px;font-size:10px}.accounts-page{width:min(1050px,100%);min-height:100vh;margin:auto;padding:42px}.accounts-page>header{justify-content:space-between;align-items:flex-start;margin-bottom:24px;display:flex}.accounts-page h1{margin:7px 0}.accounts-page header p:not(.kicker){color:var(--muted);margin:0;font-size:13px}.accounts-page header a{color:#a34b32;text-decoration:none}.accounts-grid{grid-template-columns:330px 1fr;gap:18px;display:grid}.account-form,.account-list{padding:24px}.account-form h2,.account-list h2{margin:0 0 18px;font-size:18px}.account-list article{border-bottom:1px solid var(--line);align-items:center;gap:11px;padding:13px 0;display:flex}.account-list article div{gap:3px;display:grid}.account-list article small{color:var(--muted)}.account-list article em{border-radius:6px;margin-left:auto;padding:4px 7px;font-size:10px;font-style:normal}.account-list article em.enabled{color:#367555;background:#e9f4ed}.account-list article em.disabled{color:#9a5750;background:#f8e9e7}.account-list article .ghost{padding:6px 9px;font-size:10px}@media (max-width:760px){.accounts-page{padding:24px 16px}.accounts-grid{grid-template-columns:1fr}.accounts-page>header{gap:15px}.login-box{padding:28px 22px}}.list-page{width:min(960px,100%);min-height:100vh;margin:auto;padding:42px}.list-page>header{justify-content:space-between;align-items:flex-start;margin-bottom:24px;display:flex}.list-page h1{margin:7px 0}.list-page header p:not(.kicker){color:var(--muted);margin:0;font-size:13px}.list-page header a{color:#a34b32;text-decoration:none}.record-list{gap:13px;display:grid}.record-list article{border:1px solid var(--line);background:var(--paper);border-radius:15px;justify-content:space-between;align-items:center;gap:24px;padding:22px;display:flex;box-shadow:0 7px 28px #6f55420a}.record-list article>div{flex:1;min-width:0}.record-list article span{color:var(--warm);font-size:10px}.record-list h2{margin:6px 0;font-size:17px}.record-list p,.record-list small{color:var(--muted);font-size:11px}.record-list .history-item{align-items:flex-start}.history-item textarea{background:#faf7f3;min-height:170px;margin-top:14px}.empty-list{border:1px dashed var(--line);color:var(--muted);background:var(--paper);text-align:center;border-radius:15px;padding:55px}@media (max-width:760px){.list-page{padding:24px 16px}.list-page>header,.record-list article{flex-direction:column;align-items:stretch}.record-list article button{width:100%}}