/* Clavis 外壳（Kids / Junior / Adult）。配色沿用站点变量，缺省值保证单独打开也正常 */
.cv{--cv-ink:#2a2722;--cv-sub:#6f6a60;--cv-line:#e3ddd0;--cv-card:#fffdf8;--cv-ac:#1b6f8a;display:block;background:transparent}
.cv.mx-app.kids{border-radius:20px;padding:12px}
.cv-modes{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 12px}
.cv-mode{display:flex;flex-direction:column;gap:2px;padding:8px 16px;border:1px solid var(--cv-line);border-radius:12px;background:var(--cv-card);color:var(--cv-ink);text-decoration:none;min-width:130px}
.cv-mode b{font-size:15px}.cv-mode small{font-size:11px;color:var(--cv-sub)}
.cv-mode.on{border-color:var(--cv-ac);box-shadow:0 0 0 2px color-mix(in srgb,var(--cv-ac) 18%,transparent)}
.cv-bar{display:flex;align-items:flex-end;gap:10px;flex-wrap:wrap;margin:0 0 12px}
.cv-bar label{display:flex;flex-direction:column;gap:3px;font-size:12px;color:var(--cv-sub)}
.cv-sel{font:inherit;font-size:14px;border:1px solid var(--cv-line);border-radius:10px;padding:8px 10px;background:var(--cv-card);min-width:190px;color:var(--cv-ink)}
.cv-swap{font:inherit;font-size:18px;border:1px solid var(--cv-line);border-radius:50%;width:38px;height:38px;background:var(--cv-card);cursor:pointer;color:var(--cv-ink)}
.cv-seg{margin-left:auto;display:inline-flex;border:1px solid var(--cv-line);border-radius:10px;overflow:hidden}
.cv-seg button{font:inherit;font-size:12px;padding:6px 10px;border:0;background:none;cursor:pointer;color:var(--cv-sub)}
.cv-seg button.on{background:var(--cv-ac);color:#fff}
.cv-io{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:start}
@media(max-width:820px){.cv-io{grid-template-columns:1fr}.cv-sel{min-width:0;width:100%}.cv-bar label{flex:1 1 140px}}
.cv .mx-card{margin-bottom:12px}
.cv-ta{width:100%;box-sizing:border-box;font-size:16px;line-height:1.5}
.cv-out .cv-t{font-size:22px;line-height:1.5;margin:6px 0 10px;word-break:break-word}
.cv-adult .cv-out .cv-t{font-size:20px}
.cv-kids .cv-out .cv-t{font-size:28px}
.cv-det{font-size:12px;color:var(--cv-sub);margin:0}
.cv-acts{display:flex;gap:8px;flex-wrap:wrap}
.cv-empty{min-height:120px;display:flex;align-items:center}
.cv-ents{margin:4px 0 8px}
.cv-chips{display:flex;gap:8px;flex-wrap:wrap}
.cv-chip{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--cv-line);border-radius:999px;background:var(--cv-card);padding:6px 12px;cursor:pointer;font:inherit;font-size:14px;color:var(--cv-ink)}
.cv-chip i{font-style:normal}.cv-chip small{color:var(--cv-sub);font-size:11px}
.cv-why{margin:10px 0}
details.cv-why{border:1px solid var(--cv-line);border-radius:14px;background:var(--cv-card);padding:0}
details.cv-why>summary{cursor:pointer;padding:14px 16px;display:flex;flex-direction:column;gap:2px;list-style:none}
details.cv-why>summary span{font-size:12px;color:var(--cv-sub)}
details.cv-why[open]>summary{border-bottom:1px solid var(--cv-line)}
details.cv-why>.cv-widget,details.cv-why>iframe{margin:12px}
.cv-frame{width:calc(100% - 0px);min-height:560px;border:0;display:block;background:transparent}
.cv-kidhint{font-size:18px;margin:8px 0}
.cv-kidwords{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:12px}
.cv-kw{font:inherit;font-size:20px;border:2px solid var(--cv-line);border-radius:14px;background:#fff;padding:8px 16px;cursor:pointer}
.cv-kw.on{border-color:var(--cv-ac)}
.cv-more{margin-top:12px}.cv-more>summary{cursor:pointer;color:var(--cv-sub)}
.cv-live{font-size:12px;margin-left:8px}
/* Kids / Junior 集成页：语种标签 + 嵌入现有页面 */
.cvh-langs{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 10px}
.cvh-lang{font:inherit;display:flex;flex-direction:column;align-items:flex-start;gap:1px;border:1px solid var(--cv-line);border-radius:12px;background:var(--cv-card);padding:7px 14px;cursor:pointer;color:var(--cv-ink);min-width:96px}
.cvh-lang b{font-size:14px}.cvh-lang small{font-size:11px;color:var(--cv-sub)}
.cvh-lang.on{border-color:var(--cv-ac);box-shadow:0 0 0 2px color-mix(in srgb,var(--cv-ac) 18%,transparent)}
.cvh-views{display:flex;gap:6px;margin:0 0 10px}
.cvh-view{font:inherit;font-size:13px;border:1px solid var(--cv-line);border-radius:999px;background:transparent;padding:5px 14px;cursor:pointer;color:var(--cv-sub)}
.cvh-view.on{background:var(--cv-ac);border-color:var(--cv-ac);color:#fff}
.cvh .cv-frame{width:100%;border-radius:16px}