* { margin: 0; padding: 0; box-sizing: border-box; }
        body { font-family: 'PingFang SC','Microsoft YaHei','Helvetica Neue',Arial,sans-serif; background: #F5F7FA; color: #1e2a3a; line-height: 1.6; }
        a { text-decoration: none; color: inherit; }
        ul { list-style: none; }
        .container { max-width: 1240px; margin: 0 auto; padding: 0 20px; }

        .section-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 18px; flex-wrap: wrap; gap: 8px 12px; }
        .section-header h2 { font-size: 22px; font-weight: 700; color: #1e2a3a; display: flex; align-items: center; gap: 8px; }
        .section-header h2 i { color: #08C7A3; font-size: 20px; }

        .hospital-main { padding: 24px 0 40px; }

        .dept-section { background: #ffffff; border-radius: 16px; padding: 24px 28px 28px; margin-bottom: 28px; box-shadow: 0 2px 12px rgba(0,0,0,0.04); border: 1px solid #edf0f5; }
        .dept-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(160px, 1fr)); gap: 16px; }
        .dept-item { background: #f8fafc; border-radius: 12px; padding: 20px 12px; text-align: center; border: 1px solid #edf0f5; cursor: pointer; transition: all 0.25s; display: flex; flex-direction: column; align-items: center; gap: 8px; }
        .dept-item:hover { border-color: #08C7A3; color: #08C7A3; background: #f0f7f5; transform: translateY(-2px); box-shadow: 0 6px 20px rgba(8,199,163,0.08); }
        .dept-item .dept-icon { width: 48px; height: 48px; border-radius: 50%; background: linear-gradient(135deg, #E6F9F4, #b8e6db); display: flex; align-items: center; justify-content: center; font-size: 24px; color: #08C7A3; }
        .dept-item .dept-icon img { width: 32px; height: 32px; object-fit: contain; }
        .dept-item .dept-name { font-size: 15px; font-weight: 600; color: #1e2a3a; }
        .dept-item .dept-desc { font-size: 13px; color: #7a8a9e; line-height: 1.5; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }

        @media (max-width: 768px) {
            .hospital-main { padding: 16px 0 30px; }
            .dept-section { padding: 18px 16px 20px; }
            .dept-grid { grid-template-columns: repeat(auto-fill, minmax(120px, 1fr)); gap: 10px; }
            .dept-item { padding: 14px 8px; }
            .dept-item .dept-icon { width: 40px; height: 40px; font-size: 20px; }
            .dept-item .dept-icon img { width: 26px; height: 26px; }
            .dept-item .dept-name { font-size: 14px; }
            .dept-item .dept-desc { display: none; }
        }
        @media (max-width: 480px) {
            .dept-grid { grid-template-columns: repeat(3, 1fr); gap: 8px; }
        }
        
        
        * { margin: 0; padding: 0; box-sizing: border-box; }
        body { font-family: 'PingFang SC','Microsoft YaHei','Helvetica Neue',Arial,sans-serif; background: #F5F7FA; color: #1e2a3a; line-height: 1.6; }
        a { text-decoration: none; color: inherit; }
        ul { list-style: none; }
        .container { max-width: 1240px; margin: 0 auto; padding: 0 20px; }

        .section-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 18px; flex-wrap: wrap; gap: 8px 12px; }
        .section-header h2 { font-size: 22px; font-weight: 700; color: #1e2a3a; display: flex; align-items: center; gap: 8px; }
        .section-header h2 i { color: #08C7A3; font-size: 20px; }
        .section-header .more { font-size: 14px; color: #6a7a8e; display: flex; align-items: center; gap: 4px; cursor: pointer; transition: color 0.2s; white-space: nowrap; }
        .section-header .more:hover { color: #08C7A3; }

        .hospital-main { padding: 24px 0 40px; }

        .dept-hero { background: #ffffff; border-radius: 16px; padding: 32px; margin-bottom: 28px; box-shadow: 0 2px 12px rgba(0,0,0,0.04); border: 1px solid #edf0f5; display: flex; gap: 28px; align-items: flex-start; flex-wrap: wrap; }
        .dept-hero .dept-icon { width: 72px; height: 72px; border-radius: 50%; background: linear-gradient(135deg, #E6F9F4, #b8e6db); display: flex; align-items: center; justify-content: center; font-size: 32px; color: #08C7A3; flex-shrink: 0; }
        .dept-hero .dept-icon img { width: 48px; height: 48px; object-fit: contain; }
        .dept-hero .dept-info { flex: 1; min-width: 200px; }
        .dept-hero .dept-info h1 { font-size: 26px; font-weight: 700; color: #1e2a3a; margin-bottom: 6px; }
        .dept-hero .dept-info .dept-count { font-size: 14px; color: #6a7a8e; margin-bottom: 14px; }
        .dept-hero .dept-info .dept-desc { font-size: 15px; color: #4a5a6e; line-height: 1.9; }
        .dept-hero .dept-info .dept-desc p { margin-bottom: 8px; }

        @media (max-width: 768px) {
            .hospital-main { padding: 16px 0 30px; }
            .dept-hero { padding: 20px 18px; flex-direction: column; align-items: center; text-align: center; }
            .dept-hero .dept-icon { width: 56px; height: 56px; font-size: 24px; }
            .dept-hero .dept-icon img { width: 36px; height: 36px; }
            .dept-hero .dept-info h1 { font-size: 20px; }
        }