/* 爆文转贴图：工作台内嵌视图，配色与全局 tokens 对齐 */
#article-visual .v3-meta { display:flex; margin-bottom:22px; color:#638675; }

#article-visual .av-layout { display:grid; grid-template-columns:minmax(340px,392px) minmax(0,1fr); gap:22px; align-items:start; }
#article-visual .av-col { display:flex; flex-direction:column; gap:16px; min-width:0; }
#article-visual .av-card {
  background:linear-gradient(135deg,#ffffffef,#f2faf5e6);
  border:1px solid #fff; border-radius:24px; box-shadow:0 18px 44px #29543d0f;
}
#article-visual .av-input-panel { padding:26px; }
#article-visual .av-micro { display:flex; align-items:center; gap:8px; color:#5f8a70; font-size:10px; letter-spacing:.16em; }
#article-visual .av-micro .line { width:24px; height:1px; background:#a7c9b4; }
#article-visual .av-title { margin:14px 0 10px; font-family:inherit; font-size:30px; line-height:1.32; font-weight:720; color:#244b39; letter-spacing:.2px; }
#article-visual .av-serif { font-family:"Songti SC","Noto Serif SC",serif; font-weight:600; }
#article-visual .av-lead { margin:0 0 18px; color:#678373; font-size:13px; line-height:1.85; }
#article-visual .av-step-head { display:flex; gap:10px; align-items:flex-start; margin:14px 0 10px; }
#article-visual .av-num { color:#2c8a5d; font-size:12px; font-weight:700; padding-top:2px; }
#article-visual .av-step-head strong { display:block; color:#244b39; font-size:14px; }
#article-visual .av-step-head small { display:block; color:#7b9687; font-size:11.5px; margin-top:3px; }
#article-visual .av-field { display:block; font-size:12px; color:#7b9687; margin:8px 0 7px; }
#article-visual .av-input-row { display:flex; gap:8px; }
#article-visual .av-input-row input {
  flex:1; min-width:0; height:46px; padding:0 14px; font-size:13px; color:#244b39;
  border:1.5px solid #2c8a5d; border-radius:12px; background:#fff; outline:none;
}
#article-visual .av-input-row input::placeholder { color:#9db3a6; }
#article-visual .av-hint { margin:9px 0 0; font-size:11px; color:#9ab3a5; }
#article-visual .av-hint.is-error { color:#b04a3a; }
#article-visual .av-note-line { margin-top:16px; padding-top:13px; border-top:1px dashed #d9e9de; font-size:11.5px; color:#8aa796; line-height:1.7; }

#article-visual .av-btn {
  display:inline-flex; align-items:center; justify-content:center; gap:6px;
  height:46px; padding:0 18px; border-radius:12px; border:1px solid #cfe3d6;
  background:#fff; color:#41614f; font-size:13px; font-weight:600; cursor:pointer;
  white-space:nowrap; text-decoration:none; transition:filter .15s, border-color .15s;
}
#article-visual .av-btn:hover { border-color:#a9cbb8; }
#article-visual .av-btn-primary { background:#2f8a5f; border-color:#2f8a5f; color:#fff; box-shadow:0 8px 18px #2f8a5f26; }
#article-visual .av-btn-ghost { background:#fff; color:#41614f; }
#article-visual .av-btn:disabled { opacity:.5; cursor:not-allowed; }
#article-visual .av-btn.small { height:38px; font-size:12px; padding:0 14px; border-radius:10px; }

#article-visual .av-article-panel { padding:22px; }
#article-visual .av-article-head { display:flex; justify-content:space-between; gap:12px; align-items:flex-start; }
#article-visual .av-article-head h2 { margin:0 0 6px; font-size:15px; line-height:1.55; color:#244b39; }
#article-visual .av-meta { margin:0; color:#8aa796; font-size:11px; }
#article-visual .av-thesis { margin:12px 0 0; padding:9px 11px; background:#eef7f1; border-radius:10px; font-size:11.5px; color:#41614f; line-height:1.65; }

#article-visual .av-workcard { padding:22px; }
#article-visual .av-tabs { display:grid; grid-template-columns:repeat(3,1fr); background:#e8f2eb; border:1px solid #d5e5da; border-radius:14px; padding:5px; gap:4px; }
#article-visual .av-tab {
  height:38px; border:0; border-radius:10px; background:transparent; cursor:pointer;
  display:flex; align-items:center; justify-content:center; gap:8px; font-size:12.5px; color:#5f806d;
}
#article-visual .av-tab b { font-size:11px; color:#8aa796; font-weight:600; }
#article-visual .av-tab.is-active { background:#fff; color:#244b39; font-weight:650; box-shadow:0 4px 12px #29543d0d; }
#article-visual .av-tab.is-active b { color:#2c8a5d; }
#article-visual .av-summary { display:flex; gap:18px; flex-wrap:wrap; margin:14px 2px 16px; font-size:11.5px; color:#7f9a8b; }
#article-visual .av-summary b { color:#2f6f4f; font-weight:650; }

