/* KeyCreator 小红书创作台主题：仅覆盖视觉令牌与组件外观。 */
:root{--ink:#241e21;--muted:#82787d;--line:#eee8ea;--green:#ff3658;--green2:#ff2442;--pale:#fff0f3;--warm:#f7f5f4;--orange:#ff785d;--shadow:0 12px 34px rgba(34,21,25,.055)}
body{background:var(--warm);color:var(--ink)}
.topbar{height:64px;border-color:var(--line);background:rgba(255,255,255,.92);box-shadow:0 2px 14px rgba(35,21,25,.035)}
.back{color:var(--muted);font-weight:700}.back:hover{color:var(--green2)}
.brand{color:var(--ink);letter-spacing:2px}.brand span{color:var(--green2)}
.status-dot{border-color:#ffd2d8;background:#fff7f8;color:var(--green2);font-weight:700}.status-dot:before{background:var(--green2)}.status-dot a{color:inherit;text-decoration:none}
.shell{width:min(1420px,calc(100% - 40px));padding:42px 0 96px}.hero{max-width:760px}.eyebrow{color:var(--green2)}.hero h1{font-family:"Microsoft YaHei","PingFang SC",sans-serif;font-size:38px;letter-spacing:-1.2px}.hero>p:last-child{color:var(--muted)}
.steps{width:min(760px,100%);margin:32px auto}.steps span{color:#afa5a9;font-weight:700}.steps span b{width:26px;height:26px;border-color:#e8dfe2;background:#fff}.steps span.active{color:var(--green2)}.steps span.active b{background:var(--green2);border-color:var(--green2)}.steps i{background:#e5dadd}
.workspace{grid-template-columns:minmax(340px,.72fr) minmax(0,1.28fr);gap:18px}.card{border-color:var(--line);border-radius:20px;background:#fff;box-shadow:var(--shadow)}.input-panel,.decision-panel,.editor-section{padding:22px}.input-panel{position:sticky;top:82px}.decision-panel{min-height:510px}
.card-title{margin-bottom:21px}.card-title>span{background:var(--pale);color:var(--green2);border-radius:10px}.card-title small{color:var(--green2);font-weight:800}.card-title h2{color:var(--ink)}.card-title em{background:var(--pale);color:var(--green2);font-weight:700}
.field>span{color:#68616a}.field small,.field>small{color:#9b9095}input,textarea{border-color:#e6dfe2;border-radius:12px;background:#fbfbfc;color:var(--ink)}input:focus,textarea:focus{border-color:var(--green2);box-shadow:0 0 0 3px rgba(255,36,66,.1);background:#fff}.inline-input button{background:var(--pale);color:var(--green2);border-radius:12px}.profile-box{background:#fff7f8;border:1px solid #ffe1e6;border-radius:12px}.profile-box button{color:var(--green2)}.profile-box p{color:var(--muted)}
.primary{border-radius:12px;background:linear-gradient(115deg,#ff2e51,#ff785d);box-shadow:0 9px 20px rgba(255,46,81,.2)}.primary:hover:not(:disabled){background:linear-gradient(115deg,#e92747,#f96650)}.primary:disabled{background:#ded6d8;color:#968d91;box-shadow:none}.hint{color:#9b9095}
.empty-state{color:var(--muted)}.empty-state div{border-color:#ff9aaa;color:var(--green2);background:#fff7f8}.empty-state strong{color:#665d62}.angle-card{border-color:var(--line);border-radius:14px}.angle-card:hover{border-color:#ff9aaa;box-shadow:0 10px 24px rgba(255,36,66,.1)}.angle-card.selected{border-color:var(--green2);background:#fff7f8;box-shadow:0 10px 25px rgba(255,36,66,.11)}.angle-card .dimension{color:var(--green2)}.angle-card .badge{color:var(--orange)}.angle-card p{color:var(--muted)}.ghost,.custom-angle button{border-color:#ffd2d8;color:var(--green2);border-radius:10px}.ghost:hover,.custom-angle button:hover{background:#fff7f8}.publish-row{border-color:var(--line)}.publish-row span{color:var(--muted)}
.audience-card{border-color:var(--line);color:var(--ink);border-radius:14px}.audience-card:hover,.audience-card:hover:not(:disabled){border-color:#ff9aaa;box-shadow:0 10px 24px rgba(255,36,66,.1)}.audience-chip{background:var(--pale);color:var(--green2)}.audience-chip-ghost{background:#f6f2f3;color:#b3a8ac}.audience-desc{color:var(--muted)}.audience-card.is-loading{border-color:var(--green2);background:#fff7f8}.audience-loading{border-color:#ffe1e6;color:var(--green2)}.audience-loading:before{border-color:#ffbdc8;border-top-color:var(--green2)}
.text-image-panel{border-color:#ffe1e6;border-radius:15px;background:#fffafb}.text-image-head small,.switch{color:var(--green2)}.text-image-panel>p{color:var(--muted)}.text-image-item{border-color:var(--line)}.text-image-item:hover,.text-image-item.selected{border-color:var(--green2);box-shadow:0 0 0 2px #ffe1e6}.text-image-item span{color:var(--muted)}.text-image-editor{border-color:#ffdbe1;background:#fff}.text-image-editor-head strong{color:var(--ink)}.text-image-style{border-color:#ffe1e6;background:#fff7f8}.text-image-style-head strong{color:var(--ink)}.text-image-style-head small{color:var(--green2)}.text-image-style-grid label{color:#70666c}.text-image-style-grid input,.text-image-style-grid select{border-color:#e6dfe2;color:var(--ink)}.visual-editor-grid label{color:#70666c}.visual-editor-grid input,.visual-editor-grid select,.visual-editor-grid textarea{border-color:#e6dfe2;color:var(--ink)}
.selection-ai,.toast{background:#241e21}.selection-ai{border-radius:10px}.toast{border-left:3px solid var(--green2)}dialog{border-radius:20px;box-shadow:0 25px 100px rgba(35,20,28,.29)}dialog::backdrop{background:rgba(35,20,28,.48)}.dialog-icon{background:var(--pale);color:var(--green2)}dialog p,dialog li{color:var(--muted)}dialog ul{background:#fff7f8}dialog form>div button{border-color:#e6dfe2}dialog form>div .primary{background:linear-gradient(115deg,#ff2e51,#ff785d)}
@media(max-width:850px){.shell{width:min(100% - 22px,760px)}.input-panel{position:static}.hero h1{font-size:31px}.topbar{padding:0 14px}.workspace{grid-template-columns:1fr}.editor-section{margin-top:18px}}