* { margin:0; padding:0; box-sizing:border-box; }
    body {
      font-family: Arial, sans-serif;
      background: #fff;
      color: #333;
      direction: rtl;
    }
    .container {
      max-width: 600px;
      margin: 0 auto;
      padding: 20px;
    }
    h1 {
      text-align: center;
      color: #0038a8;
      font-size: 24px;
      margin-bottom: 15px;
    }
    p { font-size: 16px; margin-bottom: 10px; line-height: 1.6; }

    .divider { border-top: 2px dashed #0038a8; margin: 20px 0; }

    .question { 
      opacity: 0; 
      transform: translateY(20px); 
      transition: all 0.5s; 
    }
    .question.show { 
      opacity: 1; 
      transform: translateY(0); 
    }

    /* 第一题默认显示 */
    #q1 { 
      opacity: 1; 
      transform: translateY(0); 
    }

    .options label {
      display: block;
      background: #f0f8ff;
      border: 1px solid #0038a8;
      border-radius: 6px;
      padding: 10px;
      margin-bottom: 10px;
      cursor: pointer;
      transition: all 0.3s;
    }
    .options label:hover { background: #e6f0ff; }
    .options input { margin-right: 10px; }

    /* 弹窗 */
    .modal {
      display: none;
      position: fixed;
      top:0; left:0;
      width:100%; height:100%;
      background: rgba(0,0,0,0.7);
      justify-content: center;
      align-items: center;
    }
    .modal-content {
      background: #fff;
      padding: 25px;
      border-radius: 12px;
      max-width: 500px;
      text-align: center;
      box-shadow: 0 4px 12px rgba(0,0,0,0.3);
      animation: fadeIn 0.3s ease-in-out;
    }
    .modal-content h2 { color: #0038a8; margin-bottom: 15px; }
    .modal-content p { margin-bottom: 15px; }
    .modal button {
      background: #0038a8;
      color: #fff;
      border: none;
      padding: 12px 20px;
      border-radius: 8px;
      cursor: pointer;
      font-size: 16px;
      animation: pulse 1.8s infinite;
      transition: background 0.3s;
    }
    .modal button:hover { background: #002c80; }

    .modal .close {
      cursor:pointer;
      color:#0038a8;
      font-weight:bold;
      margin-top:10px;
      display:inline-block;
    }

    @keyframes fadeIn { from {opacity:0; transform:translateY(-10px);} to {opacity:1; transform:translateY(0);} }
    @keyframes pulse { 0% {transform:scale(1); box-shadow:0 0 0 0 rgba(0,56,168,0.6);} 50% {transform:scale(1.08); box-shadow:0 0 20px 5px rgba(0,56,168,0.4);} 100% {transform:scale(1); box-shadow:0 0 0 0 rgba(0,56,168,0.6);} }