/* 云企AI · AI 增长潜力测评
 * 只作用于 .assessment 区块，类名统一 yqa- 前缀，避免影响原站样式。
 */

.yqa{font-family:inherit;color:#1f2d3d}

/* ---------- 进度 ---------- */
.yqa-top{display:flex;align-items:center;justify-content:space-between;gap:12px;
  font-size:13px;color:#64748b;margin:0 0 10px}
.yqa-top b{color:#1e4fa3;font-weight:700}
.yqa-bar{height:6px;border-radius:99px;background:#e8effa;overflow:hidden;margin:0 0 18px}
.yqa-bar i{display:block;height:100%;width:0;border-radius:99px;
  background:linear-gradient(90deg,#3b82f6,#1e4fa3);transition:width .28s ease}

/* ---------- 题目 ---------- */
.yqa-q{font-size:19px;font-weight:700;color:#12345a;line-height:1.5;margin:0 0 4px}
.yqa-hint{font-size:12.5px;color:#94a3b8;margin:0 0 14px}
.yqa-opts{display:grid;gap:10px}
@media (min-width:720px){.yqa-opts{grid-template-columns:1fr 1fr}}

.yqa-opt{display:flex;align-items:center;gap:10px;width:100%;text-align:left;cursor:pointer;
  background:#fff;border:1px solid #dbe6f4;border-radius:12px;padding:14px 16px;
  font-size:14.5px;line-height:1.5;color:#334155;transition:border-color .15s,background .15s,box-shadow .15s}
.yqa-opt:hover{border-color:#8fb4e8;background:#f7fbff}
.yqa-opt.is-on{border-color:#2f6bb8;background:#eef5ff;box-shadow:0 0 0 3px rgba(47,107,184,.12)}
.yqa-opt i{flex:0 0 18px;width:18px;height:18px;border-radius:50%;border:2px solid #c3d4e8;
  position:relative;transition:border-color .15s}
.yqa-opt.is-on i{border-color:#2f6bb8}
.yqa-opt.is-on i::after{content:'';position:absolute;inset:3px;border-radius:50%;background:#2f6bb8}
.yqa-opt span{flex:1}

/* ---------- 底部按钮 ---------- */
.yqa-nav{display:flex;align-items:center;gap:10px;margin:20px 0 0}
.yqa-btn{appearance:none;border:0;cursor:pointer;border-radius:10px;padding:11px 22px;
  font-size:14px;font-weight:600;transition:background .15s,color .15s,opacity .15s;font-family:inherit}
.yqa-btn[disabled]{opacity:.45;cursor:not-allowed}
.yqa-btn--main{background:#2f6bb8;color:#fff;margin-left:auto}
.yqa-btn--main:hover:not([disabled]){background:#1e4fa3}
.yqa-btn--ghost{background:#eef3fa;color:#4a5f78}
.yqa-btn--ghost:hover:not([disabled]){background:#e2ebf7}

/* ---------- 结果 ---------- */
/* 结果区在测评卡片里是窄容器，统一单列，避免两列把文字挤爆 */
.yqa-res{display:grid;gap:18px;min-width:0}
.yqa-res>*{min-width:0}

.yqa-score{text-align:left;background:linear-gradient(180deg,#f4f9ff,#eaf2fd);
  border:1px solid #d8e6f8;border-radius:16px;padding:16px 18px;
  display:flex;align-items:center;gap:16px}
.yqa-ring{width:92px;height:92px;border-radius:50%;flex:0 0 auto;display:grid;place-items:center;
  background:conic-gradient(#2f6bb8 calc(var(--p) * 1%),#dbe7f5 0);position:relative}
.yqa-ring::before{content:'';position:absolute;inset:9px;border-radius:50%;background:#fff}
.yqa-ring b{position:relative;font-size:26px;font-weight:800;color:#1e4fa3;line-height:1}
.yqa-ring b em{font-size:11px;font-style:normal;color:#94a3b8;font-weight:500}
.yqa-lv{font-size:15px;font-weight:700;color:#12345a;margin:0 0 4px}
.yqa-lvdesc{font-size:12.5px;color:#64748b;line-height:1.6;margin:0}

.yqa-dims{display:grid;gap:12px;margin:0 0 4px}
.yqa-dim{display:grid;grid-template-columns:88px 1fr 42px;align-items:center;gap:10px;font-size:13px;color:#4a5f78}
.yqa-dim i{display:block;height:8px;border-radius:99px;background:#e8effa;overflow:hidden}
.yqa-dim i b{display:block;height:100%;border-radius:99px;background:#3b82f6}
.yqa-dim em{font-style:normal;text-align:right;color:#1e4fa3;font-weight:600}

.yqa-tips{margin:0;padding:0;list-style:none;display:grid;gap:9px}
.yqa-tips li{position:relative;padding-left:26px;font-size:13.5px;line-height:1.65;color:#334155}
.yqa-tips li::before{content:'';position:absolute;left:0;top:6px;width:16px;height:16px;border-radius:50%;
  background:#e8f1ff url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232f6bb8' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E") center/10px no-repeat}

/* ---------- 邮箱表单 ---------- */
.yqa-mail{background:#fbfcfe;border:1px dashed #cddcf0;border-radius:14px;padding:16px 18px}
.yqa-mail h4{margin:0 0 4px;font-size:14px;color:#12345a}
.yqa-mail p{margin:0 0 12px;font-size:12.5px;color:#7c8da4}
.yqa-mail-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}
.yqa-mail input{width:100%;min-width:0;border:1px solid #dbe6f4;border-radius:9px;
  padding:10px 12px;font-size:14px;font-family:inherit;color:#1f2d3d;background:#fff}
.yqa-mail input:focus{outline:none;border-color:#2f6bb8;box-shadow:0 0 0 3px rgba(47,107,184,.12)}
.yqa-note{font-size:12.5px;margin:10px 0 0;line-height:1.6}
.yqa-note.err{color:#d0342c}
.yqa-note.ok{color:#177a4b}

.yqa-done{text-align:center;padding:6px 0}
.yqa-done .yqa-done-ico{width:46px;height:46px;border-radius:50%;background:#e7f6ee;color:#177a4b;
  display:grid;place-items:center;margin:0 auto 10px;font-size:22px}
.yqa-done b{display:block;font-size:16px;color:#12345a;margin:0 0 6px}
.yqa-done p{margin:0;font-size:13px;color:#64748b;line-height:1.7}

.yqa-again{margin-top:14px;background:none;border:0;color:#5b7594;font-size:12.5px;
  text-decoration:underline;cursor:pointer;font-family:inherit}