/* =========================================================
   专业量表 · 基础统一层
   holland / bigfive / phq / scl90 结构各异，视觉由各自样式负责；
   此文件只保证字体与渲染观感一致。

   浅色主题：暖白背景，蜜桃橘主色
   ========================================================= */

:root {
  --bg: #fdf6ef;
  --surface: #ffffff;
  --border: rgba(244,134,78,0.15);
  --text: #3d2a1e;
  --muted: #9a8c80;
  --heading: #2e2519;
  --primary: #f4864e;
  --accent: #ff7eb0;
}

@import url('https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,300..800&display=swap');

html, body {
  font-family: 'Bricolage Grotesque', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Microsoft YaHei', sans-serif;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

@supports (height: 100dvh) { html, body { min-height: 100dvh; } }
body { min-height: 100vh; }

@media (max-width: 720px) {
  html, body { overflow-x: hidden; }
  .app, .container, .wrap, .main, .content, .quiz, .card,
  .box, .panel, .page, .shell, .layout, .result,
  .assessment, .report, .home, section, .question-card, .options {
    max-width: 100% !important; width: 100% !important; box-sizing: border-box;
  }
  .app, .container, .wrap, .main, .content, .page,
  .quiz, .shell, .layout, .home, section {
    padding-left: max(16px, env(safe-area-inset-left)) !important;
    padding-right: max(16px, env(safe-area-inset-right)) !important;
  }
}