* { box-sizing: border-box; margin: 0; padding: 0; }
  body {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC",
                 "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
    min-height: 100vh;
    background: #fafafa;
    color: #222;
    padding: 24px;
  }

  /* 顶部导航 */
  .nav {
    max-width: 520px;
    margin: 0 auto 40px;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

  .logo {
    width: clamp(150px, 24vw, 340px);
    aspect-ratio: 4096 / 1714;
  }
  .logo img {
    width: 70%;
    height: 70%;
    object-fit: contain;
  }

  .back {
    font-size: 13px;
    color: #555;
    text-decoration: none;
  }
  .back:hover { color: #000; }

  /* 主体 */
  .container {
    max-width: 520px;
    margin: 0 auto;
  }

  h1 {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 24px;
    color: #111;
  }

  /* 输入框 */
  .field { margin-bottom: 28px; }

  input[type="password"],
  input[type="text"] {
    width: 100%;
    padding: 14px 16px;
    font-size: 16px;
    border: 0;
    border-bottom: 2px solid #ddd;
    background: transparent;
    outline: none;
    transition: border-color .2s;
    letter-spacing: 1px;
  }
  input:focus { border-bottom-color: #111; }

  /* 结果列表 */
  .results {
    list-style: none;
  }

  .results li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px 0;
    font-size: 14px;
  }

  .results .k { color: #888; }
  .results .v { font-weight: 600; color: #222; }

  /* 强度文字颜色 */
  .label-s0 { color: #e74c3c !important; }
  .label-s1 { color: #e67e22 !important; }
  .label-s2 { color: #b7950b !important; }
  .label-s3 { color: #27ae60 !important; }
  .label-s4 { color: #16a085 !important; }

  .bottom {text-align: center;font-size: 8px;color: rgb(135, 135, 135);}