/* === 老天奶有话说 — 响应式 === */

/* 平板 */
@media (min-width: 768px) {
  .title {
    font-size: 1.9rem;
  }

  .hex-name {
    font-size: 2.8rem;
  }

  .ritual-container {
    max-width: 380px;
  }

  .time-input {
    width: 120px;
    height: 84px;
    font-size: 2.6rem;
  }
}

/* 桌面 */
@media (min-width: 1024px) {
  #app {
    max-width: 520px;
  }

  .subtitle {
    font-size: 1rem;
  }

  .title {
    font-size: 2rem;
  }
}

/* 小屏手机 */
@media (max-width: 359px) {
  #app {
    padding: 0 16px;
  }

  .title {
    font-size: 1.4rem;
  }

  .hex-name {
    font-size: 2rem;
  }

  .time-input {
    width: 80px;
    font-size: 1.8rem;
  }

  .reading-container {
    padding: 30px 20px 26px;
  }
}

/* 截图打印样式 */
@media print {
  body {
    background: white;
  }
  .step {
    display: block !important;
  }
}