body {
      background: #f3f5ff;
      margin: 0;
      font-family: "Segoe UI", Arial, sans-serif;
      color: #24325b;
    }
    .container {
      max-width: 390px;
      margin: 42px auto 0 auto;
      background: #fff;
      border-radius: 20px;
      box-shadow: 0 6px 28px #2037a033;
      padding: 28px 17px 19px 17px;
      display: flex;
      flex-direction: column;
      align-items: stretch;
    }
    .logo {
      font-size: 1.23em;
      font-weight: bold;
      color: #7d4ae9;
      text-align: center;
      margin-bottom: 8px;
      letter-spacing: -1px;
    }
    .desc {
      text-align: center;
      color: #2037a0;
      margin-bottom: 17px;
      font-size: 1.05em;
    }
    .fortune-btn {
      background: linear-gradient(90deg, #9e72ff, #69e0d1);
      color: #fff;
      border: none;
      border-radius: 9px;
      font-size: 1.11em;
      font-weight: bold;
      padding: 14px 0;
      cursor: pointer;
      box-shadow: 0 2px 12px #6d63ff33;
      letter-spacing: 0.01em;
      margin-bottom: 17px;
      transition: background 0.17s;
    }
    .fortune-btn:active {
      background: linear-gradient(90deg, #5b3ca4, #1bc6a4);
    }
    .result-block {
      background: #faf6ff;
      border: 1.2px solid #dacffd;
      border-radius: 13px;
      padding: 17px 14px 12px 14px;
      box-shadow: 0 2px 7px #bbacf533;
      font-size: 1.13em;
      text-align: center;
      margin-bottom: 9px;
      min-height: 65px;
      color: #643cc3;
      line-height: 1.7;
      word-break: keep-all;
      position: relative;
    }
    .copy-btn {
      background: #7d4ae9;
      color: #fff;
      border: none;
      border-radius: 6px;
      padding: 7px 19px;
      cursor: pointer;
      font-size: 0.97em;
      font-weight: bold;
      margin: 0 auto 5px auto;
      display: block;
      transition: background 0.12s;
      box-shadow: 0 2px 6px #7d4ae933;
    }
    .copy-btn:active {
      background: #4328a3;
    }
    .hint {
      color: #18b88a;
      font-size: 0.96em;
      margin: 2px 0 7px 0;
      text-align: center;
      min-height: 18px;
      transition: color 0.14s;
    }
    .adsense {
      text-align: center;
      margin: 12px 0 13px 0;
    }
    .footer {
      color: #789;
      text-align: center;
      font-size: 0.93em;
      margin-top: 13px;
    }
    @media (max-width: 600px) {
      .container {
        max-width: 99vw;
        padding: 12px 2vw 9px 2vw;
      }
      .result-block {
        font-size: 1em;
      }
    }
    #backBtn {
      position: fixed;
      left: 50%;
      bottom: 32px;
      transform: translateX(-50%);
      background: #198dae;
      color: #fff;
      font-weight: 700;
      border: none;
      border-radius: 2rem;
      padding: 0.58em 1.5em;
      box-shadow: 0 4px 16px #198dae33;
      font-size: 1.09em;
      text-decoration: none;
      cursor: pointer;
      letter-spacing: 0.01em;
      transition:
        background 0.15s,
        transform 0.12s;
      z-index: 2000;
    }
    #backBtn:hover {
      background: #115b73;
      transform: translateX(-50%) scale(1.04);
    }
    @media (max-width: 500px) {
      #backBtn {
        bottom: 18px;
        font-size: 0.98em;
        padding: 0.48em 1em;
      }
    }