#article-visual .av-empty h2, #article-visual .av-plan h2 { margin:0 0 8px; font-size:22px; line-height:1.4; font-weight:700; color:#244b39; }
#article-visual .av-empty > p, #article-visual .av-plan-sub { margin:0 0 16px; color:#678373; font-size:12.5px; line-height:1.8; }
#article-visual .av-features { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; margin-bottom:14px; }
#article-visual .av-feature { background:#ffffffb8; border:1px solid #dceade; border-radius:16px; padding:14px; }
#article-visual .av-feature > span { font-size:9.5px; color:#8aa796; letter-spacing:.12em; }
#article-visual .av-feature strong { display:block; font-size:13px; color:#244b39; margin:6px 0 4px; }
#article-visual .av-feature p { margin:0; color:#6d8a7a; font-size:11px; line-height:1.65; }
#article-visual .av-samples { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; margin-bottom:16px; }
#article-visual .av-sample { height:150px; border-radius:16px; padding:12px; display:flex; flex-direction:column; justify-content:space-between; border:1px solid #dceade; overflow:hidden; }
#article-visual .av-sample span { font-size:9px; letter-spacing:.12em; color:#cfe6d8; }
#article-visual .av-sample b { font-family:"Songti SC",serif; font-size:24px; line-height:1.12; color:#fff; }
#article-visual .av-sample small { font-size:10px; color:#9fc4ae; }
#article-visual .av-sample.a { background:linear-gradient(160deg,#13251f,#0b1210); }
#article-visual .av-sample.b { background:#0b0d0f; }
#article-visual .av-sample.b b { font-size:30px; }
#article-visual .av-sample.c { background:linear-gradient(160deg,#e9e4d8,#cfc8b8); }
#article-visual .av-sample.c span, #article-visual .av-sample.c small { color:#5d6a5f; }
#article-visual .av-sample.c b { color:#1d2a22; font-size:20px; }
#article-visual .av-flow { display:flex; align-items:flex-start; gap:0; list-style:none; padding:0; margin:0; }
#article-visual .av-flow li { flex:1; display:flex; flex-direction:column; gap:4px; position:relative; padding-right:10px; }
#article-visual .av-flow li:not(:last-child):after { content:""; position:absolute; left:26px; right:8px; top:9px; height:1px; background:#cfe3d6; }
#article-visual .av-flow b { font-size:10px; color:#2c8a5d; position:relative; z-index:1; width:22px; }
#article-visual .av-flow span { font-size:11.5px; color:#41614f; line-height:1.5; }

#article-visual .av-slot-grid { display:grid; grid-template-columns:1fr 1fr; gap:10px; }
#article-visual .av-slot-card {
  display:flex; gap:11px; text-align:left; padding:12px; border-radius:16px;
  border:1px solid #dceade; background:#ffffffc9; cursor:pointer; font:inherit; color:inherit;
  transition:border-color .15s, box-shadow .15s;
}
#article-visual .av-slot-card:hover { border-color:#b9dcc6; box-shadow:0 8px 20px #29543d0d; }
#article-visual .av-slot-card.is-cover { border-color:#b9dcc6; background:linear-gradient(135deg,#ffffff,#eef8f1); }
#article-visual .av-slot-card.is-active { border-color:#2f8a5f; box-shadow:0 0 0 2px #2f8a5f1f; }
#article-visual .av-slot-thumb {
  width:60px; height:80px; border-radius:8px; flex:none; overflow:hidden;
  background:linear-gradient(160deg,#12211d,#0a0f0d); color:#f4d24c;
  display:flex; align-items:center; justify-content:center; text-align:center;
  font-size:9px; font-weight:700; line-height:1.3; padding:5px;
}
#article-visual .av-slot-info { min-width:0; }
#article-visual .av-slot-cap { display:flex; align-items:center; gap:6px; font-size:9.5px; color:#8aa796; letter-spacing:.06em; }
#article-visual .av-slot-cap em { font-style:normal; background:#eaf4ed; color:#2f7a55; padding:1px 6px; border-radius:999px; }
#article-visual .av-slot-info h3 { margin:4px 0 4px; font-size:13px; line-height:1.45; color:#244b39; }
#article-visual .av-slot-info p { margin:0 0 6px; font-size:10.5px; color:#6d8a7a; line-height:1.55; }
#article-visual .av-chips { display:flex; gap:4px; flex-wrap:wrap; }
#article-visual .av-chips span { font-size:9.5px; color:#5a7a67; background:#eef6f1; border:1px solid #dceade; border-radius:999px; padding:1px 6px; }

