:root{
 --bg:#fbf8f2;--paper:#fffefb;--ink:#172137;--text:#393732;--muted:#8a8379;
 --line:#e9e2d8;--green:#217d69;--green-dark:#2e7c27;--shadow:0 4px 18px rgba(73,61,43,.045)
}
body.inner-child-quiz-body{
 margin:0;background:var(--bg);color:var(--text);
 font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;
 -webkit-font-smoothing:antialiased
}
.inner-child-quiz-body .wrap{width:min(100%,430px);margin:0 auto;padding:0 12px 38px}
.inner-child-quiz-body .brand{
 height:56px;display:flex;align-items:center;
 font-size:13px;color:#33455b;letter-spacing:.02em;padding-left:2px
}
.inner-child-quiz-body .card{
 background:var(--paper);border:0;border-radius:0;padding:0;box-shadow:none
}

/* intro */
.inner-child-quiz-body #introCard{padding-bottom:24px}
.inner-child-quiz-body .ic-quiz-cover{
 width:100%;height:276px;margin:0 0 19px;border-radius:12px;overflow:hidden;
 background:#eef2e9
}
.inner-child-quiz-body .ic-quiz-cover img{width:100%;height:100%;object-fit:cover;display:block}
.inner-child-quiz-body .badge{display:none}
.inner-child-quiz-body h1{
 color:var(--ink);font-size:25px;line-height:1.35;margin:0 0 12px
}
.inner-child-quiz-body #introCard>p{font-size:13px;line-height:1.85;color:#5b564f}
.inner-child-quiz-body .inner-meta{margin:18px 0 2px}
.inner-child-quiz-body .inner-meta h3{font-size:14px;color:#30352f;margin:16px 0 8px}
.inner-child-quiz-body .gender-row{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.inner-child-quiz-body .gender-choice{
 min-height:44px;border:1px solid #ded8ce;background:#fff;border-radius:11px;
 color:#4d4a45;font-size:13px
}
.inner-child-quiz-body .gender-choice.active{border-color:#77a572;background:#eff6eb;color:#356c31}
.inner-child-quiz-body .subjective-age{
 width:100%;height:44px;padding:0 12px;border:1px solid #ded8ce;border-radius:11px;background:#fff;color:#4d4a45
}
.inner-child-quiz-body #startBtn{
 width:100%;margin-top:16px;min-height:44px;border-radius:999px
}

/* quiz area */
.inner-child-quiz-body #quizArea>.card{background:transparent}
.inner-child-quiz-body .progress-head{
 display:flex;justify-content:space-between;align-items:center;height:36px;
 font-size:11px;color:#5f655d;margin:0 2px 6px
}
.inner-child-quiz-body .ic-mini-brand{font-size:11px;color:#33455b}
.inner-child-quiz-body .progress{
 height:6px;background:#e4e5e3;border-radius:999px;overflow:hidden;margin:0 2px 20px
}
.inner-child-quiz-body .progress-bar{height:100%;background:#1c8d78;border-radius:999px;transition:width .2s ease}
.inner-child-quiz-body .question-screen{display:none}
.inner-child-quiz-body .question-screen.active{display:block}
.inner-child-quiz-body .ic-question-visual{
 width:100%;height:260px;border-radius:12px;overflow:hidden;margin:0 0 17px;background:#eaf0e7
}
.inner-child-quiz-body .ic-question-visual img{width:100%;height:100%;object-fit:cover;display:block}
.inner-child-quiz-body .question-screen h2{
 color:var(--ink);font-size:20px;line-height:1.48;margin:0 2px 16px;font-weight:700
}
.inner-child-quiz-body .ic-options{display:grid;gap:9px}
.inner-child-quiz-body .option{
 width:100%;min-height:45px;text-align:left;
 border:1px solid #e5ded4;background:#fff;border-radius:11px;
 padding:11px 14px;color:#3c3935;font-size:13px;line-height:1.55;
 box-shadow:0 2px 7px rgba(72,61,44,.018)
}
.inner-child-quiz-body .option.selected{
 border-color:#78a970;background:#f0f6ec;box-shadow:0 0 0 1px rgba(65,124,55,.06)
}
.inner-child-quiz-body .ic-nav-row{
 display:grid;grid-template-columns:1fr 1.35fr;gap:12px;margin:20px 0 10px
}
.inner-child-quiz-body .btn{
 min-height:43px;border:0;border-radius:999px;
 background:linear-gradient(180deg,#3d8a34,#2f7829);
 color:#fff;font-size:13px;font-weight:700;padding:0 15px
}
.inner-child-quiz-body .btn-light{
 background:#fff;color:#4c504a;border:1px solid #dce0d8
}
.inner-child-quiz-body .btn[disabled]{opacity:.42}
.inner-child-quiz-body .ic-quiz-hint{
 text-align:center;color:#9a948b;font-size:10px;line-height:1.6;margin:11px 0 17px
}
.inner-child-quiz-body .question-screen:after{
 content:"见己  JianJi";display:block;text-align:center;color:#516271;
 font-size:11px;letter-spacing:.04em;margin:17px 0 5px
}
.inner-child-quiz-body .ic-complete-card{
 text-align:center;background:#fff;border:1px solid #e8e1d7;border-radius:12px;padding:26px 16px
}
.inner-child-quiz-body .ic-complete-card h2{font-size:20px}
.inner-child-quiz-body .ic-complete-card p{font-size:12px;color:#777067}

/* invitation screen also inherit style */
.inner-child-quiz-body .input{
 width:100%;height:44px;border:1px solid #ded8ce;border-radius:11px;padding:0 12px
}
@media(min-width:431px){
 .inner-child-quiz-body .wrap{box-shadow:0 0 24px rgba(67,54,37,.045)}
}


/* V12: six-act visual system */
.inner-child-quiz-body .ic-act-label{
  display:inline-flex;
  align-items:center;
  min-height:25px;
  margin:0 0 10px 2px;
  padding:4px 9px;
  border-radius:999px;
  background:#f0f4eb;
  color:#587355;
  font-size:11px;
  font-weight:700;
  letter-spacing:.02em;
}
.inner-child-quiz-body .ic-question-visual{
  height:235px;
  background:#f6f1e8;
}
.inner-child-quiz-body .ic-question-visual img{
  object-fit:contain;
  background:#fffdf8;
}
.inner-child-quiz-body .ic-nav-row.single-prev{
  display:block;
  margin-top:18px;
}
.inner-child-quiz-body .ic-nav-row.single-prev .prev-btn{
  width:42%;
  min-width:118px;
}
@media(max-width:560px){
  .inner-child-quiz-body .ic-quiz-cover{height:285px}
  .inner-child-quiz-body .ic-question-visual{height:225px}
}

/* V13 — tightly cropped, high-resolution category illustrations */
.inner-child-quiz-body .ic-quiz-cover{
  height:auto;
  aspect-ratio:1.15 / 1;
  background:#fffdf8;
}
.inner-child-quiz-body .ic-quiz-cover img{
  width:100%;height:100%;object-fit:cover;object-position:center;
}
.inner-child-quiz-body .ic-question-visual{
  height:auto;
  aspect-ratio:1.45 / 1;
  background:#fffdf8;
}
.inner-child-quiz-body .ic-question-visual img{
  width:100%;height:100%;object-fit:cover;object-position:center;
}
@media(max-width:560px){
 .inner-child-quiz-body .ic-quiz-cover{height:auto;aspect-ratio:1.15 / 1}
 .inner-child-quiz-body .ic-question-visual{height:auto;aspect-ratio:1.45 / 1}
}