/* ============================================================
   StarFrom — 客户自助 AI 测评向导
   ============================================================ */

.wz-wrap{max-width:880px;margin:0 auto;padding:0 0 90px}
.wz-head{text-align:center;margin-bottom:26px}
.wz-head h1{font-size:clamp(28px,3.6vw,42px);margin:12px 0 12px}
.wz-head p{color:var(--muted);max-width:56ch;margin:0 auto}

/* ---------- 信任状 ---------- */
.wz-trust{
  max-width:640px;margin:0 auto 18px;padding:14px 18px;
  border:1px solid var(--line);border-radius:var(--r);
  background:linear-gradient(180deg,var(--panel),var(--bg-soft));
  display:grid;gap:8px;font-size:13.5px;color:var(--text-2);line-height:1.55;
}
.wz-trust__item{display:flex;align-items:flex-start;gap:9px}
.wz-trust__dot{
  flex:0 0 auto;width:7px;height:7px;margin-top:7px;border-radius:50%;
  background:var(--orange);box-shadow:0 0 0 3px rgba(255,92,0,.12);
}
@media (max-width:720px){.wz-trust{font-size:13px;padding:12px 14px}}

/* ---------- 步骤指示 ---------- */
.wz-steps{display:flex;align-items:flex-start;gap:8px;margin:32px 0 22px}
.wz-steps[hidden]{display:none}
.wz-steps__item{flex:1;text-align:center;position:relative}
.wz-steps__dot{
  width:34px;height:34px;margin:0 auto 8px;border-radius:50%;
  display:grid;place-items:center;font-size:14px;font-weight:800;
  border:1.5px solid var(--line);background:var(--panel-2);color:var(--muted);
  transition:.22s ease;
}
.wz-steps__label{font-size:12px;color:var(--muted);line-height:1.3}
.wz-steps__item.is-active .wz-steps__dot{
  background:linear-gradient(135deg,var(--orange),#ff5c0a);border-color:transparent;color:#160d04;
  box-shadow:0 8px 22px -10px rgba(255,122,26,.9);
}
.wz-steps__item.is-active .wz-steps__label{color:var(--text);font-weight:700}
.wz-steps__item.is-done .wz-steps__dot{background:rgba(79,209,161,.16);border-color:rgba(79,209,161,.5);color:var(--green)}
.wz-steps__item.is-done .wz-steps__label{color:var(--text-2)}
.wz-steps__bar{height:4px;border-radius:99px;background:#E5DFCF;overflow:hidden;margin-bottom:26px}
.wz-steps__fill{height:100%;width:25%;border-radius:99px;background:linear-gradient(90deg,var(--orange),#ffb066);transition:width .35s ease}

/* ---------- 卡片 ---------- */
.wz-card{
  border:1px solid var(--line);border-radius:var(--r-xl);
  background:linear-gradient(180deg,var(--panel),var(--bg-soft));
  padding:30px;box-shadow:var(--shadow);
}
.wz-pane[hidden]{display:none}
.wz-pane__t{font-size:20px;font-weight:800;margin-bottom:6px}
.wz-pane__d{font-size:14.5px;color:var(--muted);margin-bottom:22px}

/* ---------- 表单 ---------- */
.wz-grid{display:grid;gap:16px}
.wz-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.wz-field label,.wz-label{
  display:block;font-size:12.5px;font-weight:800;color:var(--text-2);margin-bottom:7px;
}
.wz-label{margin:24px 0 10px;font-size:12px;letter-spacing:.02em}
.req{color:var(--orange);margin-left:3px}
.wz-input,.wz-area,.wz-select{
  width:100%;padding:12px 13px;border-radius:12px;border:1px solid var(--line);
  background:#FFFFFF;color:var(--text);outline:none;transition:.16s ease;font-size:14.5px;
}
.wz-input:focus,.wz-area:focus,.wz-select:focus{border-color:var(--orange);background:#FFFFFF}
.wz-area{min-height:108px;resize:vertical;line-height:1.65}
.wz-select{cursor:pointer;appearance:none;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2397a1b0' stroke-width='2.4' stroke-linecap='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 12px center;background-size:16px;padding-right:38px;
}
.wz-hint{font-size:12px;color:var(--muted);margin-top:6px}
.wz-input.is-error,.wz-area.is-error{border-color:var(--red)}
.wz-err{font-size:12.5px;color:var(--red);margin-top:10px;display:none}
.wz-err.is-on{display:block}

/* ---------- 选择块 ---------- */
.choices{display:grid;gap:10px}
.choices--2{grid-template-columns:repeat(2,minmax(0,1fr))}
.choices--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.choice{
  display:flex;gap:11px;align-items:flex-start;cursor:pointer;
  border:1px solid var(--line);border-radius:14px;padding:13px 14px;
  background:#F2EFE8;transition:.16s ease;
}
.choice:hover{border-color:var(--line)}
.choice input{margin-top:3px;accent-color:var(--orange);flex:0 0 auto}
.choice.is-on{border-color:rgba(255,122,26,.5);background:rgba(255,122,26,.08)}
.choice__b{font-size:14.5px;font-weight:700;line-height:1.45}
.choice__s{font-size:12.5px;color:var(--muted);margin-top:3px;line-height:1.5}

/* ---------- 底部操作 ---------- */
.wz-actions{display:flex;gap:12px;align-items:center;margin-top:28px;flex-wrap:wrap}
.wz-actions .wz-spacer{flex:1}
.wz-draft{font-size:12.5px;color:var(--muted)}
.wz-draft.is-on{color:var(--green)}

/* ---------- 结果页 ---------- */
.result{display:none}
.result.is-on{display:block}
.result__hero{
  border:1px solid rgba(255,122,26,.32);border-radius:var(--r-xl);
  background:radial-gradient(700px 260px at 88% -10%,rgba(255,122,26,.2),transparent 62%),linear-gradient(150deg,#1a1208,var(--bg-soft));
  padding:32px;margin-bottom:20px;
}
.score-row{display:flex;gap:26px;align-items:center;flex-wrap:wrap}
.score-circle{
  width:120px;height:120px;flex:0 0 120px;border-radius:50%;
  display:grid;place-items:center;position:relative;
  background:conic-gradient(var(--orange) calc(var(--pct,0) * 1%), #E5DFCF 0);
}
.score-circle::before{content:"";position:absolute;inset:9px;border-radius:50%;background:var(--paper)}
.score-in{position:relative;text-align:center}
.score-in__n{font-size:34px;font-weight:900;line-height:1;letter-spacing:-.03em}
.score-in__n span{font-size:15px;color:var(--muted)}
.score-in__l{font-size:11px;color:var(--muted);margin-top:4px}
.score-meta h2{margin-bottom:8px;font-size:24px}
.score-meta p{font-size:14.5px;color:var(--text-2);max-width:46ch}
.score-tag{display:inline-block;margin-top:12px}

.result__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:20px}
.rbox{border:1px solid var(--line);border-radius:var(--r);background:linear-gradient(180deg,var(--panel),var(--bg-soft));padding:15px}
.rbox .rl{font-size:11.5px;color:var(--muted)}
.rbox .rv{font-size:23px;font-weight:900;margin-top:4px;letter-spacing:-.03em}
.rbox--hl{border-color:rgba(255,122,26,.45);background:linear-gradient(135deg,rgba(255,122,26,.12),var(--bg-soft))}
.rbox--hl .rv{color:var(--orange)}

.scene-list{display:grid;gap:12px;margin-bottom:20px}
.scene{
  display:flex;gap:16px;align-items:flex-start;
  border:1px solid var(--line);border-radius:var(--r);padding:16px 18px;
  background:linear-gradient(180deg,var(--panel),var(--bg-soft));
}
.scene--top{border-color:rgba(255,122,26,.42);background:linear-gradient(135deg,rgba(255,122,26,.09),var(--bg-soft))}
.scene__rank{
  width:30px;height:30px;flex:0 0 30px;border-radius:9px;display:grid;place-items:center;
  font-size:13px;font-weight:900;background:rgba(255,122,26,.14);color:var(--orange);
  border:1px solid rgba(255,122,26,.3);
}
.scene--top .scene__rank{background:var(--orange);color:#160d04;border-color:transparent}
.scene__n{font-size:15.5px;font-weight:800;margin-bottom:4px}
.scene__d{font-size:13.5px;color:var(--muted);line-height:1.6}
.scene__fit{margin-left:auto;text-align:right;flex:0 0 auto}
.scene__fit .n{font-size:18px;font-weight:900;color:var(--orange)}
.scene__fit .t{font-size:11px;color:var(--muted)}

.advice{border:1px solid var(--line);border-radius:var(--r-lg);padding:22px;background:linear-gradient(180deg,var(--panel),var(--bg-soft));margin-bottom:20px}
.advice h3{margin-bottom:10px}
.advice ul{margin:10px 0 0;padding-left:18px;color:var(--text-2);font-size:14.5px;display:grid;gap:7px}

.send-box{
  border:1px solid rgba(79,209,161,.35);border-radius:var(--r-lg);padding:24px;
  background:linear-gradient(135deg,rgba(79,209,161,.08),var(--bg-soft));
}
.send-box h3{margin-bottom:8px}
.send-box p{font-size:14px;color:var(--muted)}
.send-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}
.report-pre{
  margin-top:16px;border:1px solid var(--line);border-radius:var(--r);background:#FFFFFF;
  padding:16px;max-height:340px;overflow:auto;
}
.report-pre pre{white-space:pre-wrap;word-break:break-word;margin:0;font-family:var(--font);font-size:13px;line-height:1.75;color:var(--text-2)}

.privacy{
  margin-top:16px;padding:13px 15px;border-left:3px solid var(--green);
  background:rgba(79,209,161,.06);border-radius:12px;font-size:13.5px;color:var(--muted);
}

/* 微信直达 */
.wx-direct{
  display:flex;gap:18px;align-items:center;margin-top:18px;padding:18px;
  border:1px solid rgba(255,122,26,.4);border-radius:var(--r);
  background:linear-gradient(135deg,rgba(255,122,26,.1),rgba(14,16,19,.02));
}
.wx-direct img{width:104px;height:104px;flex:0 0 auto;border-radius:12px;background:#fff;padding:5px}
.wx-direct__t strong{display:block;font-size:16px;margin-bottom:6px}
.wx-direct__t p{font-size:14px;color:var(--text-2);margin:0 0 6px;line-height:1.6}

/* ---------- 提交 ---------- */
.submit-hint{
  margin:12px 0 0;font-size:13px;color:var(--muted);line-height:1.6;
  padding:10px 14px;border-left:3px solid var(--orange);background:rgba(255,122,26,.06);border-radius:0 8px 8px 0;
}
.submit-hint b{color:var(--ink)}
.submit-card{
  display:flex;align-items:center;gap:16px;flex-wrap:wrap;
  padding:18px 20px;margin-bottom:18px;border-radius:var(--r-lg);
  border:1px solid rgba(255,122,26,.35);
  background:linear-gradient(135deg,rgba(255,122,26,.12),rgba(14,16,19,.02));
}
.submit-card__ico{
  width:42px;height:42px;flex:0 0 42px;border-radius:50%;display:grid;place-items:center;
  font-size:19px;font-weight:800;color:#fff;background:var(--orange);
}
.submit-card__t{flex:1;min-width:220px}
.submit-card__t strong{display:block;font-size:16px;margin-bottom:4px}
.submit-card__t p{margin:0;font-size:13.5px;color:var(--text-2);line-height:1.6}
.submit-card__t p b{color:#fff}
.submit-card__meta{margin:6px 0 0 !important;font-size:12.5px !important;color:var(--green) !important}
.submit-card__a{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.submit-card[data-state="done"]{
  border-color:rgba(79,209,161,.4);
  background:linear-gradient(135deg,rgba(79,209,161,.12),rgba(14,16,19,.02));
}
.submit-card[data-state="done"] .submit-card__ico{background:var(--green);color:#08221a}
.submit-card[data-state="done"] .submit-card__a .btn--primary{background:var(--green);color:#08221a}
@media (max-width:720px){
  .submit-card{flex-direction:column;align-items:flex-start}
  .submit-card__a{width:100%}
  .submit-card__a .btn{flex:1;justify-content:center}
}

@media (max-width:720px){
  .wx-direct{flex-direction:column;text-align:center}
  .wx-direct img{width:88px;height:88px}
  .wz-card{padding:22px 18px}
  .wz-2,.choices--2,.choices--3{grid-template-columns:1fr}
  .result__grid{grid-template-columns:1fr 1fr}
  .wz-steps__label{display:none}
  .wz-steps{gap:4px;margin:22px 0 16px}
  .result__hero{padding:22px 18px}
  .score-circle{width:96px;height:96px;flex:0 0 96px}
  .score-in__n{font-size:27px}
  .scene{flex-wrap:wrap}
  .scene__fit{margin-left:0;text-align:left;width:100%}
}
/* 首屏 Hero CTA：开始测评 + 直接预约 30 分钟诊断沟通 并列 */
.wz-hero-cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}
.wz-hero-cta .btn{min-width:200px;justify-content:center}
/* 问卷进行中（第 1–4 步）常驻短路径 CTA：放在 wzForm 内，结果页自动隐藏 */
.wz-bookbar{display:flex;flex-wrap:wrap;align-items:center;gap:14px;justify-content:space-between;
  background:linear-gradient(180deg,#fff6ee,#fdeee2);border:1px solid #f3d6bf;border-radius:var(--r);
  padding:14px 18px;margin-bottom:22px}
.wz-bookbar__t{font-size:14.5px;color:var(--text);font-weight:500;line-height:1.5}
.wz-bookbar .btn{flex:0 0 auto;white-space:nowrap}
@media (max-width:600px){
  .wz-hero-cta .btn{min-width:100%}
  .wz-bookbar{flex-direction:column;align-items:stretch;text-align:center}
  .wz-bookbar .btn{width:100%}
}
@media print{
  .site-header,.wz-steps,.wz-steps__bar,.wz-actions,.site-footer,.no-print,.submit-card,.submit-hint,.send-box{display:none !important}
  body{background:#fff;color:#000}
  .wz-card,.scene,.advice,.rbox{border-color:#999;background:#fff}
}