:root{--ink:#18221c;--muted:#68736b;--line:#dce5dd;--paper:#f6f7f2;--card:#fff;--green:#176b45;--lime:#d9f36b;--orange:#ef7d3b}*{box-sizing:border-box}html{background:var(--paper)}body{color:var(--ink);background:radial-gradient(circle at 70% 0,#e9f4d7 0,transparent 28%),var(--paper);margin:0;font-family:Microsoft YaHei,PingFang SC,system-ui,sans-serif}button,input,textarea{font:inherit}button{cursor:pointer}.studio-shell{min-height:100vh}.topbar{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:20;background:#ffffffd1;justify-content:space-between;align-items:center;height:80px;padding:0 4vw;display:flex;position:sticky;top:0}.brand{align-items:center;gap:12px;display:flex}.brand-mark{background:var(--ink);width:42px;height:42px;color:var(--lime);border-radius:13px;place-items:center;font-weight:900;display:grid}.brand strong,.brand small{display:block}.brand strong{font-size:18px}.brand small{color:var(--muted);margin-top:3px}.live-pill{color:var(--green);background:#f5fff7;border:1px solid #c8dfcf;border-radius:99px;padding:9px 14px;font-size:13px}.live-pill span{background:#22a65f;border-radius:50%;width:8px;height:8px;margin-right:7px;display:inline-block;box-shadow:0 0 0 5px #d9f3e3}.studio-grid{grid-template-columns:250px minmax(0,1fr);gap:26px;max-width:1440px;margin:auto;padding:28px 3vw 80px;display:grid}.hot-panel{border:1px solid var(--line);background:#fff;border-radius:24px;align-self:start;padding:24px;position:sticky;top:106px}.section-kicker{color:var(--green);letter-spacing:.15em;font-size:11px;font-weight:900}.hot-panel h2{margin:8px 0 4px}.hot-panel>p{color:var(--muted);font-size:13px;line-height:1.6}.hot-list{margin-top:16px;display:grid}.hot-list button{text-align:left;color:var(--ink);background:0 0;border:0;border-bottom:1px solid #edf0ed;grid-template-columns:28px 1fr;gap:9px;padding:11px 0;display:grid}.hot-list em{color:var(--orange);font-style:normal;font-weight:800}.hot-list span{font-size:13px;line-height:1.45}.workspace{gap:24px;min-width:0;display:grid}.input-card,.topic-stage,.article-stage{border:1px solid var(--line);background:#fffffff0;border-radius:28px;padding:30px;box-shadow:0 12px 36px #1d37260f}.step-title{align-items:flex-start;gap:18px;display:flex}.step-title>span{color:#c8d1c9;font-size:42px;font-weight:900;line-height:1}.step-title h1{margin:0;font-size:28px}.step-title p{color:var(--muted);margin:8px 0 0}.mode-tabs{gap:8px;margin:24px 0 12px;display:flex}.mode-tabs button{border:1px solid var(--line);color:var(--muted);background:#f8faf8;border-radius:10px;padding:9px 15px}.mode-tabs .active{background:var(--ink);border-color:var(--ink);color:#fff}.input-card>textarea{resize:vertical;background:#fbfcfa;border:1px solid #ccd6cd;border-radius:16px;outline:none;width:100%;min-height:150px;padding:18px;line-height:1.7}.input-card>textarea:focus,.editor-card input:focus,.editor-card textarea:focus{border-color:var(--green);box-shadow:0 0 0 4px #e4f2e8}.action-row,.generate-bar,.stage-head,.editor-actions{justify-content:space-between;align-items:center;gap:18px;display:flex}.action-row{margin-top:16px}.pipeline{flex-wrap:wrap;align-items:center;gap:7px;display:flex}.pipeline span{align-items:center;gap:7px;display:flex}.pipeline b{color:#315f40;background:#edf5e8;border-radius:8px;padding:6px 9px;font-size:11px;font-weight:800}.pipeline i{color:#91a095;font-style:normal}.primary{background:var(--green);color:#fff;border:0;border-radius:13px;padding:14px 22px;font-weight:800;box-shadow:0 8px 20px #176b452e}.primary:hover{transform:translateY(-1px)}.primary:disabled{cursor:not-allowed;opacity:.5;transform:none}.error-banner{color:#9d3e24;background:#fff3ef;border:1px solid #f2c6b9;border-radius:14px;padding:14px 18px}.stage-head h2{margin:6px 0 0;font-size:24px}.stage-head small{color:var(--muted);text-align:right}.crowded{color:#8b542f;background:#fff6eb;border-radius:13px;flex-wrap:wrap;gap:9px;margin:22px 0 16px;padding:13px;font-size:12px;display:flex}.crowded span{border-left:1px solid #e7c6aa;padding-left:9px}.topic-list{gap:11px;margin-top:20px;display:grid}.topic-card{text-align:left;border:1px solid var(--line);width:100%;color:var(--ink);background:#fbfcfa;border-radius:18px;grid-template-columns:44px minmax(0,1fr) 22px;gap:16px;padding:20px;transition:all .18s;display:grid}.topic-card:hover{border-color:#a6c4ae;transform:translateY(-1px)}.topic-card.selected{border:2px solid var(--green);background:#f3fbf5}.topic-number{color:#b3beb5;font-size:22px;font-weight:900}.topic-labels{flex-wrap:wrap;gap:6px;display:flex}.topic-labels span{color:#536159;background:#eaf0eb;border-radius:99px;padding:4px 8px;font-size:11px}.topic-main h3{margin:9px 0 6px;font-size:18px}.topic-main p{color:#3d4a42;margin:0;line-height:1.65}.topic-main small{color:var(--muted);margin-top:8px;display:block}.fresh-note{color:var(--green);margin-top:9px;font-size:12px;font-weight:700}.radio-dot{border:2px solid #a5b2a8;border-radius:50%;width:18px;height:18px}.selected .radio-dot{border:5px solid var(--green)}.generate-bar{background:var(--ink);color:#fff;border-radius:18px;margin-top:18px;padding:18px}.generate-bar>div{gap:10px;display:grid}.generate-bar .pipeline b{color:#d7f187;background:#314038}.generate-bar .primary{background:var(--lime);color:var(--ink);box-shadow:none}.article-stage>.pipeline{margin:18px 0}.article-tabs{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.article-tabs button{text-align:left;border:1px solid var(--line);color:var(--ink);background:#f8faf8;border-radius:15px;gap:4px;padding:16px;display:grid}.article-tabs button.active{border-color:var(--green);background:#eef8f1}.article-tabs span,.article-tabs small{color:var(--muted);font-size:11px}.article-tabs b{color:var(--green)}.editor-card{border:1px solid var(--line);background:#fcfdfb;border-radius:18px;margin-top:12px;padding:22px}.difference{color:#526232;background:#f0f4e4;border-radius:11px;margin-bottom:17px;padding:12px 14px;font-size:13px}.difference b{margin-right:10px}.editor-card label{color:var(--muted);gap:7px;margin-top:14px;font-size:12px;font-weight:700;display:grid}.editor-card input,.editor-card textarea,.refresh-box input{width:100%;color:var(--ink);background:#fff;border:1px solid #ccd6cd;border-radius:12px;outline:none}.editor-card input{padding:13px;font-size:18px;font-weight:800}.editor-card textarea{resize:vertical;min-height:430px;padding:16px;font-size:16px;line-height:1.9}.editor-actions{color:var(--muted);margin-top:12px;font-size:12px}.editor-actions button,.refresh-box button{background:var(--ink);color:#fff;border:0;border-radius:10px;padding:10px 15px;font-weight:800}.refresh-box{border:1px dashed #aebbb0;border-radius:16px;grid-template-columns:minmax(220px,1fr) 1.5fr auto;align-items:center;gap:14px;margin-top:18px;padding:18px;display:grid}.refresh-box b,.refresh-box p{margin:0;display:block}.refresh-box p{color:var(--muted);margin-top:5px;font-size:12px}.refresh-box input{padding:12px}@media (width<=960px){.studio-grid{grid-template-columns:1fr}.hot-panel{position:static}.hot-list{grid-template-columns:repeat(2,1fr);column-gap:16px}.article-tabs,.refresh-box{grid-template-columns:1fr}}@media (width<=640px){.topbar{padding:0 16px}.brand small,.live-pill{display:none}.studio-grid{padding:16px}.input-card,.topic-stage,.article-stage{border-radius:20px;padding:20px}.action-row,.stage-head{flex-direction:column;align-items:stretch}.action-row .primary{width:100%}.topic-card{grid-template-columns:32px minmax(0,1fr)}.radio-dot{display:none}.generate-bar{flex-direction:column;align-items:stretch}.generate-bar .primary{width:100%}.hot-list{grid-template-columns:1fr}}