
.gfgoai-cm{--bg:#0b1220;--card:#121c31;--text:#e9eefc;--muted:#a9b4d6;--accent:#4ea1ff;--good:#3ddc97;--bad:#ff5c7a;--shadow:0 10px 30px rgba(0,0,0,.35);--radius:16px;font-family:system-ui,-apple-system,Segoe UI,Roboto,"Noto Sans TC","PingFang TC","Microsoft JhengHei",Arial,sans-serif;color:var(--text)}
.gfgoai-cm__hero{padding:14px 12px;background:radial-gradient(1200px 600px at 30% -10%, rgba(78,161,255,.18), transparent 60%),radial-gradient(900px 500px at 90% 0%, rgba(255,209,102,.12), transparent 55%),rgba(11,18,32,.6);border:1px solid rgba(255,255,255,.06);border-radius:16px;margin:12px 0}
.gfgoai-cm__title{font-size:16px;font-weight:800}
.gfgoai-cm__sub{margin-top:6px;font-size:12px;color:var(--muted);line-height:1.45}
.gfgoai-cm__note{opacity:.9}
.gfgoai-cm__controls{margin-top:10px;display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.cm-btn{appearance:none;border:1px solid rgba(255,255,255,.14);background:rgba(0,0,0,.18);color:var(--text);padding:10px 12px;border-radius:12px;cursor:pointer;font-size:13px}
.cm-btn:active{transform:translateY(1px)}
.cm-btn--primary{border-color:rgba(78,161,255,.75);background:radial-gradient(circle at 30% 20%, rgba(78,161,255,.28), rgba(0,0,0,.18))}
.cm-btn--good{border-color:rgba(61,220,151,.75)}
.cm-btn--bad{border-color:rgba(255,92,122,.75)}
.cm-chip{display:flex;gap:8px;align-items:center;padding:8px 10px;border-radius:12px;border:1px solid rgba(255,255,255,.10);background:rgba(0,0,0,.14);font-size:12px;color:var(--muted)}
.cm-chip select{margin-left:6px;padding:8px 10px;border-radius:12px;border:1px solid rgba(255,255,255,.14);background:rgba(0,0,0,.22);color:var(--text)}
.gfgoai-cm__grid{display:grid;grid-template-columns:1.4fr .8fr;gap:14px;align-items:start}
@media (max-width: 980px){.gfgoai-cm__grid{grid-template-columns:1fr}}
.gfgoai-cm__card{background:linear-gradient(180deg, rgba(18,28,49,.92), rgba(18,28,49,.72));border:1px solid rgba(255,255,255,.06);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}
.cm-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding:12px;border-bottom:1px solid rgba(255,255,255,.06)}
@media (max-width: 640px){.cm-kpis{grid-template-columns:repeat(2,1fr)}}
.cm-kpi{background:rgba(0,0,0,.16);border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:10px}
.cm-kpi .k{font-size:11px;color:var(--muted)}
.cm-kpi .v{margin-top:4px;font-size:14px;font-weight:800}
.cm-qbox{padding:14px}
.cm-label{font-size:12px;color:var(--muted)}
.cm-q{margin-top:8px;font-size:18px;line-height:1.35;font-weight:800;letter-spacing:.2px}
.cm-qzh{margin-top:8px;font-size:14px;color:var(--muted);line-height:1.35}
.cm-actions{margin-top:12px;display:flex;flex-wrap:wrap;gap:10px}
.cm-answers{margin-top:12px;border-top:1px solid rgba(255,255,255,.06);padding-top:12px}
.cm-answers .a{padding:10px 10px;border:1px solid rgba(255,255,255,.10);border-radius:12px;background:rgba(0,0,0,.14);margin-top:8px}
.cm-answers .a .en{font-weight:700}
.cm-answers .a .zh{margin-top:6px;color:var(--muted);font-size:12px;line-height:1.35}
.cm-tip{margin-top:10px;color:var(--muted);font-size:12px;line-height:1.4;min-height:1.4em}
.gfgoai-cm__side{display:flex;flex-direction:column;gap:14px}
.cm-side-title{padding:12px 12px 0;font-weight:800}
.cm-side-row{padding:10px 12px;display:flex;flex-direction:column;gap:6px}
.cm-side-row label{font-size:12px;color:var(--muted)}
.cm-side-row select,.cm-side-row input{width:100%;padding:10px;border-radius:12px;border:1px solid rgba(255,255,255,.14);background:rgba(0,0,0,.22);color:var(--text)}
.cm-side-row--btns{flex-direction:row;gap:10px}
.cm-side-hint{padding:0 12px 12px;color:var(--muted);font-size:12px;line-height:1.4}
.cm-toast{margin:12px;border:1px solid rgba(255,255,255,.14);border-radius:14px;background:rgba(0,0,0,.16);padding:12px}
.cm-toast .t-en{font-size:13px;font-weight:700}
.cm-toast .t-zh{margin-top:8px;color:var(--muted);line-height:1.35}
.cm-toast .t-btns{margin-top:10px;display:flex;gap:10px;justify-content:flex-end}