#article-visual .av-stage-head { display:flex; justify-content:space-between; align-items:baseline; margin-bottom:10px; }
#article-visual .av-stage-head h3 { margin:0; font-size:15px; color:#244b39; }
#article-visual .av-stage-status { font-size:11px; color:#8aa796; }
#article-visual .av-stage-status.is-ok { color:#2f7a55; }
#article-visual .av-stage-status.is-busy { color:#b07a2a; }
#article-visual .av-preview { background:#f3f9f5; border:1px dashed #cfe3d6; border-radius:16px; min-height:360px; padding:14px; }
#article-visual .av-preview img { display:block; margin:0 auto; width:auto !important; height:auto !important; max-width:100%; max-height:520px; object-fit:contain; border-radius:10px; }
#article-visual .av-preview-empty { min-height:330px; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; color:#8aa796; font-size:12px; }
#article-visual .av-preview-icon { display:inline-grid; place-items:center; width:56px; height:56px; border-radius:14px; background:#e8f2eb; color:#6f917d; font-size:12px; margin-bottom:8px; }
#article-visual .av-cover-styles { display:flex; align-items:center; gap:6px; flex-wrap:wrap; margin-top:12px; }
#article-visual .av-cover-styles-label { font-size:11px; color:#8aa796; }
#article-visual .av-style-chip { height:30px; padding:0 12px; border-radius:999px; border:1px solid #cfe3d6; background:#fff; color:#5a7a67; font-size:12px; cursor:pointer; }
#article-visual .av-style-chip.is-active { background:#2f8a5f; border-color:#2f8a5f; color:#fff; }
#article-visual .av-editor { margin-top:12px; }
#article-visual .av-editor label { display:block; font-size:11px; color:#8aa796; margin-bottom:5px; }
#article-visual .av-editor input { width:100%; height:38px; padding:0 11px; border:1px solid #cfe3d6; border-radius:9px; font-size:13px; color:#244b39; background:#fff; }
#article-visual .av-actions { display:flex; gap:8px; margin-top:12px; flex-wrap:wrap; }
#article-visual .av-note { margin:10px 0 0; font-size:11px; color:#8aa796; line-height:1.6; }

#article-visual .av-gallery-head { display:flex; justify-content:space-between; align-items:center; margin-bottom:12px; }
#article-visual .av-gallery-head h3 { margin:0; font-size:15px; }
#article-visual .av-gallery { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; }
#article-visual .av-gallery-empty { color:#8aa796; font-size:12px; }
#article-visual .av-card { background:#fff; border:1px solid #dceade; border-radius:12px; overflow:hidden; }
#article-visual .av-card img { width:100%; display:block; }
#article-visual .av-card-foot { padding:7px 9px; display:flex; justify-content:space-between; gap:6px; font-size:10px; color:#7b9687; }
#article-visual .av-toast { position:fixed; left:50%; bottom:30px; transform:translateX(-50%); background:#244b39; color:#fff; padding:9px 15px; border-radius:10px; font-size:12px; z-index:60; }

@media (max-width:1180px) { #article-visual .av-layout { grid-template-columns:1fr; } }
@media (max-width:680px) {
  #article-visual .av-title { font-size:25px; }
  #article-visual .av-slot-grid, #article-visual .av-gallery { grid-template-columns:1fr; }
  #article-visual .av-features, #article-visual .av-samples { grid-template-columns:1fr; }
  #article-visual .av-flow { flex-wrap:wrap; gap:8px; }
}

#article-visual .av-angle-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px;margin:12px 0 20px}
#article-visual .av-angle-option{display:flex;flex-direction:column;text-align:left;gap:8px;padding:17px;border:1px solid #d6e8dc;border-radius:14px;background:#f5faf6;color:#284c39;cursor:pointer}
#article-visual .av-angle-option.is-active{border-color:#31845b;background:#e9f5ec}
#article-visual .av-angle-option strong{font-size:16px;line-height:1.5}
#article-visual .av-angle-option span,#article-visual .av-angle-option small{line-height:1.6;color:#668372}
#article-visual .av-evidence{display:block;margin-top:8px;color:#668372;font-size:12px;line-height:1.6}
#article-visual #av-angles summary{cursor:pointer;color:#23734c;font-weight:600}
#article-visual [hidden]{display:none!important}

#article-visual #av-angles>.av-btn{margin:0 0 20px}
#article-visual .av-angle-option:disabled{cursor:not-allowed;opacity:.7}
#article-visual .av-angle-option:focus-visible{outline:3px solid #68aa83;outline-offset:2px}
#article-visual .av-delivery-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;align-items:start}#article-visual .av-delivery-layout .av-gallery{min-width:0}#article-visual .remix-publication{padding:22px;border:1px solid #d8ebe0;border-radius:20px;background:#fbfffc;box-shadow:0 12px 36px #1f6a4110;color:#244b39}#article-visual #av-publication:empty{display:none}@media(max-width:900px){#article-visual .av-delivery-layout{grid-template-columns:1fr}#article-visual .remix-publication{padding:16px}}