:root{
      --container-w: 1200px;
      --radius: 14px;
      --card-radius: 0px;
      --fg: #1f2937;
      --muted: #6b7280;
      --white: #fff;
      --primary: #4f46e5; /* focus 边框颜色 */
      --primary-weak: rgba(79,70,229,.15);
      --input-bg: #ffffff;
      --input-bd: rgba(0,0,0,.12);
      --input-bd-hover: rgba(0,0,0,.22);
    }

    /* 背景渐变 */
    html, body{
      height: 100%;
    }
    body{
      margin: 0;
      font-family: -apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",Roboto,"Helvetica Neue",Arial,sans-serif;
      color: var(--fg);
      background: 	#F0FFF0;
      background-attachment: fixed;
    }

    .wrap{
      max-width: var(--container-w);
      margin: 0 auto;
      padding: 32px 20px 48px;
    }

    /* 白色内容容器 */
    .panel{
      background: rgba(255,255,255,.96);
      backdrop-filter: saturate(140%) blur(6px);
      -webkit-backdrop-filter: saturate(140%) blur(6px);
      border-radius: var(--card-radius);
      box-shadow: 0 20px 60px rgba(0,0,0,.18);
      overflow: hidden;    padding: 0 250px;
    }

    /* 第一块：主题 */
    .hero{
      padding: 36px 28px 12px;
      text-align: center;
    }
    .hero h1{
      margin: 0 0 20px;
      font-size: clamp(22px, 2.4vw, 34px);
      letter-spacing: .3px;
    }
    .hero p{
      margin: 0;
      color: var(--muted);
      font-size: clamp(15px, 1.6vw, 16px);
    }

    /* 第二块：查询输入区 */
    .search{
      padding: 18px 150px 28px;
      display: grid;
      gap: 14px;
      align-items: center;
    }
    .field{
      position: relative;
    }
    .field input{
      width: 100%;
      height: 48px;
      padding: 0 14px 0 14px;
      border-radius: var(--radius);
      border: 1px solid var(--input-bd);
      outline: none;
      background: var(--input-bg);
      color: var(--fg);
      font-size: 16px;
      transition: border-color .15s ease, box-shadow .15s ease;
      /* 禁止记录历史数据/自动填充 */
      -webkit-text-size-adjust: 100%;
    }
    .field input:hover{
      border-color: var(--input-bd-hover);
    }
    .field input:focus{
      border-color: var(--primary);
      box-shadow: 0 0 0 4px var(--primary-weak);
    }

    .btnn{
      height: 55px;
      padding: 0 22px;
      border: none;
      border-radius: var(--radius);
      font-size: 22px;
      font-weight: 700;
      color: var(--white);
      background: linear-gradient(90deg,#6366f1,#8b5cf6);
      cursor: pointer;
      transition: transform .04s ease, filter .15s ease;
    }
    .btn:active{ transform: translateY(1px); }
    .btn:focus-visible{ outline: 3px solid rgba(99,102,241,.35); outline-offset: 2px; }
    .btn:hover{ filter: brightness(1.05); }

    /* 第三块：问答区 */
    .faq{
      padding: 16px 22px 28px;
    }
    .faq h2{
      margin: 0 0 8px;
      font-size: 18px;
    }
    .qa{
      display: grid;    margin-bottom: 20px;
      gap: 10px 16px;
      align-items: start;
      background: rgba(0,0,0,.02);
      border: 1px solid rgba(0,0,0,.06);
      border-radius: 12px;
      padding: 14px;
    }
    .q{
      color: var(--muted);
      font-weight: 700;
      white-space: nowrap;    font-size: 20px;
    }
    .a{
      color: var(--fg);
      line-height: 1.7;
    }
    .qa + .qa{ margin-top: 10px; }

    /* 自适应：移动端改为单列 */
    @media (max-width: 720px){
      .search{
        grid-template-columns: 1fr;
      }
      .btn{
        width: 100%;
      }
      .qa{
        grid-template-columns: 1fr;
      }
      .q{ margin-bottom: -6px; }
    .panel{
      background: rgba(255,255,255,.96);
      backdrop-filter: saturate(140%) blur(6px);
      -webkit-backdrop-filter: saturate(140%) blur(6px);
      border-radius: var(--card-radius);
      box-shadow: 0 20px 60px rgba(0,0,0,.18);
      overflow: hidden;    padding: 0px;
    }
    
    .wrap{
      max-width: var(--container-w);
      margin: 0 auto;padding: 0;
    }
        .search{
      padding: 15px 30px 20px;
      display: grid;
      gap: 14px;
      align-items: center;
    }
        .hero h1{
      margin: 0 0 20px;
      font-size: clamp(28px, 2.4vw, 34px);
      letter-spacing: .3px;
    }
    }

    /* 结果提示（示例） */
    .result{
      display: none;
      margin: 0 22px 26px;
      border: 1px dashed rgba(0,0,0,.18);
      border-radius: 12px;
      background: rgba(99,102,241,.06);
      padding: 14px 16px;
      color: #111827;
    }
    .result b{ color:#4338ca; }