* {
      margin: 0;
      padding: 0;
      box-sizing: border-box;
    }

    body {
      font-family: 'Microsoft YaHei', sans-serif;
      background-color: #f8f9fa;
      color: #333;
      line-height: 1.6;
    }

    .container-public {
      max-width: 1200px;
      margin: 0 auto;
      padding: 30px 20px;
    }

    .header-public {
      height: 500px;
      background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), url('https://www.shilongqu.gov.cn/upload/images/2025/5/2eb50869814e86696f7fa61b399b5d4c.png');
      background-size: cover;
      background-position: center;
      position: relative;
      margin-bottom: 60px;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
    }

    .header-public img {
      max-height: 210px;
      margin-bottom: 40px;
      filter: drop-shadow(0 4px 8px rgba(0, 0, 0, 0.2));
    }

    .section-divider {
      height: 3px;
      background: linear-gradient(to right, transparent, #2463aa, transparent);
      margin: 50px auto;
      width: 60%;
    }

    .title-banner-public {
      width: 650px;
      height: 80px;
      margin: 0 auto 40px;
      background: linear-gradient(135deg, #1e5799, #2989d8);
      display: flex;
      justify-content: center;
      align-items: center;
      clip-path: polygon(0 0, 100% 0, 92% 100%, 8% 100%);
      box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
      position: relative;
      z-index: 1;
    }

    .title-banner-public::before {
      content: '';
      position: absolute;
      top: 3px;
      left: 3px;
      right: 3px;
      bottom: 3px;
      clip-path: polygon(0 0, 100% 0, 92% 100%, 8% 100%);
      border: 1px solid rgba(255, 255, 255, 0.3);
      z-index: -1;
    }

    .title-text-public a {
      text-decoration: none;
      color: white;
      font-size: 26px;
      font-weight: bold;
      letter-spacing: 2px;
      text-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    }
     .title-text-public{
       text-decoration: none;
      color: white;
      font-size: 26px;
      font-weight: bold;
      letter-spacing: 2px;
      text-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
     }

    .documents-grid-public {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      gap: 30px;
      margin-bottom: 50px;
    }

    .document-card-public {
      background-color: white;
      border-radius: 10px;
      box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
      overflow: hidden;
      transition: all 0.3s ease;
      cursor: pointer;
      position: relative;
    }

    .document-card-public:hover {
      transform: translateY(-5px);
      box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
    }

    .document-card-public::after {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 5px;
      height: 100%;
      background: linear-gradient(to bottom, #1e5799, #2989d8);
    }

    .document-content-public {
      padding: 30px 25px 30px 35px;
      min-height: 120px;
      display: flex;
      align-items: center;
    }

    .document-title-public a{
      text-decoration: none;
      font-size: 18px;
      line-height: 1.5;
      color: #333;
      text-align: center;
      font-weight: normal;
    }

    /* 新增的Pilot样式 */
    .container-Pilot {
      max-width: 1200px;
      margin: 0 auto;
      padding: 0 20px 40px;
    }

    .services-grid-Pilot {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 20px;
      margin-bottom: 50px;
      margin-top: 30px;
    }

    .service-card-Pilot {
      background-color: white;
      border-radius: 8px;
      padding: 25px 12px;
      display: flex;
      align-items: center;
      gap: 15px;
      cursor: pointer;
      transition: all 0.3s ease;
      text-decoration: none;
      box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
      border: 1px solid rgba(0, 0, 0, 0.05);
    }

    .service-card-Pilot:hover {
      background: linear-gradient(to bottom right, #f8f9fa, #e9f0f8);
      transform: translateY(-5px);
      box-shadow: 0 10px 25px rgba(36, 99, 170, 0.12);
      border-color: rgba(36, 99, 170, 0.1);
    }

    .service-icon-Pilot {
      width: 48px;
      height: 48px;
      display: flex;
      justify-content: center;
      align-items: center;
      color: #2463aa;
      font-size: 24px;
      background-color: rgba(36, 99, 170, 0.1);
      border-radius: 12px;
      transition: all 0.3s ease;
    }

    .service-card-Pilot:hover .service-icon-Pilot {
      background-color: rgba(36, 99, 170, 0.15);
      transform: scale(1.1);
    }

    .service-title-Pilot {
      color: #2463aa;
      font-size: 18px;
      font-weight: normal;
      text-align: center;
    }

    .grid-title {
      color: #555;
      text-align: center;
      margin: 15px 0 30px;
      font-weight: normal;
      font-size: 16px;
    }

    footer {
      background-color: #2463aa;
      color: white;
      text-align: center;
      padding: 30px 0;
      margin-top: 50px;
      font-size: 14px;
    }

    footer p {
      margin: 8px 0;
      opacity: 0.9;
    }

    @media (max-width: 992px) {
      .services-grid-Pilot {
        grid-template-columns: repeat(3, 1fr);
      }
    }

    @media (max-width: 768px) {
      .documents-grid-public {
        grid-template-columns: 1fr;
      }

      .title-banner-public {
        width: 90%;
        max-width: 500px;
      }

      .services-grid-Pilot {
        grid-template-columns: repeat(2, 1fr);
      }

      .header-public {
        height: 400px;
      }
    }

    @media (max-width: 576px) {
      .services-grid-Pilot {
        grid-template-columns: 1fr;
      }

      .header-public img {
        max-height: 90px;
      }

      .title-text-public {
        font-size: 22px;
      }
    }



    // ... existing code ...
    footer p {
      margin: 8px 0;
      opacity: 0.9;
    }

    /* 工作动态样式 */
    .container-job {
      max-width: 1200px;
      margin: 0 auto;
      padding: 0 20px 40px;
    }

    .updates-grid-job {
      display: flex;
      flex-direction: column;
      gap: 15px;
      margin-bottom: 20px;
    }

    .update-card-job {
      background-color: white;
      border-radius: 8px;
      box-shadow: 0 3px 10px rgba(0, 0, 0, 0.04);
      overflow: hidden;
      transition: all 0.3s ease;
      text-decoration: none;
      border-left: 4px solid #2463aa;
    }

    .update-card-job:hover {
      transform: translateX(5px);
      box-shadow: 0 5px 15px rgba(36, 99, 170, 0.1);
    }

    .update-content-job {
      padding: 20px 25px;
      display: flex;
      justify-content: space-between;
      align-items: center;
    }

    .update-title-job {
      font-size: 16px;
      color: #333;
      font-weight: normal;
      margin: 0;
      flex: 1;
    }

    .update-date-job {
      color: #888;
      font-size: 14px;
      min-width: 80px;
      text-align: right;
    }

    .more-link-job {
      text-align: right;
      padding: 10px 5px;
    }

    .more-link-job a {
      color: #2463aa;
      text-decoration: none;
      font-size: 15px;
      transition: all 0.2s ease;
    }

    .more-link-job a:hover {
      color: #1c4a80;
      text-decoration: underline;
    }

    @media (max-width: 992px) {
      
    }