/* 每日金句海报 · 控制面板样式
 *
 * 面板复用编辑器的 pe-modal 弹层，所以这里只管内容排版，
 * 不碰弹层本身的定位与遮罩。
 */

.pe-btn-dq{
  background:linear-gradient(135deg,#1a4d2e,#2d7a4e);
  color:#fff;border-color:#1a4d2e;font-weight:700;
}
.pe-btn-dq:hover{background:linear-gradient(135deg,#153f26,#256840);color:#fff}

.dq-panel{position:relative;max-width:520px;font-size:13px;color:#243027}

.dq-busy{
  position:absolute;inset:0;z-index:5;
  display:flex;align-items:center;justify-content:center;
  background:rgba(255,255,255,.72);border-radius:10px;
  font-size:13px;font-weight:700;color:#1a4d2e;
}
.dq-busy b{display:block;font-size:13px;letter-spacing:.02em}
.dq-busy-track{display:block;height:5px;margin-top:8px;overflow:hidden;border-radius:99px;background:rgba(255,255,255,.28)}
.dq-busy-track i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#f8c968,#fff4c9);transition:width .25s ease}

.dq-sec{
  padding:12px 0;border-bottom:1px solid #e8f0ea;
}
.dq-sec:last-of-type{border-bottom:0}
.dq-sec-h{
  font-size:13px;font-weight:800;color:#1a4d2e;margin-bottom:9px;
  display:flex;align-items:center;gap:6px;
}
.dq-sec-h::before{
  content:'';width:3px;height:13px;border-radius:2px;background:#2d7a4e;
}

/* 三种生成器共用的首屏行动区：先选择目的，再展开参数，避免第一次使用就掉进控件海。 */
.pf-workflow{
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  padding:13px 14px;margin-bottom:4px;border:1px solid #d8e8dc;border-radius:12px;
  background:linear-gradient(135deg,#f5fbf6,#edf6ef);
}
.pf-workflow b{display:block;color:#123f26;font-size:14px;line-height:1.45}
.pf-workflow span{display:block;margin-top:2px;color:#63766a;font-size:12px;line-height:1.55}
.pf-workflow .dq-chips{justify-content:flex-end}
.pf-workflow-farm{align-items:flex-start}
.pf-workflow-dark{background:linear-gradient(135deg,#1c2c27,#17231f);border-color:#365348}
.pf-workflow-dark b{color:#f4fbf5}.pf-workflow-dark span{color:#b7c9be}
.pf-workflow-dark .dq-chip{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.22);color:#e7f3eb}
.pf-workflow-dark .dq-chip:hover{background:rgba(255,255,255,.16)}
.pf-workflow-dark .dq-chip.on{background:#e5b94f;border-color:#e5b94f;color:#193126}

/* 金句预览：这是面板里最该被一眼看到的东西 */
.dq-q{
  padding:13px 14px;border-radius:11px;
  background:linear-gradient(135deg,#f3f9f5,#eaf4ee);
  border:1px solid #dbeade;margin-bottom:10px;
}
.dq-q-text{font-size:16px;font-weight:700;line-height:1.65;color:#123f26}
.dq-q-src{margin-top:6px;font-size:12px;color:#6b7d72;text-align:right}

.dq-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:8px}
.dq-row .pe-input{flex:1;min-width:0}
.dq-row .pe-btn{flex:0 0 auto}

.dq-lab{display:block;font-size:12px;color:#6b7d72;margin:9px 0 5px}
.dq-ta{width:100%;resize:vertical;font-family:inherit;line-height:1.6}

/* 配色条：把算出来的六个色摆出来，能一眼看出取色对不对 */
.dq-palette{display:flex;gap:0;border-radius:9px;overflow:hidden;border:1px solid #dfe8e2;height:30px}
.dq-palette i{flex:1;display:block}

.dq-check{display:flex;align-items:center;gap:7px;margin-bottom:9px;font-size:13px;cursor:pointer}
.dq-check input{width:16px;height:16px;accent-color:#2d7a4e}

.dq-tip{
  margin:8px 0 0;padding:9px 11px;border-radius:9px;
  background:#fbfaf3;border:1px solid #ece5cb;
  font-size:12px;line-height:1.7;color:#7a6a3c;
}

.dq-chips{display:flex;flex-wrap:wrap;gap:7px}
.dq-chip{
  min-height:34px;padding:6px 13px;border-radius:999px;
  border:1px solid #d9e7dd;background:#fff;color:#1a4d2e;
  font-size:13px;font-weight:700;cursor:pointer;
}
.dq-chip:hover{background:#f2faf5}
.dq-chip.on{background:#1a4d2e;color:#fff;border-color:#1a4d2e}

.dq-foot{
  display:flex;gap:8px;flex-wrap:wrap;
  padding-top:13px;margin-top:4px;border-top:1px solid #e8f0ea;
}

/* 窄屏：弹层本身会撑满，这里把控件改成整行，触控目标够大 */
@media (max-width:560px){
  .dq-panel{max-width:100%}
  .dq-row{gap:7px}
  .dq-row .pe-input,
  .dq-row .pe-btn{flex:1 1 100%;min-height:42px}
  .dq-q-text{font-size:15px}
  .dq-foot .pe-btn{flex:1 1 100%;min-height:44px}
  .dq-chip{min-height:38px;flex:1 1 auto;text-align:center}
  .pf-workflow{display:block;padding:12px}.pf-workflow .pe-btn{width:100%;margin-top:10px;min-height:42px}
  .pf-workflow .dq-chips{margin-top:10px}.pf-workflow .dq-chip{min-width:0}
}