/* article 三栏工作台:左=步骤导航  中=编辑器  右=分析栏(SEO / 大纲 / AI / 导出)
   只做布局与视觉,依赖 theme-v2.css 变量。 */

/* ---------- 配色:把页面里的 blue / indigo 统一到森林绿 + 玉色 ---------- */
body div[style*="1e1b4b"]{background:linear-gradient(135deg,#09110d 0%,#0f2018 55%,#14301f 100%)!important}
body .text-blue-400,body .text-blue-500,body .text-blue-600,body .text-indigo-500,body .text-indigo-600{color:#1c9a73!important}
body .text-blue-700,body .text-blue-800,body .text-indigo-700,body .text-indigo-800{color:#17382c!important}
body .bg-blue-50,body .bg-indigo-50,body .bg-blue-50\/30{background-color:#eef6f1!important}
body .bg-blue-100,body .bg-indigo-100{background-color:#dcefe5!important}
body .hover\:bg-blue-100:hover,body .hover\:bg-indigo-100:hover{background-color:#cfe8dc!important}
body .border-blue-100,body .border-blue-200,body .border-indigo-200,body .border-blue-300{border-color:#bfe0d0!important}
body .bg-blue-600,body .bg-indigo-600,body .bg-blue-500{background-color:#17382c!important}
body .hover\:bg-blue-700:hover,body .hover\:bg-indigo-700:hover{background-color:#1f7d5d!important}
body .bg-gradient-to-r.from-blue-600{background-image:linear-gradient(135deg,#12281f,#1f7d5d)!important}
body .btn-primary-gradient{background:linear-gradient(135deg,#12281f,#1f7d5d)!important;box-shadow:0 10px 22px -10px rgba(18,40,31,.65)!important}
body .form-control:focus{border-color:#2fbf90!important;box-shadow:0 0 0 3px rgba(47,191,144,.18)!important}
body .builder-config-card:hover{border-color:#7fcdb0!important;box-shadow:0 2px 10px rgba(28,154,115,.1)!important}
body .checkbox-card.selected,body .checkbox-card.bg-blue-50{border-color:#1c9a73!important;background:#eef6f1!important}
body .step-line::before{background:linear-gradient(#bfe0d0,#e3e9e4)!important}
body .w-6.h-6.rounded-full.bg-blue-100{background:#17382c!important;color:#eaf5ef!important;border-color:#17382c!important}

/* ---------- 三栏骨架 ---------- */
body main.flex-1{max-width:1840px!important;padding:12px 20px!important}
@media (min-width:1280px){
  body #atGrid{grid-template-columns:minmax(300px,340px) minmax(0,1fr) 312px!important;gap:16px!important;transition:grid-template-columns .25s ease}
  body #atGrid > *{grid-column:auto!important;min-height:0}
  body #atGrid.at-collapsed{grid-template-columns:56px minmax(0,1fr) 312px!important}
  body #atGrid.at-collapsed > :nth-child(1) > :not(.panel-head){display:none!important}
  body #atGrid.at-collapsed > :nth-child(1) .panel-head span{display:none}
  body #atGrid.at-collapsed > :nth-child(1) .panel-head{padding:14px 0!important;display:flex;justify-content:center}
  body #atGrid.at-collapsed > :nth-child(1) .panel-head #atFold{margin:0}
}
@media (max-width:1279px){
  body #atRail{margin-top:4px}
}
body .panel-card{border-radius:18px!important;border:1px solid #dce4de!important;box-shadow:none!important;background:#fff}
body .panel-head{background:#f5f8f5!important;border-bottom:1px solid #dce4de!important;display:flex;align-items:center;justify-content:space-between}
body .bg-slate-50.border-b.border-slate-200.px-2.pt-2{background:#f5f8f5!important}
body .builder-tab-btn.text-blue-600{color:#17382c!important;font-weight:800}
#atFold{width:28px;height:28px;border-radius:8px;border:1px solid #dce4de;background:#fff;color:#1c4a39;cursor:pointer;font-size:12px}
#atFold:hover{border-color:#2fbf90;background:#e8f6ef}

/* 编辑区更大、更像稿纸 */
body #builder-tab-editor .flex-none[style*="70vh"]{height:calc(100vh - 360px)!important;min-height:420px!important;border-radius:14px!important;border-color:#dce4de!important}
body #builder-native-editor{font-size:16.5px!important;line-height:1.85!important;color:#1b2a22;padding:28px 44px 40px!important;max-width:none!important;width:100%;margin:0!important;box-sizing:border-box}
body #builder-native-editor h1,body #builder-native-editor h2,body #builder-native-editor h3{font-family:'Noto Serif SC','Songti SC',Georgia,serif;color:#0b1410;font-weight:900;line-height:1.35}
body #builder-native-editor h2{font-size:1.5em;margin:1.6em 0 .6em;padding-left:12px;border-left:4px solid #2fbf90}
body #builder-native-editor h3{font-size:1.2em;margin:1.3em 0 .5em}
body #builder-native-editor p{margin:0 0 1em}
body #builder-native-editor blockquote{border-left:4px solid #f2bd5b;background:#fdf8ea;margin:1em 0;padding:10px 16px;border-radius:0 10px 10px 0}
body #builder-native-editor a{color:#1c9a73;text-decoration:underline}
body #builder-native-editor table{border-collapse:collapse;width:100%;margin:1em 0}
body #builder-native-editor th,body #builder-native-editor td{border:1px solid #dce4de;padding:8px 10px}
body #builder-native-editor th{background:#eef2ee}
body #builder-native-editor nav.toc{background:#f5f8f5;border:1px solid #dce4de;border-radius:12px;padding:10px 18px;margin:1em 0}
body #builder-native-editor hr{border:0;border-top:1px dashed #9fc2b0;margin:1.6em 0}
.ql-toolbar{position:sticky;top:0;z-index:5}
.ql-toolbar .at-sep{width:1px;height:16px;background:#cbd5d0;margin:0 3px}
.ql-toolbar .at-t{padding:3px 8px;border-radius:6px;color:#1c4a39;font-size:12px;transition:background .15s}
.ql-toolbar .at-t:hover{background:#dcefe5}
.ql-toolbar .at-t.on{background:#17382c;color:#eaf5ef}

/* 查找替换条 */
#atFind{display:none;gap:6px;align-items:center;padding:8px 12px;background:#fdf8ea;border:1px solid #f2d68e;border-radius:12px;margin-bottom:8px;flex-wrap:wrap}
#atFind.on{display:flex}
#atFind input{border:1px solid #e8d9a8;border-radius:8px;padding:5px 9px;font-size:12px;background:#fff;min-width:0;flex:1 1 120px}
#atFind button{font-size:12px;font-weight:700;padding:5px 11px;border-radius:8px;border:1px solid #e8d9a8;background:#fff;color:#6b4a0e;cursor:pointer}
#atFind button:hover{background:#fff3cf}
#atFind small{color:#6b4a0e;font-size:11px}

/* 专注模式 */
body.at-focus #pvHeaderMount,body.at-focus div[style*="1e1b4b"],body.at-focus div[style*="09110d 0%"]{display:none!important}
body.at-focus #atGrid{grid-template-columns:minmax(0,1fr)!important}
body.at-focus #atGrid > :nth-child(1),body.at-focus #atGrid > #atRail{display:none!important}
body.at-focus #builder-tab-editor .flex-none[style*="70vh"]{height:calc(100vh - 150px)!important}
body.at-focus #builder-tab-editor > :not(.flex-none):not(.mt-4){display:none!important}

/* ---------- 右栏 ---------- */
#atRail{display:flex;flex-direction:column;gap:12px;overflow-y:auto;padding-right:2px}
#atRail > details,#atRail > section{background:#fff;border:1px solid #dce4de;border-radius:18px;flex:none}
#atRail summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;padding:13px 15px;font-family:'Noto Serif SC',serif;font-weight:900;font-size:14px;color:#12281f}
#atRail summary::-webkit-details-marker{display:none}
#atRail summary i{font-style:normal;font-family:'JetBrains Mono',monospace;font-size:9px;letter-spacing:.14em;color:#2a9a74;text-transform:uppercase;font-weight:400}
#atRail details[open] > summary{border-bottom:1px solid #eef2ee}
.at-bd{padding:13px 15px 15px}
.at-score{display:flex;align-items:center;gap:14px;margin-bottom:12px}
.at-ring{width:74px;height:74px;border-radius:50%;flex:none;display:flex;align-items:center;justify-content:center;background:conic-gradient(var(--c,#2fbf90) calc(var(--p,0)*1%),#e3e9e4 0)}
.at-ring span{width:58px;height:58px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:22px;color:#12281f;font-family:'Noto Serif SC',serif}
.at-sc-t{font-size:12px;color:#62736a;line-height:1.5}
.at-sc-t b{display:block;font-size:14px;color:#12281f;margin-bottom:2px}
.at-ck{display:flex;gap:8px;padding:7px 0;border-top:1px solid #f0f4f1;font-size:12px;line-height:1.45}
.at-ck:first-child{border-top:0}
.at-ck .ic{flex:none;width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:900;color:#fff;margin-top:1px}
.at-ck.ok .ic{background:#1c9a73}.at-ck.warn .ic{background:#e0a02f}.at-ck.bad .ic{background:#d9534f}
.at-ck b{color:#12281f;font-weight:700}
.at-ck span{color:#62736a;display:block;font-size:11px}
.at-kw{width:100%;font-size:11px;border-collapse:collapse;margin-top:6px}
.at-kw td,.at-kw th{padding:4px 4px;border-top:1px solid #f0f4f1;text-align:left}
.at-kw th{color:#62736a;font-weight:600;font-size:10px}
.at-empty{font-size:12px;color:#62736a;padding:6px 0;line-height:1.6}
.at-ol{list-style:none;margin:0;padding:0;max-height:260px;overflow-y:auto}
.at-ol li{padding:5px 8px;border-radius:8px;font-size:12px;cursor:pointer;display:flex;justify-content:space-between;gap:8px;color:#1c4a39}
.at-ol li:hover{background:#eef6f1}
.at-ol li small{color:#8aa096;flex:none}
.at-ol li.l3{padding-left:22px;color:#62736a}
.at-chips{display:flex;flex-wrap:wrap;gap:6px}
.at-chip{font-size:11.5px;font-weight:700;padding:6px 10px;border-radius:99px;border:1px solid #dce4de;background:#f5f8f5;color:#1c4a39;cursor:pointer;transition:all .15s}
.at-chip:hover{border-color:#2fbf90;background:#e8f6ef}
.at-chip.pri{background:linear-gradient(135deg,#12281f,#1f7d5d);color:#eaf5ef;border-color:transparent}
.at-grid2{display:grid;grid-template-columns:1fr 1fr;gap:7px}
.at-b{font-size:12px;font-weight:700;padding:9px 6px;border-radius:11px;border:1px solid #dce4de;background:#f5f8f5;color:#1c4a39;cursor:pointer;text-align:center;line-height:1.25;transition:all .15s}
.at-b:hover{border-color:#2fbf90;background:#e8f6ef;transform:translateY(-1px)}
.at-b.full{grid-column:1/-1}
.at-b.pri{background:linear-gradient(135deg,#12281f,#1f7d5d);color:#eaf5ef;border-color:transparent}
.at-h{font-size:10px;letter-spacing:.14em;color:#2a9a74;font-family:'JetBrains Mono',monospace;margin:12px 0 6px;text-transform:uppercase}
.at-h:first-child{margin-top:0}
.at-note{font-size:10.5px;color:#62736a;line-height:1.55;margin-top:8px}

/* ---------- 选区 AI 浮条 ---------- */
#atSel{position:fixed;z-index:10050;display:none;background:#0b1410;border-radius:12px;padding:5px;gap:2px;box-shadow:0 14px 30px -8px rgba(0,0,0,.45)}
#atSel.on{display:flex}
#atSel button{border:0;background:transparent;color:#eaf5ef;font-size:12px;font-weight:700;padding:6px 10px;border-radius:8px;cursor:pointer;white-space:nowrap}
#atSel button:hover{background:#1f7d5d}
#atSel::after{content:"";position:absolute;left:50%;bottom:-5px;width:10px;height:10px;background:#0b1410;transform:translateX(-50%) rotate(45deg)}
#atRes{position:fixed;z-index:10051;display:none;width:min(420px,92vw);background:#fff;border:1px solid #dce4de;border-radius:16px;box-shadow:0 24px 50px -14px rgba(11,20,16,.5);overflow:hidden}
#atRes.on{display:block}
#atRes header{padding:10px 14px;background:#f5f8f5;border-bottom:1px solid #dce4de;display:flex;justify-content:space-between;align-items:center;font-weight:800;font-size:13px;color:#12281f}
#atRes header button{border:0;background:transparent;font-size:18px;cursor:pointer;color:#62736a}
#atRes .bd{padding:12px 14px;font-size:13.5px;line-height:1.75;color:#1b2a22;max-height:260px;overflow-y:auto;white-space:pre-wrap}
#atRes .bd.ld{color:#62736a}
#atRes footer{display:flex;gap:6px;padding:10px 12px;border-top:1px solid #eef2ee;flex-wrap:wrap}
#atRes footer button{font-size:12px;font-weight:700;padding:7px 12px;border-radius:9px;border:1px solid #dce4de;background:#fff;color:#1c4a39;cursor:pointer}
#atRes footer button.pri{background:#17382c;color:#eaf5ef;border-color:transparent;flex:1}

/* 头部与主体同宽 */
body .pv-hd-in{max-width:1840px!important;padding-left:20px!important;padding-right:20px!important}

/* 页脚与主体同宽 */
body .sf-wrap,body .sf-bottom{max-width:1840px!important}

/* ---------- 按钮配色与图标修正 ---------- */
body #btn-analyze-lsi,body #btn-analyze-seokw{background:#eef6f1!important;color:#17382c!important;border:1px solid #bfe0d0!important;box-shadow:none!important;background-image:none!important}
body #btn-analyze-lsi:hover,body #btn-analyze-seokw:hover{background:#dcefe5!important;border-color:#2fbf90!important}
body #btn-analyze-lsi i,body #btn-analyze-seokw i{color:#1c9a73!important}
body #btn-web-research{background:linear-gradient(135deg,#0f766e,#115e59)!important;color:#fff!important;border:1px solid #115e59!important;box-shadow:none!important}
body #btn-ai-fill-params{background:linear-gradient(135deg,#f2bd5b,#e0a02f)!important;color:#2b1d03!important;border:1px solid #d6962a!important;box-shadow:none!important}
body #btn-builder-outline{background:linear-gradient(135deg,#12281f,#1f7d5d)!important;color:#eaf5ef!important;box-shadow:none!important}
body #btn-web-research:hover,body #btn-ai-fill-params:hover,body #btn-builder-outline:hover{filter:brightness(1.07);transform:translateY(-1px)}
body #btn-web-research i,body #btn-ai-fill-params i,body #btn-builder-outline i{color:inherit!important;opacity:.95}
body #btn-analyze-lsi:disabled,body #btn-analyze-seokw:disabled,body #btn-web-research:disabled,body #btn-ai-fill-params:disabled,body #btn-builder-outline:disabled{opacity:.6;cursor:not-allowed}